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

  • 相关阅读:
    难道真的是RedBook错了?
    用一个土办法证明RedBook的错误
    Md5 Loader Demo
    simple shadow mapping
    又遇到让人疑惑的问题
    [洛谷P1037][题解]产生数
    [洛谷P1279][题解]字串距离
    [洛谷P1122][题解]最大子树和
    [洛谷P1144][题解]最短路计数
    Vue 之 Data
  • 原文地址:https://www.cnblogs.com/flish/p/9258332.html
Copyright © 2011-2022 走看看