jquery easyui 中 jsTree怎么更换默认的tree图片

jquery-easyui中包含的tree组建 jsTree。用了一下蛮好用的。就是不知道应该怎么把默认的tree节点图片给替换成自己想要的图片,请问这个应该怎么做?谢谢!

5个回答

都可以,但是图片的位置你确定正确就行了。

如果你的tree是动态生成的,应该是用json数据格式吧 :

例如:
[code="java"]
[{
"id":1,
"text":"Folder1",
"iconCls":"icon-ok",
"children":[{
"id":2,
"text":"File1",
"checked":true
},{
[/code]

这里的iconCls就是图标的css样式,你也可以自己加入css或者修改css样式。
在 easyui中的 icon.css中。你自己可以看下。

[code="java"]
var node = $('#tt2').tree('getSelected');
if (node){
node.text = 'new text';
node.iconCls = 'icon-save';
$('#tt2').tree('update', node);
}
[/code]

[code="java"]
url:'${skinsUrl}/findOrganTreeData_Organ.action'
[/code]

首先 ,你的tree的数据是从这个action中获取的json格式数据吧。图标样式就在这个json格式中。你在action生成json时加上iconCls,然后可以在icon.css中加上这个图标样式。

这样就容易解决了吗?这样做:
[code="java"]

attr.put("iconCls", "icon-ok");
[/code]

通过这种方式就可以在生成json时,多生成一个字段啊。

就这种方法你试试,但是有一点,你要确定icon-ok这个css在icon.css中存在

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐