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'
广告
© . All rights reserved.