DS7/DSWeb/Areas/MvcShipping/Viewsjs/MainForm/LeftPanel.js

Ext.namespace('Shipping');
Ext.define("Shipping.Main.LeftPanel", {
    extend: 'Ext.panel.Panel',
    requires: ['DsShipping.ux.ModuleModel'],
    initComponent: function () {


        this.storeModuTree = Ext.create('DsExt.ux.RefTableStore', {
            model: 'DsShipping.ux.ModuleModel',
            proxy: { url: '/MvcShipping/MsBaseInfo/GetUserModuTreeList' }
        });

        this.topleft = Ext.create('Ext.panel.Panel', {
            title: "west",
            layout: "accordion",  //设置为手风琴布局
            layoutConfig: {
                animate: true
            },
            width: 250,
            minWidth: 90,
            region: "west", //设置方位
            split: true,
            collapsible: true
        });

        this.buildTree();

        Ext.apply(this, {
            layout: 'border',
            items: [
                this.tabtree
            ]
        });
        this.callParent(arguments);
    },
    buildTree: function () {
        // 菜单树 
        _this = this;
        this.storeModuTree.load({ params: { condition: "" },
            callback: function (r, options, success) {
                if (success) {
                    if (this.storeModuTree.getCount() > 0) {
                        for (var j = 0; j < this.storeModuTree.getCount(); j += 1) {
                            var member = this.storeModuTree.getAt(j);
                            var treestore = new Ext.data.TreeStore({
                                model: 'DsShipping.ux.ModuleModel',
                                nodeParam: 'PARENTID',
                                proxy: {
                                    type: 'ajax',
                                    url: '/MvcShipping/MsBaseInfo/GetModuTreeRefList',
                                    reader: {
                                        id: 'GID',
                                        root: 'data',
                                        totalProperty: 'totalCount'
                                    }
                                },
                                autoLoad: true,
                                root: {
                                    name: '根节点',
                                    expanded: true,
                                    id: member.data.id
                                }
                            });

                            var tabtree = new Ext.tree.Panel({
                                region: 'west',
                                title: '',
                                split: true,
                                width: 180,
                                collapsible: true,
                                margins: '0 0 0 0',
                                store: treestore,
                                rootVisible: false,
                                hideHeaders: true,
                                animate: false,
                                lines: false,
                                columns: [{
                                    xtype: 'treecolumn',
                                    text: '模块名称',
                                    width: 178,
                                    dataIndex: 'DESCRIPTION'
                                }],

                                listeners: {
                                    scope: this,
                                    'itemclick': function (_this, record, item, index, e, eOpts) {
                                        var path = rec.get("LoadPath"); //--功能地址
                                        var openType = rec.get("OpenType"); //--打开方式
                                        var me = this;
                                        if (!Ext.Object.isEmpty(path) && !Ext.Object.isEmpty(openType)) {
                                            if (openType == "window") {
                                                var win_id = 'syswin_' + rec.get("id");
                                                var win = Ext.WindowManager.get(win_id);
                                                if (win) {
                                                    Ext.WindowManager.bringToFront(win);
                                                }
                                                else {
                                                    win = Ext.create(path, {
                                                        title: rec.get("text"),
                                                        iconCls: rec.get("iconCls"),
                                                        id: win_id
                                                    });
                                                    win.show();
                                                }
                                            }
                                            else if (openType == "tab") {
                                                //--选项卡方式打开，先判断当前功能是否已经打开，如果已打开，则无需新建，直接将该功能设为活动选项卡就行了。
                                                //--me.ownerCt.ownerCt.centerPart是主框架的中间内容模块。
                                                var tab = me.ownerCt.ownerCt.centerPart.getComponent('tab_sys_' + rec.get('id'));
                                                if (!tab) {
                                                    var newitem = Ext.create(path, {});
                                                    tab = Ext.create('Ext.panel.Panel', {
                                                        title: rec.get('text'),
                                                        itemId: 'tab_sys_' + rec.get('id'),
                                                        layout: 'fit',
                                                        closable: true,
                                                        iconCls: rec.get('iconCls') || 'icon_preview',
                                                        items: newitem
                                                    });
                                                    me.ownerCt.ownerCt.centerPart.add(tab);
                                                }
                                                //--设为活动选项卡
                                                me.ownerCt.ownerCt.centerPart.setActiveTab(tab);
                                            }
                                        }


                                    }
                                }
                            });

                            _this.topleft.add(tabtree);

                        };


                    } else {

                    }
                }
            },
            scope: this
        });


    }
});