jQuery MiniUI

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

tree怎么通过数据状态添加样式呢? [复制链接]

Rank: 1

跳转到指定楼层
楼主
发表于 2021-12-15 14:15:18 |只看该作者 |倒序浏览
本帖最后由 archie 于 2021-12-15 14:48 编辑
  1. tree.on('drawnode', (e) => {
  2. const node = e.node;
  3. if (node.status == 4) {
  4. e.nodeHtml = `<span>${node.title}</span>`;
  5. // e.nodeStyle = 'color: red;text-decoration: line-through;';
  6. e.nodeCls = 'lines';
  7. }
  8. });
复制代码

问题:
  • 使用nodeHtml取把标签一起渲染出来了;
  • nodeCls 添加class只有节点添加上了该class,目录却没有添加上;

Rank: 8Rank: 8

沙发
发表于 2021-12-16 09:13:06 |只看该作者
你说的目录是指什么?
nodecls是加到整个节点上的
你现在不是已经根据数据状态添加样式了吗?

Rank: 1

板凳
发表于 2021-12-16 10:47:04 |只看该作者

这种目录没有line-through这个效果,应该怎么让目录和节点都有这个效果
附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 1

地板
发表于 2021-12-16 10:51:46 |只看该作者
archie 发表于 2021-12-16 10:47
这种目录没有line-through这个效果,应该怎么让目录和节点都有这个效果

        e.nodeHtml = '<a href="http://www.miniui.com/api/' + node.id + '.html" target="_blank">' + node.text + '</a>';
按照文档用nodeHtml,也达不到效果,会直接把a标签渲染出来





附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 8Rank: 8

5#
发表于 2021-12-16 11:30:47 |只看该作者
archie 发表于 2021-12-16 10:51
e.nodeHtml = '' + node.text + '';
按照文档用nodeHtml,也达不到效果,会直接把a标签渲染出来
...

http://www.miniui.com/demo/#src=tree/drawnode.html
不清楚你怎么处理的,我们示例可以的
把你这树做个例子重现出来问题,发上来看看

Archiver|普加软件

GMT+8, 2024-11-26 06:34 , Processed in 1.067174 second(s), 11 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部