layui實(shí)現(xiàn)checkbox的目錄樹tree的例子
更新時(shí)間：2019年09月12日 09:59:01 作者：weixin_39703044
今天小編就為大家分享一篇layui實(shí)現(xiàn)checkbox的目錄樹tree的例子，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
廢話不多說啦，我就直接上代碼吧，需要的朋友可以過來參考下
layui.use([ 'tree' ], function() {
$ = layui.jquery;
form = layui.form;
//獲取節(jié)點(diǎn)數(shù)據(jù)
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數(shù)姐轉(zhuǎn)換成對(duì)象
treeData = eval( "(" + treeData + ")" );
//console.log(treeData);
// 執(zhí)行渲染
treeIns = layui.tree({
elem: '#demo', //指定元素，生成的樹放到哪個(gè)元素上
check: 'checkbox', //勾選風(fēng)格
skin: 'as', //設(shè)定皮膚
drag: true,//點(diǎn)擊每一項(xiàng)時(shí)是否生成提示信息
checkboxName: 'aa[]',//復(fù)選框的name屬性值
checkboxStyle: "",//設(shè)置復(fù)選框的樣式，必須為字符串，css樣式怎么寫就怎么寫
click: function(item) { //點(diǎn)擊節(jié)點(diǎn)回調(diào)
//alert(item);
},
change: function (item){//當(dāng)當(dāng)前input發(fā)生變化后所執(zhí)行的回調(diào)
//console.log(item);
resourceIds=item;
},
data: {//為元素添加額外數(shù)據(jù)，即在元素上添加data-xxx="yyy"，可選
hasChild: true
},
nodes:treeData
});
return treeIns;
}
以上這篇layui實(shí)現(xiàn)checkbox的目錄樹tree的例子就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了javascript禁止超鏈接跳轉(zhuǎn)的方法,結(jié)合實(shí)例分析了JavaScript事件機(jī)制與鼠標(biāo)事件的響應(yīng)操作技巧,需要的朋友可以參考下2016-02-02
如何用js控制frame的隱藏或顯示的解決辦法，需要的朋友可以參考一下2013-03-03
addRule在firefox下的兼容寫法...2006-11-11
Bootstrap每天必學(xué)之彈出框（Popover）插件
Bootstrap每天必學(xué)之彈出框（Popover）插件,彈出框的內(nèi)容完全可使用 Bootstrap 數(shù)據(jù) API（Bootstrap Data API）來填充，如何實(shí)現(xiàn)請(qǐng)參考本文2016-04-04
這篇文章主要介紹了JS工廠模式開發(fā),結(jié)合具體實(shí)踐案例形式分析了基于javascript工廠模式實(shí)現(xiàn)的輪播功能相關(guān)操作技巧,需要的朋友可以參考下2019-10-10
Javascript實(shí)現(xiàn)通過選擇周數(shù)顯示開始日和結(jié)束日的實(shí)現(xiàn)代碼
這篇文章主要介紹了Javascript實(shí)現(xiàn)通過選擇周數(shù)顯示開始日和結(jié)束日的實(shí)例代碼的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值，需要的朋友可以參考下2016-05-05
這篇文章主要介紹了JS顯示表格內(nèi)指定行html代碼的方法,涉及javascript獲取行及innerHTML屬性的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
Javascript實(shí)現(xiàn)跨域后臺(tái)設(shè)置攔截的方法詳解
這篇文章主要給大家介紹了關(guān)于Javascript實(shí)現(xiàn)跨域后臺(tái)設(shè)置攔截的方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面跟著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2017-08-08
本文主要介紹了拖動(dòng)時(shí)防止選中的小知識(shí)點(diǎn)。具有很好的參考價(jià)值，下面跟著小編一起來看下吧2017-02-02
這篇文章主要介紹了webpack3.0升級(jí)4.0的方法步驟,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-04-04