V20108 – 工作程序資源設定 – 客製化MD畫面- 樣板.Detail Grid畫面 - 隱藏不用,換成客製化Detail畫面

 目的: V20108 – 工作程序資源設定 – 客製化MD畫面- Detail非標準的MD畫面

處理說明: 1>原本的樣板.Detail畫面.隱藏不用

                      Ext.getCmp("tab_D").setTabVisible(0, false);

                      Ext.getCmp("tab_D").setTabVisible(1, false);

                      Ext.getCmp("tab_D").setActiveTab(2);

                   2>加入客製化 Detail畫面 - 

                        cmp_Panel_D = get_cmp_panel1(300, 100, "Panel_D");

                        cmp_tabPanel_D1 = get_cmp_tabpanel1("人員挑選");    

                        cmp_tabPanel_D2 = get_cmp_tabpanel1("裝備挑選");    

                        cmp_Panel_D.layout = { type: 'hbox', align: 'stretch' };

                        cmp_Panel_D.items.push(cmp_tabPanel_D1, cmp_tabPanel_D2);

                        Ext.getCmp("tab_D").add(cmp_Panel_D);

                        cmp_tabPanel_D1.id = "tabPanel_D1";

                        cmp_tabPanel_D2.id = "tabPanel_D2";

                    3>設定TabBar.隱藏

                         Ext.getCmp("tab_D").tabBar.height = 0;

                         Ext.getCmp("tab_D").tabBar.hidden = true;

                   4>畫面顯示後, Tab不顯示

                       Ext.getCmp("tabPanel_D1").getTabBar().getComponent(0).hide();

                   5>畫面顯示後,Tab隱藏

                       listeners: {

                            afterrender:    function () {

                                    Ext.getCmp("tabPanel_D1").getTabBar().getComponent(0).hide();

                         }};

1>*.js

    cmp_Panel_D = get_cmp_panel1(300, 100, "Panel_D");

    cmp_tabPanel_D1 = get_cmp_tabpanel1("人員挑選");    

    cmp_tabPanel_D2 = get_cmp_tabpanel1("裝備挑選");    

    cmp_Panel_D.layout = { type: 'hbox', align: 'stretch' };

    cmp_Panel_D.items.push(cmp_tabPanel_D1, cmp_tabPanel_D2);

    cmp_tabPanel_D1.id = "tabPanel_D1";

    cmp_tabPanel_D2.id = "tabPanel_D2";

    //人員挑選

    cmp_Panel_D1 = get_cmp_panel1(300, 100, "Panel_D1"); //人員挑選

    cmp_Panel_D1.layout = { type: 'vbox', align: 'stretch' };

    cmp_Panel_D11 = get_cmp_panel1(300, 100, "Panel_D11");

    cmp_Panel_D12 = get_cmp_panel1(300, 30, "Panel_D12");

    cmp_Panel_D13 = get_cmp_panel1(300, 100, "Panel_D13");

    cmp_tabPanel_D1.items.push(cmp_Panel_D1);

    cmp_tabPanel_D1.items[0].items.push(cmp_Panel_D11, cmp_Panel_D12, cmp_Panel_D13);

    

    cmp_Panel_D.border = 1;

    cmp_Panel_D11.border = 1;

    cmp_Panel_D12.border = 1;

    cmp_Panel_D13.border = 1;

    Ext.getCmp("tab_D").tabBar.height = 0;

    Ext.getCmp("tab_D").tabBar.hidden = true;

    Ext.getCmp("tab_D").add(cmp_Panel_D);

    

    Ext.getCmp("tab_D").setTabVisible(0, false);

    Ext.getCmp("tab_D").setTabVisible(1, false);

    Ext.getCmp("tab_D").setActiveTab(2);

2>*.js

  var viewport = Ext.create('Ext.container.Viewport', {

        layout: 'border',

        items: [{

            region: 'center',

            layout: 'fit',

            autoScroll: true,

            flex: 2,

            border: false,

            items: [TMMDViewEdit]

        }],

        listeners: {

            afterrender:    function () {

                Ext.getCmp("tabPanel_D1").getTabBar().getComponent(0).hide();

                console.log("Ext.getCmp(tabPanel_D1)_2:", Ext.getCmp("tabPanel_D1"));

            }

        }

    });