jQuery MiniUI

 找回密码
 立即注册
查看: 2080|回复: 5
打印 上一主题 下一主题

替换tree前面的图标 [复制链接]

Rank: 3Rank: 3

跳转到指定楼层
楼主
发表于 2018-7-12 17:39:21 |只看该作者 |倒序浏览
想替换每个节点的图标并且给图标添加onclick事件,
  1. item.img='<img src="${ctxStatic}/images/link.png">';
复制代码
看了一下demo  直接修改的是img属性,但是我这样没有效果,应该如何写

Rank: 8Rank: 8

沙发
发表于 2018-7-12 17:54:29 |只看该作者
请参考我们的示例里面的数据
节点数据里面带的是img的地址,不是你这样的写法http://www.miniui.com/demo/#src=tree/treeimg.html

Rank: 3Rank: 3

板凳
发表于 2018-7-13 09:41:02 |只看该作者
felt 发表于 2018-7-12 17:54
请参考我们的示例里面的数据
节点数据里面带的是img的地址,不是你这样的写法http://www.miniui.com/demo/# ...

这个画面我参考了  就是直接给node的每个img:设置图片就行,现在我的item就是那个第四层所有子节点的list,那我应该怎么替换?

Rank: 8Rank: 8

地板
发表于 2018-7-13 09:47:12 |只看该作者
danishlyy 发表于 2018-7-13 09:41
这个画面我参考了  就是直接给node的每个img:设置图片就行,现在我的item就是那个第四层所有子节点的list ...

请看清楚我们示例里面的处理
是每个节点的数据里面带有img字段,这个字段存放节点对应图片的名称,然后在tree上配置imgPath,
imgPath+节点的img字段的数据,两个加起来指向对应图片存放的路径

Rank: 3Rank: 3

5#
发表于 2018-7-13 11:12:54 |只看该作者
dforce 发表于 2018-7-13 09:47
请看清楚我们示例里面的处理
是每个节点的数据里面带有img字段,这个字段存放节点对应图片的名称,然后在 ...
  1. imgPath="${ctxStatic}/images/"
复制代码
我现在添加了这个imgPath,图片路径  然后img字段也设置了link.png 但是每次加载树的时候那一层就会报错GET http://localhost:8181/qwsm/mlgl/link.png 404 (Not Found),这么将img名称和imgPath相加指向呢?

Rank: 8Rank: 8

6#
发表于 2018-7-13 11:33:44 |只看该作者
danishlyy 发表于 2018-7-13 11:12
我现在添加了这个imgPath,图片路径  然后img字段也设置了link.png 但是每次加载树的时候那一层就会报错G ...

imgPath配置相对路径
我们实际是把两个字符串拼接起来,路径正确是需要你保证的
var img = this.imgPath + e.img;        //tree的imgPath    节点的img字段数据
style="background-image:url(' + img + ');"

Archiver|普加软件

GMT+8, 2024-5-21 05:33 , Processed in 1.041540 second(s), 9 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部