浏览 3588 次
锁定老帖子 主题:GroupingStore分组表格
该帖已经被评为新手帖
|
|
---|---|
作者 | 正文 |
发表时间:2008-07-25
<html> <head> <title> New Document </title> <link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" /> <script type="text/javascript" src="adapter/ext/ext-base.js"></script> <script type="text/javascript" src="ext-all.js"></script> </head> <body> <br> <script> Ext.onReady(function(){ var data = [ ['1','male','name1','descn1'], ['2','female','name2','descn2'], ['3','male','name3','descn3'], ['4','female','name4','descn4'], ['5','male','name5','descn5'] ]; var reader = new Ext.data.ArrayReader({}, [ {name: 'id'}, {name: 'sex'}, {name: 'name'}, {name: 'descn'} ]); var store = new Ext.data.GroupingStore({ reader: reader, data: data, groupField:'sex', sortInfo: {field:'id',direction: "ASC"} }); var grid = new Ext.grid.GridPanel({ renderTo: 'grid', width:650, //height: 150, //loadMask: true, //stripeRows:true, store: store, //cm: cm, viewConfig:{ forceFit: true }, //autoExpandColumn:'descn', columns: [ {id:'id',header: "编号", sortable: true, dataIndex: 'id'}, // {header: "性别", sortable: true, dataIndex: 'sex'}, {header:'性别',dataIndex:'sex',width:80,renderer: function (value){ if ( value == 'male') { return "<span style='color:red;font-weight:bold;'>男</span><img src='drop-no.gif' />"; } else { return "<span style='color:green;font-weight:bold;'>女</span><img src='drop-add.gif' />"; } }}, {header: "名字", sortable: true, dataIndex: 'name'}, {header: "描述", sortable: true, dataIndex: 'descn'} ], frame:true, //表格外加边框 collapsible: true, animCollapse: false, view: new Ext.grid.GroupingView() }); }); </script> <div id="grid" align="center"> </div> </body> </html> 声明:ITeye文章版权属于作者,受法律保护。没有作者书面许可不得转载。
推荐链接
|
|
返回顶楼 | |