layui tree实现获取子节点所有值的实例代码,具体代码如下:layui tree实现获取子节点所有值的实例代码,具体代码如下: layui.use(['tree', 'form'], function(){ var tree = layui.tree; var form = layui.form; // 模拟数据 var data = [ { name: '节点1', id: 1, children: [ {name: '节点1-1', id: 11, children: [{name: '节点1-1-1', id: 111}]}, {name: '节点1-2
layui.use(['tree', 'form'], function(){
var tree = layui.tree;
var form = layui.form;
// 模拟数据
var data = [
{
name: '节点1',
id: 1,
children: [
{name: '节点1-1', id: 11, children: [{name: '节点1-1-1', id: 111}]},
{name: '节点1-2', id: 12}
]
}
// ... 其他节点数据
];
// 初始化树
tree.render({
elem: '#test' // 绑定元素
,data: data
,showCheckbox: true // 显示复选框
,id: 'id' // 设置节点id的属性名
,oncheck: function(obj){
var childIds = getAllChildIds(obj.data, []);
console.log(childIds);
}
});
// 递归获取所有子节点的ID
function getAllChildIds(node, ids) {
if (node.children && node.children.length > 0) {
node.children.forEach(function(child) {
ids.push(child.id);
getAllChildIds(child, ids);
});
}
return ids;
}
});
编程基础网
本文标题为:layui tree实现获取子节点所有值的实例代码
基础教程推荐
猜你喜欢
- 让表单输入框只能输入正整数的示例代码 2023-07-09
- Bootstrap col-lg-*分类 1970-01-01
- Bootstrap启用按钮的成功操作 1970-01-01
- Bootstrap .navbar-fixed-top类 1970-01-01
- Bootstrap Clearfix 1970-01-01
- Bootstrap选择表单控件 1970-01-01
- Bootstrap下拉标题 1970-01-01
- layui校验数据后关闭layer弹窗的示例代码 2024-06-27
- Bootstrap .well类 1970-01-01
- Bootstrap btn-group-vertical类 1970-01-01
