- 1、本文档共9页,可阅读全部内容。
- 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
第十七讲:ExtJS组件之GridPanel(中)
1.记录类型。
示例一:当数据为二维数组时
Ext.onReady(function(){
Ext.BLANK_IMAGE_URL = ../Ext/resources/images/default/s.gif;
//数据
var data = [
[1,张三,45],
[2,李四,23],
[3,王五,12],
[4,赵六,56]
];
//创建记录类型Person
var Person = new Ext.data.Record.create([
{name:id,mapping:0},
{name:name,mapping:1},
{name:age,mapping:2}
]);
//存储器
var store = new Ext.data.Store({
reader:new Ext.data.ArrayReader({id:0},Person),
data:data
})
//表格面板
var gridPanel = new Ext.grid.GridPanel({
id:gridPanel,
renderTo:hello,
title:人员信息,
width:500,
height:300,
store:store,
columns:[
{header:id,dataIndex:id,sortable:true},
{header:姓名,dataIndex:name,sortable:true},
{header:年龄,dataIndex:age,sortable:true}
],
autoExpandColumn:1
})
});
Ext.onReady(function(){
Ext.BLANK_IMAGE_URL = ../Ext/resources/images/default/s.gif;
//数据
var data = [
{
id:1,
name:张三,
age:45,
homePage:
},
{
id:2,
name:李四,
age:23,
homePage:
},
{
id:3,
name:王五,
age:45,
homePage:
},
{
id:4,
name:赵六,
age:90,
homePage:
}
];
//创建记录类型Person
var Person = new Ext.data.Record.create([
{name:id,mapping:id},
{name:name,mapping:name},
{name:age,mapping:age},
{name:homePage,mapping:homePage}
]);
//存储器
var store = new Ext.data.Store({
reader:new Ext.data.JsonReader({id:0},Person),
data:data
})
//表格面板
var gridPanel = new Ext.grid.GridPanel({
id:gridPanel,
renderTo:hello,
title:人员信息,
width:500,
height:300,
store:store,
columns:[
{header:id,dataIndex:id,sortable:true},
{header:姓名,dataIndex:name,sortable:true},
{header:年龄,dataIndex:age,sortable:true},
{header:个人主页,dataIndex:homePage,sortable:true}
],
autoExpandColumn:3
})
});
示例三:当数据为xml文件时。
Ext.onReady(function(){
Ext.BLANK_IMAGE_URL = ../Ext/resources/images/default/s.gif;
//创建记录类型Person
var Person = new Ext.data.Record.create([
{name:id,mapping:id},
{name:name,mapping:name},
{name:age,mapping:age},
{name:homePage,map
您可能关注的文档
最近下载
- 网络预约出租汽车企业安全生产责任制和事故报告制度.pptx
- SY-T 5051-2009 钻具稳定器-石油天然气行业标准.pdf VIP
- 22G101-3 混凝土结构施工图平面整体表示方法制图规则和构造详图(独立基础、条形基础、筏形基础、桩基础).docx
- 模板支架验收记录表.doc
- 标准个人租房合同模板.pdf VIP
- 2024年全国疾控系统大学习实验室质量控制规范答案.docx VIP
- 2024-2025学年初中道德与法治七年级(全一册)统编版(五四学制)(2024)教学设计合集.docx
- 小学劳动教育五年级下册第五单元2《维修凳子》教学设计.docx
- 北师大版五年级数学上册第五单元《分数的意义》(大单元教学设计).docx VIP
- 简易呼吸球囊.ppt
文档评论(0)