介绍 & lt;自定义字段类=發ayui-elem-field layui-field-title"风格=癿argin-top: 20 px;“比;
& lt; legend>基本树& lt;/legend>
& lt;/fieldset>
& lt; div风格=跋允?inline-block;宽度:180 px;身高:210 px;填充:10 px;边界:1 px固体# ddd;溢出:汽车;“比;
& lt;/div> & lt;自定义字段类=發ayui-elem-field layui-field-title"风格=癿argin-top: 20 px;“比;
& lt; legend>基本树& lt;/legend>
& lt;/fieldset>
& lt; div风格=跋允?inline-block;宽度:180 px;身高:210 px;填充:10 px;边界:1 px固体# ddd;溢出:汽车;“比;
& lt; ul id=癲emo1"祝辞& lt;/ul>
& lt;/div>
& lt; script>//演示
layui.use([& # 39;树# 39;& # 39;层# 39;],函数(){
var=layui.layer层
$=layui.jquery;
layui.tree ({
elem: & # 39; # demo1& # 39;//指定元素
目标:& # 39;平等# 39;//是否新选项卡打开(比如节点返回href才有效)
点击:函数(项){//点击节点回调
layer.msg(& # 39;当前节名称:& # 39;+ item.name + & # 39; & lt; br>全部参数:& # 39;+ JSON.stringify(项);
console.log(项);
}
节点:[//节点
{
名称:& # 39;树干& # 39;
id: 2
传播:真正的
}
]
}）;
}）;
& lt;/script> layui.use((& # 39;树# 39;& # 39;层# 39;],函数(){
var=layui.layer层
$=layui.jquery;
layui.tree ({
elem: & # 39; # demo1& # 39;//指定元素
目标:& # 39;平等# 39;//是否新选项卡打开(比如节点返回href才有效)
点击:函数(项){//点击节点回调
layer.msg(& # 39;当前节名称:& # 39;+ item.name + & # 39; & lt; br>全部参数:& # 39;+ JSON.stringify(项);
console.log(项);
}
节点:[//节点
{
名称:& # 39;树干& # 39;
id: 2
传播:真正的
,孩子们:
{
名称:& # 39;树杈1 & # 39;
id: 21
传播:真正的
}, {
名称:& # 39;树杈2 & # 39;
id: 22
}
]
}
]
}); layui.tree ({
elem: & # 39; # demo1& # 39;//指定元素
目标:& # 39;平等# 39;//是否新选项卡打开(比如节点返回href才有效)
点击:函数(项){//点击节点回调
layer.msg(& # 39;当前节名称:& # 39;+ item.name + & # 39; & lt; br>全部参数:& # 39;+ JSON.stringify(项);
console.log(项);
}
节点:[//节点
{
名称:& # 39;树干& # 39;
id: 2
传播:真正的
,孩子们:
{
名称:& # 39;树杈1 & # 39;
id: 21
传播:真正的
,孩子们:
{
名称:& # 39;树枝& # 39;
,身份证:211
}
]
}, {
名称:& # 39;树杈2 & # 39;
id: 22
,孩子们:
{
名称:& # 39;树枝& # 39;
,身份证:221
}
]
}
]
}
]
}); layui.tree ({
elem: & # 39; # demo1& # 39;//指定元素
目标:& # 39;平等# 39;//是否新选项卡打开(比如节点返回href才有效)
点击:函数(项){//点击节点回调
layer.msg(& # 39;当前节名称:& # 39;+ item.name + & # 39; & lt; br>全部参数:& # 39;+ JSON.stringify(项);
console.log(项);
}
节点:[//节点
{
名称:& # 39;树干& # 39;
id: 2
传播:真正的
,孩子们:
{
名称:& # 39;树杈1 & # 39;
id: 21
传播:真正的
,孩子们:
{
名称:& # 39;树枝& # 39;
,身份证:211
,孩子们:
{
名称:& # 39;树叶1 & # 39;
,身份证:2111
}, {
名称:& # 39;树叶2 & # 39;
,身份证:2112
}, {
名称:& # 39;树叶3 & # 39;
,身份证:2113
}
]
}
]
}, {
名称:& # 39;树杈2 & # 39;
id: 22
,孩子们:
{
名称:& # 39;树枝& # 39;
,身份证:221
}
]
}
]
}
]
});
小编给大家分享一下layui树如何清空,希望大家阅读完这篇文章后大所收获、下面让我们一起去探讨吧!
<强> layui树怎么清空
首先创建一个树框:
在原有的树干上添加树杈:
再在之前的基础上添加树枝:
再在之前的基础上添加树叶:
