Javascript 如何使用dyna.js在html中选择节点
我在html表单上工作,并根据项目要求使用dynatree进行选择和多重选择。我需要做的是制作一个编辑表单,用户从数据库中获取所有填写的字段。这意味着我需要向用户显示一个带有已选择字段的动态树。下面是我的示例代码: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)
<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>