如何在tabpanel中顯示網格面板標題？

嗨我正在爲我的項目使用Extjs 6.0.1版本。如何在tabpanel中顯示網格面板標題？

需要將網格面板顯示到我的項目的選項卡面板中。我想顯示標籤面板的特定標籤和網格面板的不同標題的一些標題。下面是代碼我已經嘗試過相同的事情。

1網格面板：

Ext.define('com.SomeName', { 

extend: 'Ext.grid.Panel', 
xtype: 'GridPanelXtype', 
id: 'GridPanel', 
controller: 'GridPanelController', 
title: 'GridPanel <span style ="margin-left: 620px"><img class="Some class" src> Accept</span>', 
flex: 1, 
layout: 'fit', 

columns: [{ 
    header : 'column1', 
    sortable : true, 
    flex:1, 
    menuDisabled: true 
},{ 
    header : 'column2', 
    sortable : true, 
    flex:1, 
    menuDisabled: true 
},{ 
    header: 'column3', 
    flex: 1, 
    sortable: true, 
    format: 'm/d/y', 
    menuDisabled: true 
},{ 
    header: 'column4', 
    flex: 1, 
    sortable: true, 
    menuDisabled: true 
}] 
});

第二個標籤面板：

Ext.define('com.HomeScreen', { 
extend: 'Ext.form.Panel', 
xtype: 'newHomePage', 
controller: 'tabpanelController', 
items: [{ 
     xtype: 'tabpanel', 
     id: 'advertiseHomeContainer', 
     anchor: '100% 100%', 
     border: 2, 
     layout: 'column', 
     controller: 'tabpanelController', 
     items: [{ 
      id: 'tab1', 
      title: 'Tab Panel title', 
      xtype : 'GridPanelXtype', 
     }], 
}] 
});

上面的代碼僅顯示標籤標題（Tab平板標題）和girdpanel與列意味着我不能能顯示「GridPanel」（帶圖片）標題或標題部分。我想在tabpanel內顯示標籤標題和girdpanel標題。

請告訴我做這件事的方法。

來源

2016-05-02 Ankit Jain

標籤面板標題必須在tabpanel上定義，而不是在項目上定義。

xtype: 'tabpanel', 
    id: 'advertiseHomeContainer', 
    title: 'Tab Panel title', 
    anchor: '100% 100%', 
    border: 2, 
    layout: 'column', 
    controller: 'tabpanelController', 
    items: [{ 
     id: 'tab1', 
     xtype : 'GridPanelXtype', 
    }],

Fiddle

根據你的評論，你必須使用overnesting：

xtype: 'tabpanel', 
    id: 'advertiseHomeContainer', 
    anchor: '100% 100%', 
    border: 2, 
    layout: 'column', 
    controller: 'tabpanelController', 
    items: [{ 
     xtype:'panel', 
     title: 'Tab title', 
     items:[{ 
      id: 'tab1', 
      xtype : 'GridPanelXtype', 
     }] 
    }],

Fiddle

來源

2016-05-02 07:22:32 Alexander

抱歉，我想，我已經誤導你還是沒能解釋你我的問題我更新了我的問題。我想顯示標籤內的標籤標題和網格面板標題。例如我的標籤標題是A，我有B標題的網格，然後我想在標籤上顯示A，B將在標籤內顯示爲網格標題部分。 –

@AnkitJain我已經更新了我的答案。 – Alexander

如何在tabpanel中顯示網格面板標題？

回答

相關問題