extjs如何在Ext.window.Window中标题左边添加图标或字体图标 

1 var window=new Ext.Window({
2             title:'<i class="icon-warning-sign"> </i>智能诊断',
3             height:300,
4             width:500,
5             layout : 'fit',
6             resizable:true,
7             maximizable:true,
8             items:[downserver]
9         });

主要就是在title这可以加入html标签,或可以换成img标签插入图片。

<i class="icon-warning-sign"> </i> 这是字体图标的用法,参照网站http://www.bootcss.com/p/font-awesome/ 已翻译。

要用字体图标必须将下载下来的css和font放入extjs

然后在extjs中index.html引入<link type="text/css" rel="stylesheet" href="css/font-awesome.css">

然后在main.js中设置

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

 

最终效果就是下面这个。

posted on 2014-09-23 10:34  shizhidi  阅读(1430)  评论(0)    收藏  举报

导航