zoukankan      html  css  js  c++  java
  • Ztree节点增加删除修改和Icheck的用法

    简介  

    官方文档:http://www.treejs.cn/v3/api.php

    zTree 是一个依靠 jQuery 实现的多功能 “树插件”, 而且拥有较好的浏览器兼容性,有着丰富的功能以及可以自定义样式,足以满足大部分业务的开发。

    第一步先导入css及js文件

    <link href="~/lib/zTree/css/zTreeStyle/zTreeStyle.css" rel="stylesheet" />
    <script src="~/lib/icheck/skins/icheck-1.x/demo/js/jquery.js"></script>
    <script src="~/lib/zTree/js/jquery.ztree.core.min.js"></script>
    <script src="~/lib/zTree/js/jquery.ztree.excheck.min.js"></script>
    <script src="~/lib/zTree/js/jquery.ztree.exedit.min.js"></script>

    第二步在html页面创建ztree Div

    <div>
    <ul id="tree" class="ztree" style="font-size:20px"></ul>
    </div>

    第三步初始化ztree

    var setting = {
    check: {
    enable: true, //是否展示每个节点
    //chkboxType: { "Y": "ps", "N": "ps" }
    },

    view: {
    dblClickExpand: true, //是否展开所有
    },
    edit: {
    enable: true
    },
    data: {
    simpleData: { //数据类型
    enable: true,
    idKey: "id",
    pIdKey: "pid",
    //rootPId: 0,
    },
    // key: { checked: 'checked' }
    },
    callback: {
    // beforeExpand: zTreeBeforeExpand, // 用于捕获父节点展开之前的事件回调函数,并且根据返回值确定是否允许展开操作
    }
    };
    zTree = $.fn.zTree.init($("#tree"), setting, r.value);
    zTree.expandAll(true); //展开所有

    实现效果如下

     

    源代码地址:

     https://gitee.com/LIALL/ZtreeAndIcheck.git

  • 相关阅读:
    Linux c++ time different
    数据库初始化以及制作为Windows服务
    数据库无法注册服务
    JS中String转int
    数据库服务注册(使用命令注册):解决my.ini配置文件不存在的问题
    数据库启动丢失MSVCP120.dll
    jQuery
    BOM和DOM
    用yield实现python协程
    深入理解python中的yield关键字
  • 原文地址:https://www.cnblogs.com/dashanboke/p/10784776.html
Copyright © 2011-2022 走看看