- Ext.js 教程
- Ext.js - 首页
- Ext.js - 概述
- Ext.js - 环境设置
- Ext.js - 命名约定
- Ext.js - 架构
- Ext.js - 第一个程序
- Ext.js - 类系统
- Ext.js - 容器
- Ext.js - 布局
- Ext.js - 组件
- Ext.js - 拖放
- Ext.js - 主题
- Ext.js - 自定义事件和监听器
- Ext.js - 数据
- Ext.js - 字体
- Ext.js - 样式
- Ext.js - 绘图
- Ext.js - 本地化
- Ext.js - 可访问性
- Ext.js - 调试代码
- Ext.js - 方法
- Ext.js 有用资源
- Ext.js - 疑问解答
- Ext.js - 快速指南
- Ext.js - 有用资源
- Ext.js - 讨论
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 类的一个示例。
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'
广告