ythcmh
ythcmh
2012-09-04 22:44

关于Extjs4中toolbar的iconCls图标不显示的问题

  • extjs

如题,项目已经引入了标准的几个包ext-all.css,ext-all.js,bootstrap.js,在添加了toolbar后按键可以正常显示,但是按键前的那个图标怎么都显示不出来,网上找了很久包括单独引入一个CSS使用和直接使用地址均没有效果。

上代码:

   js代码

// 创建工具栏组件
var toolbar = [{
text : '新增员工',
iconCls : 'add'
}];

// 创建Grid表格组件
var userGrid = new Ext.grid.Panel({
tbar : toolbar,
region : 'center',
forceFit : true,
renderTo : Ext.getBody()
...
//后面columns,store略
});

 

 在网上查了另外的方法比如导入新建的css插入

.add {
    background-image:url(../images/add.png) !important;
}

 

但是依然无法显示图标

见图:出现按键和按键文字信息了,但是图片无法显示



 

  • 点赞
  • 回答
  • 收藏
  • 复制链接分享

3条回答

为你推荐

换一换