layui实现checkbox的目录树tree的例子
程序员文章站
2022-06-08 16:38:00
废话不多说啦,我就直接上代码吧,需要的朋友可以过来参考下
layui.use([ 'tree' ], function() {
$ = layui.jquery...
废话不多说啦,我就直接上代码吧,需要的朋友可以过来参考下
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的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
下一篇: 猪脚炖黄豆的做法下奶效果好,要怎么做?
推荐阅读
-
layui实现checkbox的目录树tree的例子
-
Python Django实现layui风格+django分页功能的例子
-
layui checkbox默认选中,获取选中值,清空所有选中项的例子
-
layui实现把数据表格时间戳转换为时间格式的例子
-
android使用ExpandableListView控件实现小说目录效果的例子
-
Python3实现将文件树中所有文件和子目录归档到tar压缩文件的方法
-
python实现的txt目录树
-
layui radio点击事件实现input显示和隐藏的例子
-
Layui Table js 模拟选中checkbox的例子
-
dhtmlxTree目录树增加右键菜单以及拖拽排序的实现方法