layui實現(xiàn)checkbox的目錄樹tree的例子
更新時間：2019年09月12日 09:59:01 作者：weixin_39703044
今天小編就為大家分享一篇layui實現(xiàn)checkbox的目錄樹tree的例子，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
廢話不多說啦，我就直接上代碼吧，需要的朋友可以過來參考下
layui.use([ 'tree' ], function() {
$ = layui.jquery;
form = layui.form;
//獲取節(jié)點數(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)換成對象
treeData = eval( "(" + treeData + ")" );
//console.log(treeData);
// 執(zhí)行渲染
treeIns = layui.tree({
elem: '#demo', //指定元素，生成的樹放到哪個元素上
check: 'checkbox', //勾選風(fēng)格
skin: 'as', //設(shè)定皮膚
drag: true,//點擊每一項時是否生成提示信息
checkboxName: 'aa[]',//復(fù)選框的name屬性值
checkboxStyle: "",//設(shè)置復(fù)選框的樣式，必須為字符串，css樣式怎么寫就怎么寫
click: function(item) { //點擊節(jié)點回調(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實現(xiàn)checkbox的目錄樹tree的例子就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
javascript html實現(xiàn)網(wǎng)頁版日歷代碼
這篇文章主要介紹了javascript html實現(xiàn)網(wǎng)頁版日歷代碼,需要的朋友可以參考下2016-03-03
這篇文章主要介紹了JS 替換和時間插件的結(jié)合使用代碼，需要的朋友可以參考下2013-07-07
這篇文章主要介紹了javascript框架設(shè)計模式,結(jié)合實例形式分析了javascript模板方法模式相關(guān)概念、原理、用法及操作注意事項,需要的朋友可以參考下2021-09-09
這篇文章主要介紹了js動態(tài)修改表格行colspan列跨度的方法,實例分析了javascript動態(tài)修改html中table屬性的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
javascript自動生成包含數(shù)字與字符的隨機(jī)字符串
這篇文章主要介紹了javascript自動生成包含數(shù)字與字符的隨機(jī)字符串,涉及Math.random()和Math.floor()兩個函數(shù)的使用技巧,需要的朋友可以參考下2015-02-02
這篇文章主要介紹了兩種方法在前端實現(xiàn)本地表格導(dǎo)出功能,分別是插件方式和本地直接導(dǎo)出,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2025-01-01
uniapp 如何設(shè)置 tabbar 的 midButton 按鈕
在UniApp開發(fā)中,設(shè)置TabBar的midButton按鈕可以增加用戶交互的便利性,本文介紹了在App.vue中監(jiān)聽事件的方法,并提供了官方文檔鏈接作為參考,通過這種方式可以實現(xiàn)TabBar中的特殊按鈕功能,提升應(yīng)用的用戶體驗2024-10-10
這篇文章主要介紹了前端TypeScript時間格式化函數(shù)的相關(guān)資料,包括日期格式化formatDate、獲取周數(shù)getWeek、相對時間格式化formatPast、時間問候語formatAxis以及日期時間格式化parseTime和parseDate,每個方法都有詳細(xì)的參數(shù)說明和示例,需要的朋友可以參考下2025-02-02
在使用ECharts繪制折線圖時,為了豐富圖表的視覺表達(dá),設(shè)計師們常常會為視圖搭配上不同的圖標(biāo),下面這篇文章主要給大家介紹了關(guān)于Echarts自定義圖形的方法參考,需要的朋友可以參考下2023-02-02
JavaScript組合模式Composite Pattern
這篇文章主要介紹了學(xué)習(xí)理解JavaScript組合模式，組合模式及Composite Pattern又叫部分整體模式，是用于把一組相似的對象當(dāng)作一個單一的對象2022-04-04