jQuery MiniUI

标题: tree怎么通过数据状态添加样式呢？ [打印本页]

---

作者: archie    时间: 2021-12-15 14:15:18     标题: tree怎么通过数据状态添加样式呢？

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，目录却没有添加上；
  

---

作者: felt    时间: 2021-12-16 09:13:06

你说的目录是指什么？
nodecls是加到整个节点上的
你现在不是已经根据数据状态添加样式了吗？

---

作者: archie    时间: 2021-12-16 10:47:04

[attach]13467[/attach]
这种目录没有line-through这个效果，应该怎么让目录和节点都有这个效果

---

作者: archie    时间: 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标签渲染出来
[attach]13468[/attach]

---

作者: felt    时间: 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
不清楚你怎么处理的，我们示例可以的
把你这树做个例子重现出来问题，发上来看看

---

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)

Powered by Discuz! X2