ythcmh
2012-09-04 22:44
浏览 636
已采纳

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

如题,项目已经引入了标准的几个包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条回答 默认 最新

  • iteye_5246 2012-09-04 23:09
    最佳回答
    .add {  
        background-image:url(http://www.baidu.com/img/baidu_sylogo1.gif) !important;  
    }  
    

    用百度的图片看看

    评论
    解决 无用
    打赏 举报
查看更多回答(2条)

相关推荐 更多相似问题