使用jQuery和类动态添加元素/Wijmo树动态添加节点
我正在我的项目中使用wijmojquery框架,我需要呈现一个结构树。我使用的是Wijmo树组件,因此涵盖了树部分,但是当我需要单击树中的节点时,问题就出现了。所以我需要做的是,当单击树中的一个节点时,会发出一个ajax调用,以获取该节点下的结构。问题是 我需要以某种方式展示树的其余部分。我开始这项工作的方式是将列表附加到父元素。这是树结构:使用jQuery和类动态添加元素/Wijmo树动态添加节点,jquery,dynamic,tree,wijmo,Jquery,Dynamic,Tree,Wijmo,我正在我的项目中使用wijmojquery框架,我需要呈现一个结构树。我使用的是Wijmo树组件,因此涵盖了树部分,但是当我需要单击树中的节点时,问题就出现了。所以我需要做的是,当单击树中的一个节点时,会发出一个ajax调用,以获取该节点下的结构。问题是 我需要以某种方式展示树的其余部分。我开始这项工作的方式是将列表附加到父元素。这是树结构: <div id="tree"> <ul id="productTree"> <li class="folder"
<div id="tree">
<ul id="productTree">
<li class="folder">
<ul>
dynamic elements here
.....
</ul>
</li>
<li class="folder">..more dynamic elements..</li>
</ul>
-
这里的动态元素
.....
- …更多动态元素
$(.folder).append('- NodeName
);
所以我知道这不是应该做的,因为它被解释为一个字符串,所以我也尝试了以下方法:
$(.folder).append($(<ul><li class="folder">NodeName</li></ul>).folder());
$(.folder).append($(- NodeName
).folder());
这给了我对象对象没有方法文件夹。
因此,我对js和jQuery没有真正的经验,也不知道如何将这些元素附加到树中。这两个选项都会在父元素下添加列表,但是来自wijmo树的所有类和功能都不会添加到此附加元素中
提前谢谢 .append('- NodeName
);
.append('<ul><li class="folder">NodeName</li></ul>');
应该是
.append('<ul><li class="folder">' + NodeName + '</li></ul>');
.append('- '+NodeName+'
');
谢谢,我刚才使用了NodeName作为示例节点名,因为我是从json响应中获取节点名的,所以我使用类似item.name的内容获取节点名,其中item表示json结果中的单个元素。确定。。将其替换为item.name
,这将解决您的问题//$(“#”+nodeID+”).append(“- …
$(“#”+nodeID+”)
可以更改为$(“#”+nodeID)
class=“node”nodeID=”+item.nodeID+”>
应该是class=“node”nodeID=“”+item.nodeID+”>
.append('<ul><li class="folder">' + NodeName + '</li></ul>');