zoukankan      html  css  js  c++  java
  • layui实现checkbox的目录树tree

    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;
    }

  • 相关阅读:
    Git安装(操作篇)
    Git安装
    ES6基础练习
    SVN的安装与搭建及使用
    解决SVN文件不显示绿色小钩图标问题
    混入(mixin)
    ref属性与props配置项
    docker-compose部署 Mysql 8.0 主从模式基于GTID
    项目统一处理
    Docker Compose实战
  • 原文地址:https://www.cnblogs.com/flish/p/9258332.html
Copyright © 2011-2022 走看看