extjs学习资料-grid表格简单布局.doc

下载文档

ID：49529433

大小：55.01 KB

页数：2页

时间：2020-03-02

收藏

资源描述：

《extjs学习资料-grid表格简单布局.doc》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、ExtJs学习资料—grid表格简单布局[2021年7月22日星期四]1、引入ExtJs框架文件（存入Global.js文件中）document.write("");document.write("");documen

2、t.write("");document.write("");2、引入Global.js文件<

3、/script>.icon{background:url(icon.gif)00no-repeat!important}3、效果图=====================================================================================================================4、JS源代码Ext.onReady(function(){varsm=newExt.grid.CheckboxSelecti

4、onModel({handleMouseDown:Ext.emptyFn});varsexRenderer=function(v){if(v=="male")return" 

";elsereturn" 

5、号",width:30}),sm,{header:'编号',dataIndex:'id',width:30,align:"center"},{header:'性别',dataIndex:'sex',renderer:sexRenderer,align:"center",width:40},{第2页/共2页ExtJs学习资料—grid表格简单布局[2021年7月22日星期四]header:'名称',dataIndex:'name',width:60},{header:'描述',dataIndex:'descn',id:"descn"}]);var

6、data=[['1','male','name1','descn1'],['2','female','name2','descn2'],['3','male','name3','descn3'],['4','female','name4','descn4'],['5','male','name5','descn5']];varstore=newExt.data.Store({proxy:newExt.data.MemoryProxy(data),reader:newExt.data.ArrayReader({},[{name:'id'},{na

7、me:'sex'},{name:'name'},{name:'descn'}])});store.load();vargrid=newExt.grid.GridPanel({title:"grid表格简单布局",autoHeight:true,renderTo:'grid',frame:true,store:store,width:400,height:300,cm:cm,sm:sm,autoExpandColumn:"descn"});grid.el.center();//居中显示});5、HTML源代码

8、>第2页/共2页