廢話不多說啦,我就直接上代碼吧,需要的朋友可以過來參考下
成都創(chuàng)新互聯堅持“要么做到,要么別承諾”的工作理念,服務領域包括:網站設計、成都網站制作、企業(yè)官網、英文網站、手機端網站、網站推廣等服務,滿足客戶于互聯網時代的江南網站設計、移動媒體設計的需求,幫助企業(yè)找到有效的互聯網解決方案。努力成為您成熟可靠的網絡建設合作伙伴!
layui.use([ 'tree' ], function() { $ = layui.jquery; form = layui.form; //獲取節(jié)點數據 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); // 執(zhí)行渲染 treeIns = layui.tree({ elem: '#demo', //指定元素,生成的樹放到哪個元素上 check: 'checkbox', //勾選風格 skin: 'as', //設定皮膚 drag: true,//點擊每一項時是否生成提示信息 checkboxName: 'aa[]',//復選框的name屬性值 checkboxStyle: "",//設置復選框的樣式,必須為字符串,css樣式怎么寫就怎么寫 click: function(item) { //點擊節(jié)點回調 //alert(item); }, change: function (item){//當當前input發(fā)生變化后所執(zhí)行的回調 //console.log(item); resourceIds=item; }, data: {//為元素添加額外數據,即在元素上添加data-xxx="yyy",可選 hasChild: true }, nodes:treeData }); return treeIns; }
以上這篇layui實現checkbox的目錄樹tree的例子就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持創(chuàng)新互聯。
文章標題:layui實現checkbox的目錄樹tree的例子
當前路徑:http://muchs.cn/article34/jopppe.html
成都網站建設公司_創(chuàng)新互聯,為您提供搜索引擎優(yōu)化、Google、建站公司、App開發(fā)、網站內鏈、移動網站建設
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯