右键菜单:
选中子
节点全被选中)... 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
第一步在我们的电脑上打开软件，新建一个html，并添加上layui的js和css文件，如下图所示：
2
第二步我们打开新建的html文件,在<head>标签里面引入layui.css，layui.js文件，如下图所示：
3
第三步我们开始写body页面内容，这里给的表格内容是layui的表格示例数据，如下图所示：
4
第四步我们最后来给表格数据添加点击事件，table.on('tool(demoEvent)', function(obj){}来监听单元格事件，layer.prompt()d出框，使用 obj.update({ sign: value })进行更新表格和缓存，如下图所示：
5
第五步我们在浏览器中打开html页面，可以看到表格数据内容，如下图所示：
6
第六步我们点击表格数据内容，d出框显示单元格里面的数据，可以看到通过layui，给表格数据添加了点击事件，如下图所示：
微信扫一扫
支付宝扫一扫
评论列表（0条）