• zTree的基本用法


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

     第一步先导入css及js文件

    1 <link rel="stylesheet" type="text/css" href="zTree/css/zTreeStyle/zTreeStyle.css">
    2 <script type="text/javascript" src="zTree/js/jquery.ztree.all.min.js"></script>

    第二步在html页面创建ztree Div

    <div>
        <ul id="regionZTree" class="ztree"></ul>
    </div>

    第三步初始化ztree

    var setting = {
            view: {
                dblClickExpand: false,//双击节点时,是否自动展开父节点的标识
                showLine: true,//是否显示节点之间的连线
                fontCss:{'color':'black','font-weight':'bold'},//字体样式函数
                selectedMulti: true //设置是否允许同时选中多个节点
            },
            check:{
                //chkboxType: { "Y": "ps", "N": "ps" },
                chkboxType: { "Y": "", "N": "" },
                chkStyle: "checkbox",//复选框类型
                enable: true //每个节点上是否显示 CheckBox
            },
            edit:{
                enable: true,
                editNameSelectAll: true,
                showRemoveBtn : true,
                showRenameBtn : true,
                removeTitle : "remove",
                renameTitle : "rename"
            },
            data: {
                simpleData: {//简单数据模式
                    enable:true,
                    idKey: "id",
                    pIdKey: "IPARENTID",
                    rootPId: null
                }
            },
            callback: {
                beforeExpand:zTreeBeforeExpand, // 用于捕获父节点展开之前的事件回调函数,并且根据返回值确定是否允许展开操作
            }
        };
    zTreeObj = $.fn.zTree.init($("#regionZTree"), setting, dominZTree); 
  • 相关阅读:
    5213 Exp3 免杀原理与实践
    20155213实验二 后门原理与实践
    20165110石钰网络对抗免考报告_WIFI破解+搭建钓鱼WIFI
    Exp9 Web安全基础 20165110
    Exp8:Web基础 20165110
    Exp7 网络欺诈防范 20165110
    Exp6 信息搜集与漏洞扫描 20165110
    Exp5 MSF基础应用 20165110
    Exp4 恶意代码分析 20165110
    Exp3 免杀原理与实践 20165110
  • 原文地址:https://www.cnblogs.com/ZYTA/p/11971597.html
Copyright © 2020-2023  润新知