2013-01-01 83 views
1

爲每個標籤標題下面的代碼顯示圖標顯示圖標時tabBarPosition是「頂部」,

Ext.define("MyAPP.view.Main", { 
    extend : 'Ext.tab.Panel', 
    config : { 
     tabBarPosition : 'bottom', // <--- Line of interest 
     items : [{ 
      title: "Contacts", 
      iconCls: "team", 
     }] 
    } 
}); 

見樣品波紋管。

Icon is shown on bottom

但如果我將其更改爲tabBarPosition: 'top'沒有圖標可見。整體風格改變了。

No Icon is shown on top

我怎樣才能顯示圖標時,標籤欄位置是頂?

是否使用的是ST的版本

回答

1

? 它完美適用於2.1.0。

Top Docked TabBar

編輯:請確保您使用的至少煎茶觸摸2.1.0-B1,因爲頂部停靠的工具欄圖標已從版本中引入的,你可以在發行說明中寫着:

[TOUCH-2]頂停靠標籤欄現在可以有圖標

+0

煎茶觸摸2.0.1 –

+0

爲什麼它不是爲我工作?這是一個錯誤嗎? –

+1

這是因爲從版本2.1.0-b1開始引入了頂部停靠的TabBar圖標,您可以從發行說明中看到:[TOUCH-2]現在頂部停靠的選項卡欄可以有圖標。 –

0

以防萬一,這有助於任何人......我 不知道爲什麼,但有時,當一個升級到2.1或更早版本,圖標不會自動顯示在Tabbar停靠的頂部(這可能是因爲我正在使用Linux)。在這種情況下,您必須執行以下操作:

  • 選擇要將圖標添加到的tabbar元素(當我在tabbar中說元素時,當然是指tabpanel中的元素,我知道tabbar是tabpanel中的另一個元素,與其他元素不同)。
  • 轉到配置面板。
  • 手動添加屬性「iconCls」,因爲你不會找到它。
  • 然後設置該屬性是一個字符串,並最終將其值設置爲「家」,「信息」,或任何圖標你想要的。

所有這一切,當然,使用建築師。 從技術上說,我不是程序員,所以如果我的寫作在任何意義上都不好,你將不得不原諒我。

+0

不錯的一點。儘管這實際上是我的一個版本問題。 –

相關問題