layui实现checkbox的目录树tree

原创 2017年11月15日 11:20:29

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 - xtree]基于layui form模块制作的一款带复选框的tree结构树

基于layui form模块制作的一款带复选框的tree结构树,效果如下图: img[//cdn.layui.com/upload/2017_10/6167784_1508119213303_1067...
  • xianglikai1
  • xianglikai1
  • 2017年10月16日 10:26
  • 1736

layui的组件:tree.js改写有checkbox,可多选

  • 2017年08月19日 14:24
  • 461KB
  • 下载

使用带复选框的CheckBoxTree树组件

在使用Java Swing开发UI程序时,很有可能会遇到使用带复选框的树的需求,但是Java Swing并没有提供这个组件,因此如果你有这个需求,你就得自己动手实现带复选框的树。 Check...
  • Joy0125
  • Joy0125
  • 2014年03月03日 20:53
  • 4485

layui下拉树形菜单带有复选框

  • 2017年08月23日 14:59
  • 483KB
  • 下载

layer 下拉树形菜单带有复选框

  • 2017年05月22日 10:17
  • 483KB
  • 下载

layui树形结构(复选框)

  • 2017年09月01日 10:25
  • 477KB
  • 下载

layui tree treegrid javascript js treetable 前端 jquery form

新功能有个树表的展示,时间太紧了,常用的treetable做出来也与整个系统的页面风格不统一,无奈只能自己写个treetable的展示页了。 再附上一个layui可以使用的jquery-form组件...
  • sjc106112
  • sjc106112
  • 2017年09月29日 14:49
  • 994

easy UI异步树的动态加载treegrid(实践记录)

JSP 页面     pageEncoding="UTF-8"%>                                       ...
  • VS0layer
  • VS0layer
  • 2016年11月16日 09:51
  • 1054

layui后台模板

  • 2017年10月31日 10:58
  • 16.93MB
  • 下载

Chromium网页Layer Tree绘制过程分析

网页绘图表面创建完成之后,调度器就会请求绘制CC Layer Tree,这样网页在加载完成之后就能快速显示出来。通过CC Layer Tree可以依次找到Graphics Layer Tree、Ren...
  • Luoshengyang
  • Luoshengyang
  • 2016年04月25日 00:59
  • 16819
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:layui实现checkbox的目录树tree
举报原因:
原因补充:

(最多只允许输入30个字)