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

  • 相关阅读:
    交互式输入编辑与历史命令补全
    string模板
    textwrap——文本包裹和填充模块解析
    python质量控制
    命令自动补全模块rlcomplete
    密码输入模块getpass
    交互模式启动配置文件
    pprint模块解析
    python基础知识--2字符串
    python基础知识--1注释
  • 原文地址:https://www.cnblogs.com/dashanboke/p/10784776.html
Copyright © 2011-2022 走看看