廢話不多說啦,我就直接上代碼吧,需要的朋友可以過來參考下
layui.use([ 'tree' ], function() {$ = layui.jquery;form = layui.form;//獲取節點數據getTreeData();}); function getTreeData(){$.ajax({url : path+"/RoleController/getResourceTree.do",type : "post",dataType : "json",data :{"roleId":roleId,"id":null,"t":Math.random()} ,error : function() {},success : function(data) {treeData = JSON.stringify(data);initMenuTree();}});} // 加載列表function initMenuTree() {//json數姐轉換成對象treeData = eval( "(" + treeData + ")" );//console.log(treeData);// 執行渲染treeIns = layui.tree({elem: '#demo', //指定元素,生成的樹放到哪個元素上check: 'checkbox', //勾選風格skin: 'as', //設定皮膚drag: true,//點擊每一項時是否生成提示信息checkboxName: 'aa[]',//復選框的name屬性值checkboxStyle: "",//設置復選框的樣式,必須為字符串,css樣式怎么寫就怎么寫click: function(item) { //點擊節點回調 //alert(item);},change: function (item){//當當前input發生變化后所執行的回調//console.log(item);resourceIds=item;},data: {//為元素添加額外數據,即在元素上添加data-xxx="yyy",可選 hasChild: true },nodes:treeData});return treeIns;}
以上這篇layui實現checkbox的目錄樹tree的例子就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持武林網。
新聞熱點
疑難解答