文档链接
eleTree2.0抢先预览
请在触发动作时查看控制台数据
var el4=eleTree.render({
elem: '.ele4',
data: [
{
"id": 1,
"label": "安徽省"
},
{
"id": 11,
"label": "江苏省"
}
],
showCheckbox: true,
lazy: true,
load: function(data,callback) {
console.log(data);
var newData;
switch (data.id) {
case 1:
newData=[
{
"id": 2,
"label": "马鞍山市"
}
]
break;
case 2:
newData=[
{
"id": 3,
"label": "和县",
"isLeaf": true
}
]
break;
case 11:
newData=[
{
"id": 12,
"label": "苏州市",
"disabled": true,
"isLeaf": true
}
]
break;
default:
break;
}
setTimeout(function() {
callback(newData);
},500);
}
});
//---------------------------------------------------------
// 对应的js
var el5;
$("[name='title']").on("click",function (e) {
e.stopPropagation();
if(!el5){
el5=eleTree.render({
elem: '.ele5',
data: data,
defaultExpandAll: true,
expandOnClickNode: false,
highlightCurrent: true
});
}
$(".ele5").toggle();
})
eleTree.on("nodeClick(data5)",function(d) {
$("[name='title']").val(d.data.currentData.label)
$(".ele5").hide();
})
$(document).on("click",function() {
$(".ele5").hide();
})
//---------------------------------------------------------
// 对应的js
$(".eleTree-search").on("change",function() {
el6.search($(this).val());
})
var el6=eleTree.render({
elem: '.ele6',
data: data,
showCheckbox: true,
defaultExpandAll: true,
defaultCheckedKeys: [23,24],
searchNodeMethod: function(value,data) {
if (!value) return true;
return data.label.indexOf(value) !== -1;
}
});