Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用jQuery和类动态添加元素/Wijmo树动态添加节点_Jquery_Dynamic_Tree_Wijmo - Fatal编程技术网

使用jQuery和类动态添加元素/Wijmo树动态添加节点

使用jQuery和类动态添加元素/Wijmo树动态添加节点,jquery,dynamic,tree,wijmo,Jquery,Dynamic,Tree,Wijmo,我正在我的项目中使用wijmojquery框架,我需要呈现一个结构树。我使用的是Wijmo树组件,因此涵盖了树部分,但是当我需要单击树中的节点时,问题就出现了。所以我需要做的是,当单击树中的一个节点时,会发出一个ajax调用,以获取该节点下的结构。问题是 我需要以某种方式展示树的其余部分。我开始这项工作的方式是将列表附加到父元素。这是树结构: <div id="tree"> <ul id="productTree"> <li class="folder"

我正在我的项目中使用wijmojquery框架,我需要呈现一个结构树。我使用的是Wijmo树组件,因此涵盖了树部分,但是当我需要单击树中的节点时,问题就出现了。所以我需要做的是,当单击树中的一个节点时,会发出一个ajax调用,以获取该节点下的结构。问题是

我需要以某种方式展示树的其余部分。我开始这项工作的方式是将列表附加到父元素。这是树结构:

<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>');