html树的控制组件,树组件.html

layui.use(['tree','jquery'], function(){

var tree = layui.tree;

var $=layui.jquery;

$.post(

'http://stuapi.ysd3g.com/api/GetAllModuleLayUI',

{

token:'7b69d374-05e1-4073-a794-4d027fc768b5'

}

,function(res) {

//渲染

var inst1 = tree.render({

elem: '#dd' ,//绑定元素

edit: ['add', 'update', 'del']

,data: res

, operate: function(obj){

var type = obj.type; //得到操作类型：add、edit、del

var data = obj.data; //得到当前节点的数据

var elem = obj.elem; //得到当前节点元素

//Ajax 操作

var id = data.id; //得到节点索引

if(type === 'add'){ //增加节点

} else if(type === 'update'){ //修改节点

console.log(elem.find('.layui-tree-txt').html()); //得到修改后的内容

} else if(type === 'del'){ //删除节点

};

}

});

},'json'

);

});

一键复制

编辑

Web IDE

原始数据

按行查看

历史