smartschool-platform/frontend/pc-web/app/view/basic/ClassInfo.js

/**
 * 班级信息
 */
Ext.define('school.view.basic.ClassInfo', {
    extend: 'Ext.panel.Panel',
    xtype: 'basic-classinfo',

    controller: 'basic-classinfo',
    viewModel: 'basic-classinfo',

    layout: 'border',

    // bodyPadding: '8 12 8 12',
    items: [{
        region: 'west',
        split: true,
        border: false,
        hideHeaders: true,
        singleExpand: true,
        width: 250,
        xtype: 'treepanel',
        reference: 'treelist',
        bind: {
            store: '{grade}',
            width: '{treeWidth}'
        },
        columns: [{
            xtype: 'treecolumn',
            text: 'Name',
            dataIndex: 'text',
            flex: 1,
            sortable: true,
            renderer: function(v, metaData, record) {
                metaData.glyph = record.glyph;
                return v;
            }
        }, {
            xtype: 'actioncolumn',
            width: 30,
            items: [{
                iconCls: 'action-icon x-hidden x-ss ss-add',
                tooltip: '新增',
                handler: 'onTreeAddClick'
            }]
        }, {
            xtype: 'actioncolumn',
            width: 30,
            items: [{
                iconCls: 'action-icon x-hidden x-ss ss-deleta',
                tooltip: '删除',
                handler: 'onTreeDeleteClick'
            }]
        }],
        listeners: {
            itemclick: 'onItemclick',
            itemmouseenter: 'onItemMouseEnter',
            itemmouseleave: 'onItemMouseLeave'
        }
    }, {
        region: 'center',
        bodyPadding: 10,
        items: [{
            xtype: 'panel',
            tbar: [{
                padding: '7 0 7 0',
                ui: 'header',
                bind: {
                    iconCls:'x-sa {toggleIconCls}'
                },
                handler: 'onToggleTree'
            }, {
                xtype: 'button',
                text: '上一级',
                handler: 'onTreeUp'
            }],
            items: [{
                xtype: 'listcard',
                reference: 'listcard'
            }, {
                xtype: 'classdetail',
                reference: 'classdetail',
                hidden: true
            }]
        }]
    }]
});