Ext.js - 字型



Ext.js 提供了使用不同字型包的功能。字型包用於為包中提供的圖示新增不同的類。

  • Font-Awesome
  • Font-Pictos

Font-Awesome

ExtJS 新主題 Triton 中有一個內建字體系列 font-awesome,包含在框架中,因此我們不需要對 font-awesome 樣式表有任何明確的要求。

下面是在 Triton 主題中使用 Font-Awesome 類的一個示例。

Triton 主題的 Font-Awesome

當我們使用 Triton 以外的任何其他主題時,我們需要顯式新增 font-awesome 的樣式表。

下面是在沒有 Triton 主題的情況下使用 Font-Awesome 類的一個示例。

Font-Awesome,普通主題(任何非 Triton 主題)

Font-Pictos

Font-pictos 不包含在 ExtJS 的框架中,因此我們必須要求提供相同的。只有 Sencha 的授權使用者才能使用 font-pictos。

新增 Font-Pictos 的步驟

步驟 1 − 使用以下命令請求 font-pictos 類。

"requires": ["font-pictos"]

步驟 2 − 現在新增 pictos 類,如下 −

iconCls: 'pictos pictos-home'
廣告