关于jquery tree 树形菜单动态添加子节点的问题

关于jquery tree 树形菜单动态添加子节点的问题,第1张

<script type="text/javascript">

function getChildren(){

var node = $('#tt1').tree('getSelected') //tt1是你的树的id

if (node){

alert(“有子节点")

} else {

alert("无子节点")

}

}

</script>

<ul id="tt1" class="easyui-tree" animate="true" dnd="false">

<li>

<span>Folder</span>

<ul>

<li state="closed">

<span>Sub Folder 1</span>

<ul>

<li>

<span><a href="">File 11</a></span>

</li>

<li>

<span>File 12</span>

</li>

<li>

<span>File 13</span>

</li>

</ul>

</li>

<li>

<span>File 2</span>

</li>

<li>

<span>File 3</span>

</li>

<li>File 4</li>

<li>File 5</li>

</ul>

</li>

<li>

<span>File21</span>

</li>

</ul>

<a href="#" onclick="getChildren1()">getChildren1</a>

右键菜单: 选中子节点全被选中)... layui里面没有给到右键菜单,所以,我自己把源码改了一下: 找到layui文件夹里modules下的tree.js 用以上代码,替换以下代码 当i.which等于3,是右键事件,等于1是左键。 所以,左键响应的事件,还是可以在tree的属性设置的时候的click属性里写自己的左键事件,如 tree.render({ elem: '#test1' ,click: function(obj){ console.log(obj.data)//得到当前点击的节点数据 console.log(obj.state)//得到当前节点的展开状态:open、close、normal console.log(obj.elem)//得到当前节点元素 console.log(obj.data.children)//当前节点下是否有子节点 } })右键就在上面选中代码里if分支,i.swich=3的地方搞事情,菜单的话,就是自己写个菜单,然后根据鼠标点击位置显示和隐藏就好了。 二、父节点选中子节点全被选中 一个树形组件,比如到权限管理的时候,回显的时候,父节点被设置为选中,所有改节点的子节点都被设置为选中,但我们需要的可能是这 样的回显: 1、所以,要么,只获取所有已经拥有的权限的最末端的id,然后用 tree.setChecked('demoId', 1)//单个勾选 id 为 1 的节点 tree.setChecked('demoId', [2, 3])//批量勾选 id 为 2、3 的节点 去设置,这样,当子节点被一个选中,改节点的父节点也会被设置为选中,就可以得到需要的样子。 2、不然,就要把数据按照需要的样子做好,再重载实例 tree.reload('demoId', { //新的参数 data:newdata})数据怎么做呢?

查看更多

1、先生成父节点

2、再在父节点中添加子节点(添加子目录)

3、在子节点中添加文本节点(读取所有txt文件)

4、选中文本节点的时候,在文本框中显示文本的标题和内容

5、实现保存

示例代码

tvData.Nodes.Clear()

string path = "资料管理"

//父节点

CreateParentNode(path)

}

//父节点

void CreateParentNode(string path)

{

TreeNode parent = new TreeNode()

parent.Text = path

parent.Tag = path

//添加子节点

CreateChildNode(parent, path)

tvData.Nodes.Add(parent)

//默认展开树

tvData.ExpandAll()

}

楼主要是还不明白的话,我把我培训过的视频教程分享给你吧,里面有讲的, 刚已上传到网盘了,你百度搜索 “黑马.net全套视频” 就好了,楼主继续努力,争取成为大牛 !!!!


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11418147.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存