extjs---分组表格groupGrid
来源:互联网 发布:mac百度网盘限速破解 编辑:程序博客网 时间:2024/05/21 06:40
Ext.grid.GroupingGrid分组表格就是在普通表格的基础上,根据某一列的数据将表格中的数据分组显示的表格的控件。
var cm = [
{header:'编号',dataIndex:'id',name:'id'},
{header:'性别',dataIndex:'sex',name:'sex'},
{header:'名称',dataIndex:'name',name:'name' },
{header:'描述',dataIndex:'descn',name:'descn'}
];
var data = [
['1','male','name1','descn1'],
['2','female','name2','descn2'],
['3','male','name3','descn3'],
['4','female','name4','descn4'],
['5','male','name5','descn5'],
['6','female','name6','descn6']
];
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({
autoHeight:true,
width:300,
store:store,
renderTo:'grid',
columns:cm,
view: new Ext.grid.GroupingView()
});
============================================
图如下显示 :
=============================================
添加四个按钮,分别是展开、关闭、toggle(展开关闭),toggle one (展开or关闭一组)
html:
<button id="expand">expand</button>
<button id="collapse">collapse</button>
<button id="toggle">toggle</button>
<button id="one">toggle one</button>
js:
Ext.get('expand').on('click',function(){
grid.getView().expandAllGroups();
});
Ext.get('collapse').on('click',function(){
grid.getView().collapseAllGroups();
});
Ext.get('toggle').on('click',function(){
grid.getView().toggleAllGroups();
});
Ext.get('one').on('click',function(){
var groupId = grid.getView().getGroupId('female'); --- 通过得到表格视图,进而取得一组的id (groupId)
grid.getView().toggleGroup(groupId);
});
如下图所示:
=============================================
==============================================
- extjs---分组表格groupGrid
- extjs jsonreader groupgrid
- ExtJs分组表格
- Extjs 表格分组 grid grouping
- Extjs 表格分组 grid grouping 获取某一分组
- 【引用】自己封装的Extjs组件GroupGrid(1)
- 分组表格
- ExtJs表格
- extjs表格
- 【引用】自己封装的Extjs组件GroupGrid的代码(9) DateField TextField NumberField
- [ExtJS5学习笔记]第三十节 sencha extjs 5表格gridpanel分组汇总
- Extjs中的分组
- ExtJs数据分组(GroupingView)
- 分组的表格
- ext表格分组
- extjs_05_grid(表格分组)
- 表格分组折叠
- 表格表头分组构件
- Android之基于HTTP协议的下载
- warning LNK4086: 入口点“_WinMainCRTStartup”不是带有 12 字节参数的 __stdcall;映像可能不能运行
- profiler必须要simulator么?
- 小羊驼和你一起学习cocos2d-x与lua之五(lua编写cocos2d-x游戏)
- linux下C内嵌汇编代码
- extjs---分组表格groupGrid
- android191---intentservice
- Struts2的配置中:Could not find action or result 问题的解决方法
- php+js+时间戳比较,输出不同内容
- 一些关于uitableviewcell的总结
- hadoop MapReduce实例解析
- XHTML 1.0 规定
- 特殊数据类型成员变量的初始化
- .net 在js中判断checkboxlist是否有选中