• 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);
    }
    },
    '100%',
    height: '100%',
    renderTo: Ext.getBody()
    });
    });
  • 相关阅读:
    LAMP的搭建
    linux利用命令重置大量密码
    CSS的应用下
    Day13 CSS的与应用
    Day12 CSS简单用法
    Day12 前端html
    Day11 数据库的基本语法(偏重于查询)
    Java-->把txt中的所有字符按照码表值排序
    Java-->将txt文件的所有行反转
    Java-->在txt文件每一行前加行数和冒号
  • 原文地址:https://www.cnblogs.com/a-long/p/7117544.html
Copyright © 2020-2023  润新知