Sencha Touch 2 Tab面板：其他選項卡中的內容位置不正確

Question

我正在學習Sencha Touch 2，我對標籤面板問題感到困惑。

這是我如何定義我的觀點。

Ext.define('NewApp.view.Main', { 
extend: 'Ext.tab.Panel', 
config: { 
    activeItem: 1, 
    items: 
    [{ 
     title: 'info', 
     iconCls: 'info', 
     items: 
     [{ 
      xtype: 'button', 
      text: 'button1', 
     }] 
    }, 
    { 
     title: 'more', 
     iconCls: 'more' 
    }] 
} 

}）;

而在app.js：

Ext.application({ 
name: 'NewApp', 

requires: [ 
    'Ext.tab.Panel', 
    'Ext.Button' 
], 

views: [ 
    'Main' 
], 

launch: function() { 
    Ext.Viewport.add(Ext.create('NewApp.view.Main')); 
}, 

}）;

這很簡單。在一個名爲'info'的選項卡上有一個按鈕，而在另一個選項卡'more'上沒有任何按鈕。 activeItem設置爲1以確保標題爲「more」的選項卡將首先顯示。 但是，當我啓動應用程序時，我發現輸出與期望不同。

image link

按鈕，這應該在第一標籤上示出，現在顯示不僅在第一個選項卡，同時也是第二個標籤。但是，當我滑動到「信息」選項卡並滑回「更多」選項卡時，該按鈕消失。

任何人都可以告訴我該怎麼做才能擺脫第一個場景第二個選項卡上的按鈕？

Answer 1

儘量不要在列表中設置activeItem。

添加到啓動方法如下一行：

Ext.Viewport.down('.tabpanel').setActiveItem(1); 

它工作的方式。

Answer 2

我曾經有類似的問題，因爲「停靠」的財產。

嘗試設置tabbar docker bot或更改佈局配置。

當ST定義不正確時，ST對這些屬性不太友好。