V20108 – 工作程序資源設定 – 人員 & 裝備 – Panel加入自訂 Grid - tabBar 隱藏/顯示

 目的: V20108 – 工作程序資源設定 – 人員 & 裝備 – Panel加入自訂 Grid

處理說明:1>產生 TMGrid

var grid_D11 = Ext.create('TMGrid', {

        grid_id: 'grid_D11',

        columns: J_columns_D11,

        autoScroll: true,

        flex: 1,

        store: Ext.create('gridstore', { model: J_gridmodel_D11 }),

    });

                 2>Panel 加入 自訂Grid
                     Ext.getCmp("Panel_D11").add(grid_D11);
                3>Grid .分頁bar 隱藏
                      Ext.getCmp('grid_D11_ptb').hide();

                4>tabBar 全部隱藏

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

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

                5>tabBar 部份不顯示 - Template tab_D 才有setTabVisible 函式, 一般tabPanel無該函式

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

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

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

               6>一般 tabPanel 隱藏 tabBar

                  Ext.getCmp("tabPanel_D1").getTabBar().getComponent(0).hide();  // tabbar 不顯示

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

1>*.js

  //2025/09/24 隱藏原本 Detail  & 加入 [人員Panel) *3    

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

    cmp_Panel_D.title = "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_D11.id = 'Panel_D11';

    cmp_Panel_D11.layout = 'fit';

    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_Panel_D1.items.push(cmp_Panel_D11, cmp_Panel_D12, cmp_Panel_D13);

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

    console.log("cmp_tabPanel_D1:", cmp_tabPanel_D1);

    console.log("cmp_tabPanel_D1.items[0]:", cmp_tabPanel_D1.items[0]);

    //cmp_tabPanel_D1.items[0].tabBar.height = 0;

    //cmp_tabPanel_D1.items[0].tabBar.hidden = true;

    console.log("Ext.getCmp(tab_D):", Ext.getCmp("tab_D"));

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

    //Ext.getCmp("tabPanel_D1").setTabVisible(0, false);

    //Ext.getCmp("tabPanel_D2").setTabVisible(1, false);

    

    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, hidden: true }; // 可選，直接隱藏 tabBar    

    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").hide();

    //2025/09/25 原本Detail 的Tab 設為隱藏

    //Template tab_D 才有 setTabVisible 函式,一般tabPanel無該函式

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

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

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

    console.log("grid_D11  - STEP0");

    //加入 grid_Dxx

    //var grid_D11 = Ext.create('grid_D', {

    //    grid_id: 'grid_D11',        

    //    columns: J_columns_D11,

    //    //title: '子步序說明',

    //    store: Ext.create('gridstore_D', { model: J_gridmodel_D11 }),

    //    //form_items: J_formFields_D1,

    //    form_id: 'myform_D11'

    //});

    var grid_D11 = Ext.create('TMGrid', {

        grid_id: 'grid_D11',

        columns: J_columns_D11,

        autoScroll: true,

        flex: 1,

        store: Ext.create('gridstore', { model: J_gridmodel_D11 }),

    });

    console.log("0 Ext.getCmp(Panel_D11):", Ext.getCmp("Panel_D11"));

    //cmp_Panel_D11.add(grid_D11);

    Ext.getCmp("Panel_D11").add(grid_D11);

    Ext.getCmp('grid_D11_ptb').hide();

    

//一般 tabPanel 隱藏 tabBar

Ext.getCmp("tabPanel_D1").getTabBar().getComponent(0).hide();  // tabbar 不顯示

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