layui实现checkbox的目录树tree的例子
2019-09-12 09:59
856 查看
废话不多说啦,我就直接上代码吧,需要的朋友可以过来参考下
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
- TreeList 树形控件 实现带三种状态的CheckBox
- EasyUI Tree+Asp.net实现权限树或目录树导航的简单实例
- extjs4.1实现tree节点checkbox disable的方法探讨
- 自定义实现InputFormat、OutputFormat、输出到多个文件目录中去、hadoop1.x api写单词计数的例子、运行时接收命令行参数,代码例子
- android使用ExpandableListView控件实现小说目录效果的例子
- J2ME中实现可伸展目录树TreeList
- [导入]扩展ext.tree实现checkbox功能
- Flex 4.0中Tree中嵌入CheckBox(实现点击获取值)
- xloadtree实现web动态目录树(分层加载)
- J2ME中实现可伸展目录树TreeList
- 分析xloadtree, 用ajax实现的动态目录树
- 纯手工 CheckboxTree 实现
- xloadtree实现web动态目录树(分层加载)
- extjs tree checkbox 复选框实现 取值 显示
- Python实现 Linux tree命令:用树形结构显示目录结构
- Python中使用glob和rmtree删除目录子目录及所有文件的例子
- 关于checkboxtree选中的一个小例子非常使用
- Layui Table js 模拟选中checkbox的例子
- python实现文件分组复制到不同目录的例子