Extjs 使用图标字体来美化按钮)

1. 使用Font Awesome,下载地址http://www.bootcss.com/p/font-awesome/#icons-new

2. 把font和css目录放到 Ext的app目录下面

3. 在index.html中加载

<!-- 引入Font Awesome的css文件 -->
<link type="text/css" rel="stylesheet" href="css/font-awesome.css">

4. 在main.js中设置

initComponent : function() {
　　Ext.setGlyphFontFamily('FontAwesome'); // 设置图标字体文件，只有设置了以后才能用glyph属性
　　this.callParent();
}

5.使用

{  

   text : '搜索',  

   iconCls : 'icon-search'   //这个按钮要到http://www.bootcss.com/p/font-awesome/#icons-new 这个网站去找相应的值

}, {  

  text : '设置',  

  glyph : 0xf0c9           // 这个是用 'icon-search' 到css目录下面的font-awesome.css中去找对应的字符串,记住content的值,在前面加入一个0x并把 \符号去掉就可以了

}  

　　

转载于:https://www.cnblogs.com/shaoshao/p/4450859.html