日期:2014-05-17  浏览次数:21061 次

EasyUI的iconCls怎么加入img标签?

原话为:

$('#nav').accordion('add', {
            title: n.text,
            content: menulist,
border:false,
iconCls: 'icon icon-add'
        });


现在我想把iconCls这里直接写成img标签,如:

$('#nav').accordion('add', {
            title: n.text,
            content: menulist,
border:false,
iconCls: '<img src="images/icon2.png"/>'
        });


但是这样写是错误的,请问应该如何写?
------解决方案--------------------
这样不对,Easyui有规定的样式文件,你要遵循人家的规则。
你找EasyUI下的themes文件夹下的icon.css,里面定义了图标的样式,你也可以对其拓展。
这是人家官方定义的格式,你要自定义图标的话就起个class名,然后依照格式再写一个新的class

.icon-add{
background:url('icons/edit_add.png') no-repeat center center;
}

iconCls属性是在icon.css里面找的。
------解决方案--------------------
引用:
Quote: 引用:

这样不对,Easyui有规定的样式文件,你要遵循人家的规则。
你找EasyUI下的themes文件夹下的icon.css,里面定义了图标的样式,你也可以对其拓展。
这是人家官方定义的格式,你要自定义图标的话就起个class名,然后依照格式再写一个新的class

.icon-add{
background:url('icons/edit_add.png') no-repeat center center;
}

iconCls属性是在icon.css里面找的。


这样怎么能实现动态修改上传图片?

这个应该是没法动态,你想啊图标这种东西谁天天改啊,改的话只能改css。用前台框架就是这样。