tabpanelでグリッドパネルのヘッ​​ダーを表示する方法は？

Question

こんにちは私のプロジェクトにExtjs 6.0.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', 
     }], 
}] 
}); 

は、タブのタイトル（タブパネルのタイトル）を示し、列を持つgirdpanelは、私は示すことができないことを意味し「GridPanel」（イメージあり）のタイトルまたはヘッダ部分。私はtabpanelの中​​にタブタイトルと鳥パネルタイトルを表示したい。

私にこのことをする方法を教えてください。

Answer 1

タブパネルのタイトルは、アイテムではなくタブパネルで定義する必要があります。

あなたのコメントを1として

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