Extjs4 GridPanel 的几种样式使用介绍
111 浏览量
2020-12-09
02:24:36
上传
评论
收藏 442KB PDF 举报
Extjs4 GridPanel 的几种样式使用介绍的几种样式使用介绍
简单表格
排序,显示某列,读取本地数据
代码如下:
//本地数据
var datas = [
[‘1’, ‘gao’, ‘man’], [‘2’, ‘gao’, ‘man’], [‘3’, ‘gao’, ‘man’]
];
//创建面板
Ext.create(‘Ext.grid.Panel’, {
title: ‘easy grid’,
width: 400,
height: 300,
renderTo: Ext.getBody(),
frame: true,
viewConfig: {
forceFit: true,
stripRows: true
},
store: {//配置数据代理
fields: [‘id’, ‘name’, ‘gender’],
proxy: {
type: ‘memory’,
data: datas,
reader: ‘array’ //数据读取器为 数据读取
},
autoLoad: true
},
columns: [{ //自定义列信息
header: ‘id’,
width: 30,
dataIndex: ‘id’, //绑定fields中得字段
sortable: true
}, {
header: ‘name’,
width: 80,
dataIndex: ‘name’,
sortable: true
}, {
header: ‘gender’,
width: 80,
dataIndex: ‘gender’,
sortable: true
剩余12页未读，继续阅读
评论0
最新资源