深圳做网站哪里好,php免费网站系统,怎样做网站设计,手机怎么样做网站ExtJs 分组表格控件----监听2013年8月1日10:59如图#xff0c;点击expand可以展开所有的分组#xff0c;collapse可以合并所有的列#xff0c;toggle和toggleone展开合并一个分组Ext.get(expand).on(click, function() { grid.getView().expandAllGroups(); });…ExtJs 分组表格控件----监听2013年8月1日10:59 如图点击expand可以展开所有的分组collapse可以合并所有的列toggle和toggleone展开合并一个分组 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 view grid.getView(); var groupId view.getGroupId(female); view.toggleGroup(groupId); }); 实现分组的展开和合并必须通过grid.getView()对象来调用具体的方法expandAllGroups()展开所有项collapseAllGroups()合并所有项目toggleAllGroups()展开没有展开的分组toggleGroup()展开指定的分组方法获得view对象得到分组的toggleAllGroups折叠/展开该分组代码示例 html head meta http-equivContent-Type contenttext/html; charsetgbk title03.grid/title link relstylesheet typetext/css href../ext3.2/resources/css/ext-all.css / script typetext/javascript src../ext3.2/adapter/ext/ext-base.js/script script typetext/javascript src../ext3.2/ext-all.js/script script typetext/javascript Ext.onReady(function(){ Ext.QuickTips.init(); var meta [ {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] ]; var grid new Ext.grid.GridPanel({ store: new Ext.data.GroupingStore({ reader: new Ext.data.ArrayReader({}, meta), data: data, groupField: sex, sortInfo: {field: id, direction: ASC} }), columns: meta, view: new Ext.grid.GroupingView(), renderTo: grid, autoHeight: true }); 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 view grid.getView(); var groupId view.getGroupId(female); view.toggleGroup(groupId); }); }); /script /head body script typetext/javascript src../shared/examples.js/script button idexpandexpand/button button idcollapsecollapse/button button idtoggletoggle/button button idonetoggle one/button div idgrid/div /body /html 已使用 Microsoft OneNote 2013 创建。来自为知笔记(Wiz)转载于:https://www.cnblogs.com/babyhhcsy/p/3229864.html
