Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.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
Javascript 如何使用dyna.js在html中选择节点_Javascript_Jquery_Jquery Dynatree - Fatal编程技术网

Javascript 如何使用dyna.js在html中选择节点

Javascript 如何使用dyna.js在html中选择节点,javascript,jquery,jquery-dynatree,Javascript,Jquery,Jquery Dynatree,我在html表单上工作,并根据项目要求使用dynatree进行选择和多重选择。我需要做的是制作一个编辑表单,用户从数据库中获取所有填写的字段。这意味着我需要向用户显示一个带有已选择字段的动态树。下面是我的示例代码: <span id="action" name="action"> <ul> <li id="DisruptiveAction" class="folder expanded">DisruptiveAction (5)

我在html表单上工作,并根据项目要求使用dynatree进行选择和多重选择。我需要做的是制作一个编辑表单,用户从数据库中获取所有填写的字段。这意味着我需要向用户显示一个带有已选择字段的动态树。下面是我的示例代码:

<span  id="action" name="action">
  <ul>
       <li id="DisruptiveAction" class="folder expanded">DisruptiveAction (5)
      <ul>    
        <li id="allow" title="optional">allow           
        <li id="deny" title="optional">deny
        <li id="pass" title="optional" class="selected" >pass           
        <li id="block" title="optional">block
        <li id="redirect" title="optional">redirect                         

     </ul>
   </ul>
</span> 

在上面提到的html中,尽管我使用class=“selected”和li元素,但它仍然没有在UI上显示为selected。提前感谢。

Dynatree在初始化时以及在树的整个生命周期内创建自己的元素。因此,要添加的li元素不是树的li元素

请看“节点选项”部分下的。您将看到,您可以添加这样一个类:

<div id="tree">
<ul>
  <li id="DisruptiveAction" class="folder expanded">DisruptiveAction (5)
  <ul>    
    <li id="allow" title="optional">allow           
    <li id="deny" title="optional">deny
    <li id="pass" title="optional" data="addClass: 'dynatree-selected'" >pass           
    <li id="block" title="optional">block
    <li id="redirect" title="optional">redirect                         
 </ul>

    中断操作(5)
    • 允许
    • 拒绝 通过
    • 重定向

这是用于添加类的通用代码。可能有一种更具体的方法来指定选定的元素,因为它是一个核心动态树概念,而不是一个用户定义的类

<div id="tree">
<ul>
  <li id="DisruptiveAction" class="folder expanded">DisruptiveAction (5)
  <ul>    
    <li id="allow" title="optional">allow           
    <li id="deny" title="optional">deny
    <li id="pass" title="optional" data="addClass: 'dynatree-selected'" >pass           
    <li id="block" title="optional">block
    <li id="redirect" title="optional">redirect                         
 </ul>