zoukankan      html  css  js  c++  java
  • 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()
    });
    });
  • 相关阅读:
    iOS开发之Masonry框架源码解析
    iOS开发针对对Masonry下的FPS优化讨论
    React-native Android环境搭建
    Android中ListView使用总结
    Android开发布局方式
    轮播图
    大文件断点下载
    基于第三方库FMDB的数据库的二次封装
    md5加密
    AssignToObject文件(字典转模型、字典数组转模型数组)
  • 原文地址:https://www.cnblogs.com/a-long/p/7117544.html
Copyright © 2011-2022 走看看