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

  • 相关阅读:
    iphone 图标下载
    iphone 下拉刷新(转)
    技术书评(.NET为主)
    我也设计模式——3.Singleton
    我也设计模式——14.Flyweight
    Web2.0技术研究笔记——1.分类与资源
    我也设计模式——4.Builder
    C#之CLR读书笔记 0
    IMemento 永远置顶
    我也设计模式——21.Memento
  • 原文地址:https://www.cnblogs.com/flish/p/9258332.html
Copyright © 2011-2022 走看看