微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Easyui Treegrid改变默认图标的方法

普通情况下,treegrid的图标是认的文件夹与文件的形式,如下图:

​​​我们可以在json文本中加入iconCls来改变认图标,例如样例中:

rush:js;"> ​{"total":7,"rows":[ {"id":1,"name":"All Tasks","begin":"3/4/2010","end":"3/20/2010","progress":60,"iconCls":"icon-ok"},{"id":2,"name":"Designing","end":"3/10/2010","progress":100,"_parentId":1,"state":"closed"},{"id":21,"name":"Database","persons":2,"end":"3/6/2010","_parentId":2},{"id":22,"name":"UML","persons":1,"begin":"3/7/2010","end":"3/8/2010",{"id":23,"name":"Export Document","begin":"3/9/2010",{"id":3,"name":"Coding","begin":"3/11/2010","end":"3/18/2010","progress":80},{"id":4,"name":"Testing","begin":"3/19/2010","progress":20} ],"footer":[ {"name":"Total Persons:","persons":7,"iconCls":"icon-sum"} ]}

然后修改icon.css以及将要用到的图标放在指定的文件夹。

通常情况下,讲过这样的修改,treegrid就可以显示出你自己设计的图标了。

​如果此时还不能显示出你设定的图标,可以查看一下页面中引入icon.css以及easyui.css的顺序,要保证easyui.css在前,icon.css在后。否则,easyui.css中的样式就会将icon.css覆盖点,依旧显示认图标。

下面给大家介绍jQuery EasyUI treegrid 增删改查代码

rush:js;">

原文地址:https://www.jb51.cc/js/49077.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐