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

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

    requires: [
        'Ext.tree.Panel'
    ],

    controller: 'basic-class-classinfo',
    viewModel: 'basic-class-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: '{store_grade}',
            width: '{treeWidth}'
        },
        // viewConfig: {
        //     plugins: {
        //         treeviewdragdrop: {
        //             containerScroll: true
        //         }
        //     }
        // },
        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-fa fa-pencil',
                tooltip: '编辑',
                handler: 'onTreeEditClick'
            }]
        }, {
            xtype: 'actioncolumn',
            width: 30,
            items: [{
                iconCls: 'action-icon x-hidden x-ss ss-delete',
                tooltip: '删除',
                handler: 'onTreeDeleteClick'
            }]
        }],
        listeners: {
            itemclick: 'onItemClick',
            itemmouseenter: 'onItemMouseEnter',
            itemmouseleave: 'onItemMouseLeave',
            beforedrop: 'onItemBeforeDrop',
            drop: 'onItemDrop',
        }
    }, {
        region: 'center',
        bodyPadding: 10,
        layout: 'fit',
        items: [{
            xtype: 'panel',
            layout: 'fit',
            scrollable: true,
            tbar: [{
                padding: '7 0 7 0',
                ui: 'header',
                bind: {
                    iconCls:'x-sa {toggleIconCls}'
                },
                handler: 'onToggleTree'
            }, {
                xtype: 'tbtext',
                bind: {
                    text: '{currentNodeData.text}'
                }
            }, {
                xtype: 'button',
                text: '上一级',
                handler: 'onTreeUp'
            }],
            items: [{
                xtype: 'listcard',
                reference: 'listcard'
            }, {
                xtype: 'classdetail',
                reference: 'classdetail',
                hidden: true
            }]
        }]
    }],
    
    listeners: {
        afterrender: 'onAfterRender'
    }
});