extjs grid grouping 关闭和展开

Ext.onReady(function() {    var store = Ext.create(‘Ext.data.Store‘, {        storeId: ‘employeeStore‘,        fields: [‘name‘, ‘seniority‘, ‘department‘],        groupField: ‘department‘,        data: {            ‘employees‘: [                {"name": "Michael Scott", "seniority": 7, "department": "Management"},                {"name": "Dwight Schrute", "seniority": 2, "department": "Sales"},                {"name": "Jim Halpert", "seniority": 3, "department": "Sales"},                {"name": "Kevin Malone", "seniority": 4, "department": "Accounting"},                {"name": "Angela Martin", "seniority": 5, "department": "Accounting"}            ]        },        proxy: {            type: ‘memory‘,            reader: {                type: ‘json‘,                root: ‘employees‘            }        }    });

var grid = Ext.create(‘Ext.grid.Panel‘, {        title: ‘Employees‘,       name:‘mygrid‘,        store: Ext.data.StoreManager.lookup(‘employeeStore‘),        dockedItems: [{            dock: ‘top‘,            xtype: ‘toolbar‘,            items: [{                tooltip: ‘关闭所有‘,                text: ‘关闭所有‘,                enableToggle: true,                pressed: true,                handler: function(){                    var me=this;                    var view = me.up(‘grid‘);                    console.log(view);                    view.view.features[0].collapseAll();                }            }, {                    tooltip: ‘展开所有‘,                    text: ‘展开所有‘,                    enableToggle: true,                    pressed: true,                    handler: function(){                        var me=this;                        var view = me.up(‘grid‘);                        console.log(view);                        view.view.features[0].expandAll();                    }                }]        }],        columns: [            {text: ‘Name‘, dataIndex: ‘name‘},            {text: ‘Seniority‘, dataIndex: ‘seniority‘}        ],        features: [            {                ftype: ‘grouping‘            }        ],        listeners: {            groupclick: function (view, node, group, e, eOpts) {               view.features[0].collapseAll();               view.features[0].expand(group);            }        },        width: ‘100%‘,        height: ‘100%‘,        renderTo: Ext.getBody()    });});
时间: 2024-08-04 09:15:00

extjs grid grouping 关闭和展开的相关文章

ExtJS Grid 字段因为json数值前空格加载失败

今天遇到个奇葩问题,因为EXCLE数据没有去掉前空格导入之后EXTJS.Grid无法加载数据. 排错顺序: 首先检查控制台有没有报错. 在oracle中运行sql语句,检查SQL是否正确 导出json数据,并在在线json验证中验证json数据是否正确. 在上线后,当天显示正常,并进行过导出操作.怀疑近期数据出错.添加createdate筛选条件,从当天到前天倒序检查是否报错. 当天数据报错,前天数据无错.检查当天数据. 找到当天数据,检查中发现5列中文长度过长,怀疑这些列中数据有特殊字符,一列

ExtJS4.1 ExtJS TabPanel 双击标签关闭该页

/*总觉得 TabPanel 生成的那个关闭按钮太小关闭的时候不太顺手 感觉不方便 所以想双击关闭tab方便些于是在网上找到下面的代码 URL:http://atian25.iteye.com/blog/413920可是用在我的系统框架上无效,本人用的是ExtJs4.1.不知道是不是我的问题,可是实在找不出错在哪里.于是 自己想了个办法 亲测支持ExtJs4.1 可能有点麻烦 可是没办法 上面那个方法 我实在是找不出问题在哪里*///////////////////---下面是网上找的方法 本人

ExtJS Grid Column Number

 {                 xtype: 'numbercolumn',                 text: '亏盈数量',                 width: 130,                 dataIndex: 'LossOrProfitNum',                 editor: {                     xtype: 'numberfield',                     minValue: 0,    

Extjs grid分页多选记忆功能

很多同事在用extjs grid做分页的时候,往往会想用grid的多选功能来实现导出Excel之类的功能(也就是所谓的多选记忆功能),但在选选择下一页的时候 上一页选中的已经清除 这是因为做分页的时候又向服务器请求了分页数据 以下解决方法是在工作中的碰到的.分享给大家共同学习一下. 1.首先定义一个保存选中记录的集合 2.定义选中记录的CheckboxModel 3.定义store(这个请参考) 监听beforeload 及load事件 4.在grid中引用sm

Extjs grid 遍历store

var projectMemberGrid = Ext.getCmp("projectMemberGrid"); var selFuns = []; projectMemberGrid.store.each(function(rec){ selFuns.push(Ext.encode(rec.data)); });Extjs grid 遍历store

可关闭与展开的对联广告代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

extjs grid renderer用法

extjs grid renderer用法 摘自:http://www.cnblogs.com/ljian/archive/2011/10/27/2226959.html var cm = new Ext.grid.ColumnModel([new Ext.grid.RowNumberer({ header: "", width: 20, align: 'center' }),{ header: '', align: 'center', dataIndex: 'AccountAndRo

extjs grid数据改变后刷新的实现

做了一个编辑extjs grid记录的窗体,但更改数据后,怎么重新刷新grid让数据显示呢? 做了半天的尝试,其实到最后只需一句话,faint:-) this.store.reload(); 不用加任何参加都可以了:-) extjs grid数据改变后刷新的实现

ExtJS Grid 获得选中项数据

ExtJS Grid 获得选中项数据 - hwq1987的专栏 - 博客频道 - CSDN.NET Grid的数据源是store,我们有时需要做点击某一个项而触发一定的事件,在这个处理过程中,我们不免需要得到点击的那个项,如何获得相应的数据呢? 首先,来看看怎么写触发事件.假设变量_grid就是一个GridPanel的句柄(或者说引用),我们要对实现双击GridPanel中的某一项时触发一个event.那么我们只需要 _grid.addListener('celldblclick',functi