diff --git a/article-add.html b/article-add.html index 6fa1d21..babde3f 100644 --- a/article-add.html +++ b/article-add.html @@ -12,12 +12,12 @@
- - 首页 - 常用页面 - 用户列表 - 添加文章 - + + 首页 + 常用页面 + 用户列表 + 添加文章 + diff --git a/article-edit.html b/article-edit.html index 12ec14e..d7e2ffd 100644 --- a/article-edit.html +++ b/article-edit.html @@ -12,12 +12,12 @@
- - 首页 - 常用页面 - 用户列表 - 编辑文章 - + + 首页 + 常用页面 + 用户列表 + 编辑文章 + diff --git a/article.html b/article.html index f8a96d9..1828aea 100644 --- a/article.html +++ b/article.html @@ -13,11 +13,11 @@
- - 首页 - 常用页面 - 文章列表 - + + 首页 + 常用页面 + 文章列表 + diff --git a/donate.html b/donate.html index b1327d5..b6fd5b7 100644 --- a/donate.html +++ b/donate.html @@ -11,11 +11,11 @@
- - 首页 - 常用页面 - 捐赠列表 - + + 首页 + 常用页面 + 捐赠列表 + diff --git a/font-iconfont.html b/font-iconfont.html index 3d20d47..3abac55 100644 --- a/font-iconfont.html +++ b/font-iconfont.html @@ -7,36 +7,36 @@ -
- -
- - 首页 - 图标字体 - 阿里巴巴图标库 - - - - -
-
-
- 图标选择：点我跳转 -
-
- 使用方法 -
- 
-// 挑选相应图标并获取类名，应用于页面：
-
-
+
+ +
+ + 首页 + 图标字体 + 阿里巴巴图标库 + + + +
- - - +
+
+ 图标选择：点我跳转 +
+
+ 使用方法 +
+ 
+        // 挑选相应图标并获取类名，应用于页面：
+        
+
+
+ + + diff --git a/font-layui.html b/font-layui.html index 8c56d3e..cd89e37 100644 --- a/font-layui.html +++ b/font-layui.html @@ -7,36 +7,37 @@ -
- -
- - 首页 - 图标字体 - Layui内置图标库 - - - - -
-
-
- 图标选择：点我跳转 -
-
- 使用方法 -
- 
-// 从 layui 2.3.0 开始，支持 font-class 的形式定义图标：
-
-
+
+ +
+ + 首页 + 图标字体 + Layui内置图标库 + + + +
- - - +
+
+ 图标选择：点我跳转 +
+
+ 使用方法 +
+ 
+        // 从 layui 2.3.0 开始，支持 font-class 的形式定义图标：
+        
+
+
+ + + diff --git a/image.html b/image.html index eb3c532..89b82b7 100644 --- a/image.html +++ b/image.html @@ -11,11 +11,11 @@
- - 首页 - 常用页面 - 图片列表 - + + 首页 + 常用页面 + 图片列表 + diff --git a/js/zTree_v3/.gitignore b/js/zTree_v3/.gitignore new file mode 100755 index 0000000..5ebd21a --- /dev/null +++ b/js/zTree_v3/.gitignore @@ -0,0 +1,163 @@ +################# +## Eclipse +################# + +*.pydevproject +.project +.metadata +bin/ +tmp/ +*.tmp +*.bak +*.swp +*~.nib +local.properties +.classpath +.settings/ +.loadpath + +# External tool builders +.externalToolBuilders/ + +# Locally stored "Eclipse launch configurations" +*.launch + +# CDT-specific +.cproject + +# PDT-specific +.buildpath + + +################# +## Visual Studio +################# + +## Ignore Visual Studio temporary files, build results, and +## files generated by popular Visual Studio add-ons. + +# User-specific files +*.suo +*.user +*.sln.docstates + +# Build results +[Dd]ebug/ +[Rr]elease/ +*_i.c +*_p.c +*.ilk +*.meta +*.obj +*.pch +*.pdb +*.pgc +*.pgd +*.rsp +*.sbr +*.tlb +*.tli +*.tlh +*.tmp +*.vspscc +.builds +*.dotCover + +## TODO: If you have NuGet Package Restore enabled, uncomment this +#packages/ + +# Visual C++ cache files +ipch/ +*.aps +*.ncb +*.opensdf +*.sdf + +# Visual Studio profiler +*.psess +*.vsp + +# ReSharper is a .NET coding add-in +_ReSharper* + +# Installshield output folder +[Ee]xpress + +# DocProject is a documentation generator add-in +DocProject/buildhelp/ +DocProject/Help/*.HxT +DocProject/Help/*.HxC +DocProject/Help/*.hhc +DocProject/Help/*.hhk +DocProject/Help/*.hhp +DocProject/Help/Html2 +DocProject/Help/html + +# Click-Once directory +publish + +# Others +[Bb]in +[Oo]bj +sql +TestResults +*.Cache +ClientBin +stylecop.* +~$* +*.dbmdl +Generated_Code #added for RIA/Silverlight projects + +# Backup & report files from converting an old project file to a newer +# Visual Studio version. Backup files are not needed, because we have git ;-) +_UpgradeReport_Files/ +Backup*/ +UpgradeLog*.XML + + + +############ +## Windows +############ + +# Windows image file caches +Thumbs.db + +# Folder config file +Desktop.ini + + +############# +## Python +############# + +*.py[co] + +# Packages +*.egg +*.egg-info +dist +build +eggs +parts +bin +var +sdist +develop-eggs +.installed.cfg + +# Installer logs +pip-log.txt + +# Unit test / coverage reports +.coverage +.tox + +#Translations +*.mo + +#Mr Developer +.mr.developer.cfg + +# Mac crap +.DS_Store diff --git a/js/zTree_v3/README.md b/js/zTree_v3/README.md new file mode 100755 index 0000000..94fdcb0 --- /dev/null +++ b/js/zTree_v3/README.md @@ -0,0 +1,52 @@ +jQuery Tree Plugin ---- zTree +============ +last verson : 3.5.40 + + +**Donate to zTree** : http://www.treejs.cn/v3/donate.php + + +zTree API : http://www.treejs.cn/v3/api.php + + +zTree Demo : http://www.treejs.cn/v3/demo.php + +### INSTALL +``` +npm install @ztree/ztree_v3 +``` + +Introduction of zTree (简介) +============ +* zTree is a multi-functional "tree plug-ins." based on jQuery. The main advantages of zTree includes excellent performance, flexible configuration, and the combination of multiple functions. +(zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。) + +* zTree is a free tree plug-in and uses the MIT license. +(zTree 是开源免费的软件, 使用 MIT 许可证) + +* The code of zTree v3.x has been seperated according to the various functions. You can only load the code you need. +(zTree v3.x 将核心代码按照功能进行了分割，不需要的代码可以不用加载) +* zTree v3.x uses delay loading technique, which can easily load tens of thousands of nodes in seconds even in IE6 browser. +(采用了 延迟加载 技术，上万节点轻松加载，即使在 IE6 下也能基本做到秒杀) +* Compatible with IE, FireFox?, Chrome, Opera, Safari and other browsers. +(兼容 IE、FireFox?、Chrome、Opera、Safari 等浏览器) +* Support for JSON data. +(支持 JSON 数据) +* Support for static and asynchronous data loading node. +(支持静态 和 Ajax 异步加载节点数据) +* Replace the skin / custom icon flexibllly. +(支持任意更换皮肤 / 自定义图标) +* Support extremely flexible checkbox or radio selection function. +(支持极其灵活的 checkbox 或 radio 选择功能) +* Provide enough incident response callback. +(提供多种事件响应回调) +* Flexible editing (add / delete / change / search) functions, such as drag and drop nodes,you can even drag and drop multiple nodes. +(灵活的编辑（增/删/改/查）功能，可随意拖拽节点，还可以多节点拖拽哟) +* Enable to generate multiple instances of zTree in one page. +(在一个页面内可同时生成多个 Tree 实例) +* Simple parameters to achieve flexible configuration capabilities. +(简单的参数配置实现 灵活多变的功能) +* To enhance performance, zTree transforms the js & css structure to provide excellent browser compatibility and make the development more easily +(zTree v3.x（JQuery Tree 插件），性能全面提升，js & css 架构全面调整，提供更好的兼容性和易开发性) + + diff --git a/js/zTree_v3/api/API_cn.html b/js/zTree_v3/api/API_cn.html new file mode 100755 index 0000000..22a2b5b --- /dev/null +++ b/js/zTree_v3/api/API_cn.html @@ -0,0 +1,103 @@ + + + + + API 文档 [zTree -- jQuery 树插件] + + + + + +
+ +
+
+
+
+
    +
  • 注释：
    • +
  • core 核心包
    • +
  • excheck 扩展
    • +
  • exedit 扩展
    • +
  • exhide 扩展
    • +
  • + + + +
    • +
+
+ +
+
+
+
  • setting 配置详解
+
    +
    +
    +
    • zTree 方法详解
    +
      +
      • treeNode 节点数据详解
      +
        +
        +
        +
        +
        +
        +
        + + +
        +
        +
        + + + +
        + +
        +
        +
        +
        + + + + + + \ No newline at end of file diff --git a/js/zTree_v3/api/API_en.html b/js/zTree_v3/api/API_en.html new file mode 100755 index 0000000..fbeeffe --- /dev/null +++ b/js/zTree_v3/api/API_en.html @@ -0,0 +1,102 @@ + + + + + API Document [zTree -- jQuery tree plug-ins.] + + + + + +
        + +
        +
        +
        +
        +
          +
        • Notes:
          • +
        • core package
          • +
        • excheck pack
          • +
        • exedit pack
          • +
        • exhide pack
          • +
        • + + + +
          • +
        +
        + +
        +
        +
        +
        • setting details
        +
          +
          +
          +
          • zTree method details
          +
            +
            • treeNode data details
            +
              +
              +
              +
              +
              +
              +
              + + +
              +
              +
              + + + +
              + +
              +
              +
              +
              + + + + + + \ No newline at end of file diff --git a/js/zTree_v3/api/apiCss/api.js b/js/zTree_v3/api/apiCss/api.js new file mode 100755 index 0000000..dbf6e01 --- /dev/null +++ b/js/zTree_v3/api/apiCss/api.js @@ -0,0 +1,599 @@ +var apiContent = { + zTree_Setting: null, + zTree_Node: null, + zTree_Function: null, + overlayDiv : null, + overlayContent : null, + overlayDetailDiv : null, + overlayCloseBtn: null, + overlayArrow: null, + contentBoxDiv : null, + settingDiv : null, + functionDiv : null, + overlaySearch: null, + searchKey: null, + searchResultInput: null, + searchPrevBtn: null, + searchNextBtn: null, + apiCache: {}, + lastValue: "", + searchNodes: [], + searchNodesCur: 0, + + _init: function() { + this.overlayDiv = $("#overlayDiv"); + this.overlayContent = $("#overlayContent"); + this.overlayDetailDiv = $("#overlayDetailDiv"); + this.overlayCloseBtn = $("#overlayDivCloseBtn"); + this.overlayArrow = $("#overlayDivArrow"); + this.contentBoxDiv = $("#contentBox"); + this.settingDiv = $("#api_setting"); + this.functionDiv = $("#api_function"); + this.searchKey = $(".searchKey"); + this.overlaySearch = $(".overlaySearch"); + this.searchResultInput = $(".searchResult"); + this.searchPrevBtn = $(".searchPrev"); + this.searchNextBtn = $(".searchNext"); + var setting = { + view: { + fontCss: this.getFontCss, + showLine: false, + showIcon: this.showIcon, + showTitle: this.getTitle, + selectedMulti: false, + dblClickExpand: false + }, + data: { + key: { + title: "tt" + }, + simpleData: { + enable:true, + idKey: "id", + pIdKey: "pId", + rootPId: "" + } + }, + callback: { + onNodeCreated: this.onNodeCreated, + beforeClick: this.beforeClick + } + }; + var setting_nodes =[ + {id:1, pId:0, t:"setting", name:"var setting = {", open:true}, + {id:11, pId:1, t:"treeId", name:"treeId : \"\",", iconSkin:"core", showAPI:true}, + {id:12, pId:1, t:"treeObj", name:"treeObj : null,", iconSkin:"core", showAPI:true}, + {id:121, pId:1, name:""}, + + {id:20, pId:1, t:"async", name:"async : {", open:true}, + {id:201, pId:20, t:"autoParam", name:"autoParam : [],", iconSkin:"core", showAPI:true}, + {id:208, pId:20, t:"contentType", name:"contentType : \"application...\",", iconSkin:"core", showAPI:true}, + {id:202, pId:20, t:"dataFilter", name:"dataFilter : null,", iconSkin:"core", showAPI:true}, + {id:203, pId:20, t:"dataType", name:"dataType : \"text\",", iconSkin:"core", showAPI:true}, + {id:204, pId:20, t:"enable", name:"enable : false,", iconSkin:"core", showAPI:true}, + {id:205, pId:20, t:"otherParam", name:"otherParam : [],", iconSkin:"core", showAPI:true}, + {id:206, pId:20, t:"type", name:"type : \"post\",", iconSkin:"core", showAPI:true}, + {id:209, pId:20, t:"headers", name:"headers : {},", iconSkin:"core", showAPI:true}, + {id:210, pId:20, t:"xhrFields", name:"xhrFields : {},", iconSkin:"core", showAPI:true}, + {id:207, pId:20, t:"url", name:"url : \"\"", iconSkin:"core", showAPI:true}, + {id:21, pId:1, name:"},"}, + {id:22, pId:1, name:""}, + + {id:30, pId:1, t:"callback", name:"callback : {", open:true}, + {id:3001, pId:30, t:"beforeAsync", name:"beforeAsync : null,", iconSkin:"core", showAPI:true}, + {id:3002, pId:30, t:"beforeCheck", name:"beforeCheck : null,", iconSkin:"check", showAPI:true}, + {id:3003, pId:30, t:"beforeClick", name:"beforeClick : null,", iconSkin:"core", showAPI:true}, + {id:3004, pId:30, t:"beforeCollapse", name:"beforeCollapse : null,", iconSkin:"core", showAPI:true}, + {id:3004, pId:30, t:"beforeDblClick", name:"beforeDblClick : null,", iconSkin:"core", showAPI:true}, + {id:3005, pId:30, t:"beforeDrag", name:"beforeDrag : null,", iconSkin:"edit", showAPI:true}, + {id:3006, pId:30, t:"beforeDragOpen", name:"beforeDragOpen : null,", iconSkin:"edit", showAPI:true}, + {id:3007, pId:30, t:"beforeDrop", name:"beforeDrop : null,", iconSkin:"edit", showAPI:true}, + {id:3029, pId:30, t:"beforeEditName", name:"beforeEditName : null,", iconSkin:"edit", showAPI:true}, + {id:3008, pId:30, t:"beforeExpand", name:"beforeExpand : null,", iconSkin:"core", showAPI:true}, + {id:3009, pId:30, t:"beforeMouseDown", name:"beforeMouseDown : null,", iconSkin:"core", showAPI:true}, + {id:3010, pId:30, t:"beforeMouseUp", name:"beforeMouseUp : null,", iconSkin:"core", showAPI:true}, + {id:3011, pId:30, t:"beforeRemove", name:"beforeRemove : null,", iconSkin:"edit", showAPI:true}, + {id:3012, pId:30, t:"beforeRename", name:"beforeRename : null,", iconSkin:"edit", showAPI:true}, + {id:3013, pId:30, t:"beforeRightClick", name:"beforeRightClick : null,", iconSkin:"core", showAPI:true}, + {id:3014, pId:30, name:""}, + {id:3015, pId:30, t:"onAsyncError", name:"onAsyncError : null,", iconSkin:"core", showAPI:true}, + {id:3016, pId:30, t:"onAsyncSuccess", name:"onAsyncSuccess : null,", iconSkin:"core", showAPI:true}, + {id:3017, pId:30, t:"onCheck", name:"onCheck : null,", iconSkin:"check", showAPI:true}, + {id:3018, pId:30, t:"onClick", name:"onClick : null,", iconSkin:"core", showAPI:true}, + {id:3019, pId:30, t:"onCollapse", name:"onCollapse : null,", iconSkin:"core", showAPI:true}, + {id:3029, pId:30, t:"onDblClick", name:"onDblClick : null,", iconSkin:"core", showAPI:true}, + {id:3020, pId:30, t:"onDrag", name:"onDrag : null,", iconSkin:"edit", showAPI:true}, + {id:3030, pId:30, t:"onDragMove", name:"onDragMove : null,", iconSkin:"edit", showAPI:true}, + {id:3021, pId:30, t:"onDrop", name:"onDrop : null,", iconSkin:"edit", showAPI:true}, + {id:3022, pId:30, t:"onExpand", name:"onExpand : null,", iconSkin:"core", showAPI:true}, + {id:3023, pId:30, t:"onMouseDown", name:"onMouseDown : null,", iconSkin:"core", showAPI:true}, + {id:3024, pId:30, t:"onMouseUp", name:"onMouseUp : null,", iconSkin:"core", showAPI:true}, + {id:3025, pId:30, t:"onNodeCreated", name:"onNodeCreated : null,", iconSkin:"core", showAPI:true}, + {id:3026, pId:30, t:"onRemove", name:"onRemove : null,", iconSkin:"edit", showAPI:true}, + {id:3027, pId:30, t:"onRename", name:"onRename : null,", iconSkin:"edit", showAPI:true}, + {id:3028, pId:30, t:"onRightClick", name:"onRightClick : null", iconSkin:"core", showAPI:true}, + {id:31, pId:1, name:"},"}, + {id:32, pId:1, name:""}, + + {id:40, pId:1, t:"check", name:"check : {", open:true}, + {id:405, pId:40, t:"autoCheckTrigger", name:"autoCheckTrigger : false,", iconSkin:"check", showAPI:true}, + {id:401, pId:40, t:"chkboxType", name:"chkboxType : {\"Y\": \"ps\", \"N\": \"ps\"},", iconSkin:"check", showAPI:true}, + {id:402, pId:40, t:"chkStyle", name:"chkStyle : \"checkbox\",", iconSkin:"check", showAPI:true}, + {id:403, pId:40, t:"enable", name:"enable : false,", iconSkin:"check", showAPI:true}, + {id:406, pId:40, t:"nocheckInherit", name:"nocheckInherit : false", iconSkin:"check", showAPI:true}, + {id:407, pId:40, t:"chkDisabledInherit", name:"chkDisabledInherit : false", iconSkin:"check", showAPI:true}, + {id:404, pId:40, t:"radioType", name:"radioType : \"level\"", iconSkin:"check", showAPI:true}, + {id:41, pId:1, name:"},"}, + {id:42, pId:1, name:""}, + + {id:50, pId:1, t:"data", name:"data : {", open:true}, + {id:500, pId:50, t:"keep", name:"keep : {", open:true}, + {id:5001, pId:500, t:"leaf", name:"leaf : false,", iconSkin:"core", showAPI:true}, + {id:5002, pId:500, t:"parent", name:"parent : false", iconSkin:"core", showAPI:true}, + {id:501, pId:50, name:"},"}, + + {id:510, pId:50, t:"key", name:"key : {", open:true}, + {id:5101, pId:510, t:"checked", name:"checked : \"checked\",", iconSkin:"check", showAPI:true}, + {id:5102, pId:510, t:"children", name:"children : \"children\",", iconSkin:"core", showAPI:true}, + {id:5106, pId:510, t:"isParent", name:"isParent : \"isParent\",", iconSkin:"core", showAPI:true}, + {id:5107, pId:510, t:"isHidden", name:"isHidden : \"isHidden\",", iconSkin:"hide", showAPI:true}, + {id:5103, pId:510, t:"name", name:"name : \"name\",", iconSkin:"core", showAPI:true}, + {id:5104, pId:510, t:"title", name:"title : \"\"", iconSkin:"core", showAPI:true}, + {id:5105, pId:510, t:"url", name:"url : \"url\"", iconSkin:"core", showAPI:true}, + {id:511, pId:50, name:"},"}, + + {id:520, pId:50, t:"simpleData", name:"simpleData : {", open:true}, + {id:5201, pId:520, t:"enable", name:"enable : false,", iconSkin:"core", showAPI:true}, + {id:5202, pId:520, t:"idKey", name:"idKey : \"id\",", iconSkin:"core", showAPI:true}, + {id:5203, pId:520, t:"pIdKey", name:"pIdKey : \"pId\",", iconSkin:"core", showAPI:true}, + {id:5204, pId:520, t:"rootPId", name:"rootPId : null", iconSkin:"core", showAPI:true}, + {id:521, pId:50, name:"}"}, + {id:51, pId:1, name:"},"}, + {id:52, pId:1, name:""}, + + {id:60, pId:1, t:"edit", name:"edit : {", open:true}, + {id:601, pId:60, t:"drag", name:"drag : {", open:true}, + {id:60111, pId:601, t:"autoExpandTrigger", name:"autoExpandTrigger : true,", iconSkin:"edit", showAPI:true}, + {id:60101, pId:601, t:"isCopy", name:"isCopy : true,", iconSkin:"edit", showAPI:true}, + {id:60102, pId:601, t:"isMove", name:"isMove : true,", iconSkin:"edit", showAPI:true}, + {id:60103, pId:601, t:"prev", name:"prev : true,", iconSkin:"edit", showAPI:true}, + {id:60104, pId:601, t:"next", name:"next : true,", iconSkin:"edit", showAPI:true}, + {id:60105, pId:601, t:"inner", name:"inner : true,", iconSkin:"edit", showAPI:true}, + {id:60107, pId:601, t:"borderMax", name:"borderMax : 10,", iconSkin:"edit", showAPI:true}, + {id:60108, pId:601, t:"borderMin", name:"borderMin : -5,", iconSkin:"edit", showAPI:true}, + {id:60106, pId:601, t:"minMoveSize", name:"minMoveSize : 5,", iconSkin:"edit", showAPI:true}, + {id:60109, pId:601, t:"maxShowNodeNum", name:"maxShowNodeNum : 5,", iconSkin:"edit", showAPI:true}, + {id:60110, pId:601, t:"autoOpenTime", name:"autoOpenTime : 500", iconSkin:"edit", showAPI:true}, + {id:602, pId:60, name:"},"}, + {id:608, pId:60, t:"editNameSelectAll", name:"editNameSelectAll : false,", iconSkin:"edit", showAPI:true}, + {id:603, pId:60, t:"enable", name:"enable : false,", iconSkin:"edit", showAPI:true}, + {id:604, pId:60, t:"removeTitle", name:"removeTitle : \"remove\",", iconSkin:"edit", showAPI:true}, + {id:605, pId:60, t:"renameTitle", name:"renameTitle : \"rename\",", iconSkin:"edit", showAPI:true}, + {id:606, pId:60, t:"showRemoveBtn", name:"showRemoveBtn : true,", iconSkin:"edit", showAPI:true}, + {id:607, pId:60, t:"showRenameBtn", name:"showRenameBtn : true", iconSkin:"edit", showAPI:true}, + {id:61, pId:1, name:"},"}, + {id:62, pId:1, name:""}, + + {id:70, pId:1, t:"view", name:"view : {", open:true}, + {id:7001, pId:70, t:"addDiyDom", name:"addDiyDom : null,", iconSkin:"core", showAPI:true}, + {id:7002, pId:70, t:"addHoverDom", name:"addHoverDom : null,", iconSkin:"edit", showAPI:true}, + {id:7003, pId:70, t:"autoCancelSelected", name:"autoCancelSelected : true,", iconSkin:"core", showAPI:true}, + {id:7004, pId:70, t:"dblClickExpand", name:"dblClickExpand : true,", iconSkin:"core", showAPI:true}, + {id:7005, pId:70, t:"expandSpeed", name:"expandSpeed : \"fast\",", iconSkin:"core", showAPI:true}, + {id:7006, pId:70, t:"fontCss", name:"fontCss : {},", iconSkin:"core", showAPI:true}, + {id:7012, pId:70, t:"nameIsHTML", name:"nameIsHTML : false,", iconSkin:"core", showAPI:true}, + {id:7007, pId:70, t:"removeHoverDom", name:"removeHoverDom : null,", iconSkin:"edit", showAPI:true}, + {id:7008, pId:70, t:"selectedMulti", name:"selectedMulti : true,", iconSkin:"core", showAPI:true}, + {id:7009, pId:70, t:"showIcon", name:"showIcon : true,", iconSkin:"core", showAPI:true}, + {id:7010, pId:70, t:"showLine", name:"showLine : true,", iconSkin:"core", showAPI:true}, + {id:7011, pId:70, t:"showTitle", name:"showTitle : true,", iconSkin:"core", showAPI:true}, + {id:7012, pId:70, t:"txtSelectedEnable", name:"txtSelectedEnable : false", iconSkin:"core", showAPI:true}, + {id:71, pId:1, name:"}"}, + + {id:2, pId:0, name:"}"} + ]; + + var treenode_nodes =[ + {id:1, pId:0, t:"treeNode", name:"treeNode : {", open:true}, + {id:101, pId:1, t:"checked", name:"checked", iconSkin:"check", showAPI:true}, + {id:102, pId:1, t:"children", name:"children", iconSkin:"core", showAPI:true}, + {id:128, pId:1, t:"chkDisabled", name:"chkDisabled", iconSkin:"check", showAPI:true}, + {id:127, pId:1, t:"click", name:"click", iconSkin:"core", showAPI:true}, + {id:103, pId:1, t:"getCheckStatus", name:"getCheckStatus ()", iconSkin:"check", showAPI:true}, + {id:135, pId:1, t:"getIndex", name:"getIndex ()", iconSkin:"core", showAPI:true}, + {id:104, pId:1, t:"getNextNode", name:"getNextNode ()", iconSkin:"core", showAPI:true}, + {id:105, pId:1, t:"getParentNode", name:"getParentNode ()", iconSkin:"core", showAPI:true}, + {id:136, pId:1, t:"getPath", name:"getPath ()", iconSkin:"core", showAPI:true}, + {id:106, pId:1, t:"getPreNode", name:"getPreNode ()", iconSkin:"core", showAPI:true}, + {id:129, pId:1, t:"halfCheck", name:"halfCheck", iconSkin:"check", showAPI:true}, + {id:107, pId:1, t:"icon", name:"icon", iconSkin:"core", showAPI:true}, + {id:108, pId:1, t:"iconClose", name:"iconClose", iconSkin:"core", showAPI:true}, + {id:109, pId:1, t:"iconOpen", name:"iconOpen", iconSkin:"core", showAPI:true}, + {id:110, pId:1, t:"iconSkin", name:"iconSkin", iconSkin:"core", showAPI:true}, + {id:131, pId:1, t:"isHidden", name:"isHidden", iconSkin:"hide", showAPI:true}, + {id:111, pId:1, t:"isParent", name:"isParent", iconSkin:"core", showAPI:true}, + {id:132, pId:1, t:"name", name:"name", iconSkin:"core", showAPI:true}, + {id:112, pId:1, t:"nocheck", name:"nocheck", iconSkin:"check", showAPI:true}, + {id:113, pId:1, t:"open", name:"open", iconSkin:"core", showAPI:true}, + {id:133, pId:1, t:"target", name:"target", iconSkin:"core", showAPI:true}, + {id:134, pId:1, t:"url", name:"url", iconSkin:"core", showAPI:true}, + {id:114, pId:1, t:"diy", name:"*DIY*", iconSkin:"core", showAPI:true}, + {id:115, pId:1, name:""}, + {id:116, pId:1, t:"check_Child_State", name:"[check_Child_State]", iconSkin:"check", showAPI:true}, + {id:117, pId:1, t:"check_Focus", name:"[check_Focus]", iconSkin:"check", showAPI:true}, + {id:118, pId:1, t:"checkedOld", name:"[checkedOld]", iconSkin:"check", showAPI:true}, + {id:119, pId:1, t:"editNameFlag", name:"[editNameFlag]", iconSkin:"edit", showAPI:true}, + {id:120, pId:1, t:"isAjaxing", name:"[isAjaxing]", iconSkin:"core", showAPI:true}, + {id:121, pId:1, t:"isFirstNode", name:"[isFirstNode]", iconSkin:"core", showAPI:true}, + {id:122, pId:1, t:"isHover", name:"[isHover]", iconSkin:"edit", showAPI:true}, + {id:123, pId:1, t:"isLastNode", name:"[isLastNode]", iconSkin:"core", showAPI:true}, + {id:124, pId:1, t:"level", name:"[level]", iconSkin:"core", showAPI:true}, + {id:125, pId:1, t:"parentTId", name:"[parentTId]", iconSkin:"core", showAPI:true}, + {id:126, pId:1, t:"tId", name:"[tId]", iconSkin:"core", showAPI:true}, + {id:130, pId:1, t:"zAsync", name:"[zAsync]", iconSkin:"core", showAPI:true}, + {id:2, pId:0, name:"}"} + ]; + + var function_nodes =[ + {id:1, pId:0, t:"$.fn.zTree", name:"$.fn.zTree : {", open:true}, + {id:11, pId:1, t:"init", name:"init (obj, zSetting, zNodes)", iconSkin:"core", showAPI:true}, + {id:12, pId:1, t:"getZTreeObj", name:"getZTreeObj (treeId)", iconSkin:"core", showAPI:true}, + {id:14, pId:1, t:"destroy", name:"destroy (treeId)", iconSkin:"core", showAPI:true}, + {id:13, pId:1, t:"_z", name:"_z : {tools, view, event, data}", iconSkin:"core", showAPI:true}, + {id:2, pId:0, name:"}"}, + {id:3, pId:0, name:""}, + {id:4, pId:0, t:"zTreeObj", name:"zTreeObj : {", open:true}, + {id:401, pId:4, t:"setting", name:"setting", iconSkin:"core", showAPI:true}, + {id:402, pId:4, t:"addNodes", name:"addNodes (parentNode, index, newNodes, isSilent)", iconSkin:"core", showAPI:true}, + {id:403, pId:4, t:"cancelEditName", name:"cancelEditName (newName)", iconSkin:"edit", showAPI:true}, + {id:404, pId:4, t:"cancelSelectedNode", name:"cancelSelectedNode (node)", iconSkin:"core", showAPI:true}, + {id:405, pId:4, t:"checkAllNodes", name:"checkAllNodes (checked)", iconSkin:"check", showAPI:true}, + {id:406, pId:4, t:"checkNode", name:"checkNode (node, checked, checkTypeFlag, callbackFlag)", iconSkin:"check", showAPI:true}, + {id:407, pId:4, t:"copyNode", name:"copyNode (targetNode, node, moveType, isSilent)", iconSkin:"edit", showAPI:true}, + {id:436, pId:4, t:"destroy", name:"destroy ()", iconSkin:"core", showAPI:true}, + {id:408, pId:4, t:"editName", name:"editName (node)", iconSkin:"edit", showAPI:true}, + {id:409, pId:4, t:"expandAll", name:"expandAll (expandFlag)", iconSkin:"core", showAPI:true}, + {id:410, pId:4, t:"expandNode", name:"expandNode (node, expandFlag, sonSign, focus, callbackFlag)", iconSkin:"core", showAPI:true}, + {id:411, pId:4, t:"getChangeCheckedNodes", name:"getChangeCheckedNodes ()", iconSkin:"check", showAPI:true}, + {id:412, pId:4, t:"getCheckedNodes", name:"getCheckedNodes (checked)", iconSkin:"check", showAPI:true}, + {id:413, pId:4, t:"getNodeByParam", name:"getNodeByParam (key, value, parentNode)", iconSkin:"core", showAPI:true}, + {id:414, pId:4, t:"getNodeByTId", name:"getNodeByTId (tId)", iconSkin:"core", showAPI:true}, + {id:415, pId:4, t:"getNodeIndex", name:"getNodeIndex (node)", iconSkin:"core", showAPI:true}, + {id:416, pId:4, t:"getNodes", name:"getNodes ()", iconSkin:"core", showAPI:true}, + {id:431, pId:4, t:"getNodesByFilter", name:"getNodesByFilter (filter, isSingle, parentNode, invokeParam)", iconSkin:"core", showAPI:true}, + {id:417, pId:4, t:"getNodesByParam", name:"getNodesByParam (key, value, parentNode)", iconSkin:"core", showAPI:true}, + {id:418, pId:4, t:"getNodesByParamFuzzy", name:"getNodesByParamFuzzy (key, value, parentNode)", iconSkin:"core", showAPI:true}, + {id:419, pId:4, t:"getSelectedNodes", name:"getSelectedNodes ()", iconSkin:"core", showAPI:true}, + {id:432, pId:4, t:"hideNode", name:"hideNode (node)", iconSkin:"hide", showAPI:true}, + {id:433, pId:4, t:"hideNodes", name:"hideNodes (nodes)", iconSkin:"hide", showAPI:true}, + {id:420, pId:4, t:"moveNode", name:"moveNode (targetNode, node, moveType, isSilent)", iconSkin:"edit", showAPI:true}, + {id:421, pId:4, t:"reAsyncChildNodes", name:"reAsyncChildNodes (parentNode, reloadType, isSilent, callback)", iconSkin:"core", showAPI:true}, + {id:437, pId:4, t:"reAsyncChildNodesPromise", name:"reAsyncChildNodesPromise(parentNode, reloadType, isSilent)", iconSkin:"core", showAPI:true}, + {id:422, pId:4, t:"refresh", name:"refresh ()", iconSkin:"core", showAPI:true}, + {id:423, pId:4, t:"removeChildNodes", name:"removeChildNodes (parentNode)", iconSkin:"core", showAPI:true}, + {id:424, pId:4, t:"removeNode", name:"removeNode (node, callbackFlag)", iconSkin:"core", showAPI:true}, + {id:425, pId:4, t:"selectNode", name:"selectNode (node, addFlag, isSilent)", iconSkin:"core", showAPI:true}, + {id:430, pId:4, t:"setChkDisabled", name:"setChkDisabled (node, disabled, inheritParent, inheritChildren)", iconSkin:"check", showAPI:true}, + {id:426, pId:4, t:"setEditable", name:"setEditable (editable)", iconSkin:"edit", showAPI:true}, + {id:434, pId:4, t:"showNode", name:"showNode (node)", iconSkin:"hide", showAPI:true}, + {id:435, pId:4, t:"showNodes", name:"showNodes (nodes)", iconSkin:"hide", showAPI:true}, + {id:427, pId:4, t:"transformToArray", name:"transformToArray (nodes)", iconSkin:"core", showAPI:true}, + {id:428, pId:4, t:"transformTozTreeNodes", name:"transformTozTreeNodes (simpleNodes)", iconSkin:"core", showAPI:true}, + {id:429, pId:4, t:"updateNode", name:"updateNode (node, checkTypeFlag)", iconSkin:"core", showAPI:true}, + {id:5, pId:0, name:"}"} + ]; + + apiContent.zTree_Setting = $.fn.zTree.init($("#settingTree"), $.fn.zTree._z.tools.clone(setting), setting_nodes); + apiContent.zTree_Node = $.fn.zTree.init($("#treenodeTree"), $.fn.zTree._z.tools.clone(setting), treenode_nodes); + apiContent.zTree_Function = $.fn.zTree.init($("#functionTree"), $.fn.zTree._z.tools.clone(setting), function_nodes); + this.bindEvent(); + + }, + bindEvent: function() { + $(document).bind("keydown", this.listenKeyDown) + this.overlayCloseBtn.bind("click", apiContent.overlayClose); + this.searchResultInput.bind("click", function(e) { + $(this).prev().get(0).focus(); + this.blur(); + }).bind("focus", function(e) { + this.blur(); + }); + this.searchKey.bind("focus", this.focusKey) + .bind("blur", this.blurKey) + .bind("propertychange", this.searchNode) + .bind("input", this.searchNode); + this.searchPrevBtn.bind("click", this.searchPrev); + this.searchNextBtn.bind("click", this.searchNext); + }, + setSameKey: function(value) { + apiContent.searchKey.attr("value", value); + }, + focusKey: function(e) { + if (apiContent.searchKey.hasClass("empty")) { + apiContent.searchKey.removeClass("empty"); + } + }, + blurKey: function(e) { + apiContent.setSameKey(e.target.value); + if (e.target.value === "") { + apiContent.searchKey.addClass("empty"); + } + }, + listenKeyDown: function(e) { + if (e.keyCode=="13" && apiContent.overlayDiv.is(":hidden")) { + apiContent.openAPI(); + } else if (e.keyCode=="37") { + apiContent.searchPrev(); + } else if (e.keyCode=="13" || e.keyCode=="39") { + apiContent.searchNext(); + } + }, + openAPI: function() { + if (apiContent.searchNodes.length > 0) { + var setting_zTree = $.fn.zTree.getZTreeObj("settingTree"), + treenode_zTree = $.fn.zTree.getZTreeObj("treenodeTree"), + function_zTree = $.fn.zTree.getZTreeObj("functionTree"); + if (apiContent.searchNodesCur < 0 || apiContent.searchNodesCur > apiContent.searchNodes.length -1) { + apiContent.searchNodesCur = 0; + } + var node = apiContent.searchNodes[apiContent.searchNodesCur]; + + if (node.tId.indexOf("setting") > -1) { + setting_zTree.selectNode(node); + } else if (node.tId.indexOf("treenode") > -1) { + treenode_zTree.selectNode(node); + } else { + function_zTree.selectNode(node); + } + apiContent.beforeClick(node.tId.substring(0, node.tId.indexOf("_")), node, true); + apiContent.searchCur(); + } + }, + searchNode: function(e) { + var setting_zTree = $.fn.zTree.getZTreeObj("settingTree"), + treenode_zTree = $.fn.zTree.getZTreeObj("treenodeTree"), + function_zTree = $.fn.zTree.getZTreeObj("functionTree"); + if (apiContent.curKey == e.target.value) return; + apiContent.curKey = e.target.value; + var value = $.trim(apiContent.curKey); + apiContent.setSameKey(apiContent.curKey); + if (apiContent.searchKey.hasClass("empty")) { + value = ""; + apiContent.searchResultInput.removeClass("noResult").attr("value",""); + } + if (apiContent.lastValue === value) return; + + apiContent.updateNodes(false); + apiContent.lastValue = value; + if (value === "" || value.length < 2) { + apiContent.searchNodes = []; + apiContent.searchNodesCur = -1; + apiContent.searchCur(true); + return; + } + + var settingNodeList = setting_zTree.getNodesByFilter(apiContent.searchFilter); + var functionNodeList = function_zTree.getNodesByFilter(apiContent.searchFilter); + var treenodeNodeList = treenode_zTree.getNodesByFilter(apiContent.searchFilter); + apiContent.searchNodes = settingNodeList.concat(functionNodeList).concat(treenodeNodeList); + apiContent.searchNodesCur = -1; + apiContent.searchCur(); + apiContent.updateNodes(true); + }, + searchFilter: function(node) { + var value = $.trim(apiContent.searchKey.get(0).value).toLowerCase(); + return (node.showAPI && node.name.toLowerCase().indexOf(value) > -1); + }, + searchPrev: function(e) { + if (apiContent.searchPrevBtn.hasClass("disabled")) return; + apiContent.searchNodesCur--; + if (apiContent.searchNodesCur < 0 || apiContent.searchNodesCur > apiContent.searchNodes.length -1) { + apiContent.searchNodesCur = apiContent.searchNodes.length -1; + } + apiContent.openAPI(); + }, + searchNext: function(e) { + if (apiContent.searchNextBtn.hasClass("disabled")) return; + apiContent.searchNodesCur++; + apiContent.openAPI(); + }, + searchCur: function(init) { + var result = apiContent.searchNodes; + if (init) { + apiContent.searchResultInput.removeClass("noResult").attr("value",""); + } else if (result.length == 0) { + apiContent.searchResultInput.addClass("noResult").attr("value"," [ 0 / 0 ] "); + } else { + apiContent.searchResultInput.removeClass("noResult").attr("value"," [ " + (apiContent.searchNodesCur > -1 ? apiContent.searchNodesCur+1 : "?")+ " / " + result.length + " ] "); + } + if (result.length > 0) { + apiContent.searchPrevBtn.removeClass("disabled"); + apiContent.searchNextBtn.removeClass("disabled"); + } else { + apiContent.searchPrevBtn.addClass("disabled"); + apiContent.searchNextBtn.addClass("disabled"); + } + }, + updateNodes: function(highlight) { + var setting_zTree = $.fn.zTree.getZTreeObj("settingTree"), + treenode_zTree = $.fn.zTree.getZTreeObj("treenodeTree"), + function_zTree = $.fn.zTree.getZTreeObj("functionTree"), + node = null; + for( var i=0, l=apiContent.searchNodes.length; i 0) { + node.highlight = highlight; + if (node.tId.indexOf("setting") > -1) { + setting_zTree.updateNode(node); + } else if (node.tId.indexOf("treenode") > -1) { + treenode_zTree.updateNode(node); + } else { + function_zTree.updateNode(node); + } + } + } + }, + getFontCss: function(treeId, treeNode) { + return (!!treeNode.highlight) ? {color:"#A60000", "font-weight":"bold"} : {color:"#333", "font-weight":"normal"}; + }, + getTitle: function(treeId, node) { + var t = [], n = node; + while (n && !!n.t) { + t.push(n.t); + n = n.getParentNode(); + } + t = t.reverse(); + node.tt = t.join('.'); + return true; + }, + showIcon: function(treeId, node) { + return (!!node.iconSkin); + }, + onNodeCreated: function (e, treeId, node) { + var a = $("#" + node.tId + "_a"); + if (node.showAPI) { + a.attr("rel", "#overlayDiv"); + } else { + a.css({cursor: "default"}); + } + }, + beforeClick: function (treeId, node, noClear) { + if (!node.showAPI) return false; + var o = $("#" + node.tId + "_a"); + if (!!apiContent.apiCache[node.tId]) { + apiContent.tmpDiv.html(apiContent.apiCache[node.tId]); + apiContent.overlayShow(o, (apiContent.lastNode === node)); + } else { + apiContent.overlayAjax(treeId, node); + } + apiContent.lastNode = node; + if (node.tId.indexOf("settingTree")>-1) { + apiContent.settingDiv.removeClass("right").addClass("left"); + apiContent.functionDiv.removeClass("left").addClass("right"); + } else { + apiContent.settingDiv.removeClass("left").addClass("right"); + apiContent.functionDiv.removeClass("right").addClass("left"); + } + + if (!noClear) { + apiContent.clearSelectedNode(); + } + return true; + }, + clearSelectedNode: function() { + apiContent.zTree_Setting.cancelSelectedNode(); + apiContent.zTree_Node.cancelSelectedNode(); + apiContent.zTree_Function.cancelSelectedNode(); + }, + overlayAutoClose: function(e) { + var eId = e.target.id, eRel = e.target.getAttribute("rel"), eClass = e.target.className; + if (eId === "overlayDiv" || eId === "overlayDivArrow" || eClass.indexOf("searchPrev") > -1 || eClass.indexOf("searchNext") > -1 || !!eRel) return; + if (!$(e.target).parents("[rel]").length && !$(e.target).parents("#overlayDiv").length) { + apiContent.overlayClose(); + } + }, + overlayClose: function() { + var o = apiContent.overlayDiv; + o.stop(); + apiContent.clearSelectedNode(); + if (ie) { + o.hide(); + } else { + setTimeout(function() {o.fadeTo("fast", 0, function(){o.hide();})}, 200); + } + $(document).unbind("click", apiContent.overlayAutoClose); + }, + overlayShow: function(target, isSameNode) { + var w = $(window), o = apiContent.overlayDiv, a = apiContent.overlayArrow, + oc = apiContent.overlayContent, c = apiContent.contentBoxDiv, + t = target.offset().top - 30, + cMaxLeft = c.offset().left + c.outerWidth({margin:true}) - o.outerWidth({margin:true}) - 10, + l = Math.min(cMaxLeft, target.offset().left + target.width() + 40), + arrowT = target.offset().top + 16, + wMinTop = 100, footerHeight = 50, onlyFade = false, + wHeight = w.height(), wScrollTop=w.scrollTop(), wMaxTop = wHeight + wScrollTop - footerHeight; + if (!apiContent.overlayMaxTop) { + apiContent.overlayMaxTop = apiContent.contentBoxDiv.offset().top + apiContent.contentBoxDiv.height(); + } + o.stop(); + if (o.css("display") !== "block") { + o.css({top: t, left: l}); + a.css({top:arrowT - t}); + $(document).bind("click", apiContent.overlayAutoClose); + } + if (ie) { + onlyFade = true; + o.show(); + } else { + o.fadeTo("fast", 1); + } + + var h = apiContent.tmpDiv.outerHeight({margin:true}) + apiContent.overlaySearch.outerHeight(); + if ((t + h) > wMaxTop) { + t = wMaxTop - h; + } + if ((t + h) > apiContent.overlayMaxTop) { + t = apiContent.overlayMaxTop - h; + } + t = Math.max(t, wScrollTop, wMinTop); + if ((t + h) > ($("body").height()-footerHeight-20)) { + o.css("padding-bottom", footerHeight + "px"); + } else { + o.css("padding-bottom", "0"); + } + apiContent.overlayDetailDiv.empty(); + apiContent.overlayDetailDiv.append(apiContent.tmpDiv.children()); + if (!onlyFade) { + onlyFade = (isSameNode && t === parseInt(o.css("top").replace("px", ""))); + } + + a.removeClass("reverse"); + if ( (arrowT - t) > (h-55) ) { + a.addClass("reverse"); + arrowT -= 55; + } + + if (onlyFade) { + o.css({top: t, left: l}); + oc.css({height: h}); + a.css({top:arrowT - t}); + } else { + o.animate({top: t, left: l}, {duration: "normal",easing: "swing", complete:null}); + oc.animate({height: h}, {duration: "fast",easing: "swing", complete:null}); + a.animate({top:arrowT - t}, {duration: "normal",easing: "linear", complete:null}); + } + }, + overlayAjax: function(treeId, node) { + var o = $("#" + node.tId + "_a"); + if (node.isAjax) return; + node.isAjax = true; + $.ajax({ + type: "get", + url: "" + lang + "/" + node.tt.replace("$.", "") + ".html", + data: null, + dataType: "text", + success: function(msg) { + if (!apiContent.tmpDiv) { + var tmpDiv = $(document.createElement("div")); + tmpDiv.addClass("baby_overlay_tmp"); + $("body").append(tmpDiv) + apiContent.tmpDiv = $(document.createElement("div")); + apiContent.tmpDiv.addClass("details"); + tmpDiv.append(apiContent.tmpDiv); + + } else { + apiContent.tmpDiv.empty(); + } + apiContent.tmpDiv.html(msg); + apiContent.overlayShow(o, false); + apiContent.apiCache[node.tId] = msg; + node.isAjax = false; + }, + error: function(XMLHttpRequest, textStatus, errorThrown) { + alert(ajaxMsg) + if (apiContent.tmpDiv) apiContent.tmpDiv.empty(); + node.isAjax = false; + } + }); + } +} \ No newline at end of file diff --git a/js/zTree_v3/api/apiCss/common.css b/js/zTree_v3/api/apiCss/common.css new file mode 100755 index 0000000..bc26d59 --- /dev/null +++ b/js/zTree_v3/api/apiCss/common.css @@ -0,0 +1,218 @@ +/* Resets */ +html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { + margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;} +:focus {outline: 0;} +body {color: #2f332a;font: 15px/21px Arial, Helvetica, simsun, sans-serif;background: #528036 url(img/background.jpg) no-repeat fixed 0 0;} +p {padding-bottom: 20px;} +ol, ul {list-style: none;} +table {border-collapse: separate;border-spacing: 0;} +caption, th, td {text-align: left;font-weight: normal;} +strong {font-weight: bold;} +em {font-style: italic;} +hr {display: none;} +.font1 {color: white;background-color: #528036;} +.right {float: right;} +.left {float: left;} +.hide {display: none;} +.round {-moz-border-radius: 15px;-webkit-border-radius: 15px;-khtml-border-radius: 15px;border-radius: 15px;} +.clear {clear: both;} +.clearfix {display: block;} +.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} +html[xmlns] .clearfix {display: block;} +* html .clearfix {height: 1%;} + +/* Link Styles */ +a {color: #528036;} +a:link, a:visited {text-decoration: none;} +a:hover {color: #000;text-decoration: none;} +a:active {text-decoration: none;} + +/* Headings */ +h1, h2, h3, h4, h5, h6 {color: #2f332a;font-weight: bold;font-family: Helvetica, Arial, simsun, sans-serif;padding-bottom: 5px;} +h1 {font-size: 36px;line-height: 44px;} +h2 {font-size: 20px;line-height: 20px;} +h3 {font-size: 14px;line-height: 14px;} +h4 {font-size: 14px;font-weight: normal;line-height: 25px;} + +/* Wraps */ +.header_wrap {position: relative;min-width: 940px;padding: 100px 30px 0 30px;} +.content_wrap {position: relative;min-width: 940px;padding: 0 30px 50px 30px;} +.footer_wrap {bottom: 0;height: 47px;width: 100%;background-color: #1b1b1b;border-top: 1px solid #749e58;} + +/* Header */ +.header {position: relative;width: 940px;margin: 0 auto;height: 160px;border: 1px solid white;background: transparent url(img/header-bg.png) repeat-x 0 -50px;} +.header-text {padding: 40px 25px 15px 120px;font-size: 18px;line-height: 24px;color: #747d67;font-family: Helvetica, sans-serif;} +.header-text img {padding-bottom: 5px;} +.shortcuts {white-space: nowrap;text-align: right;position: absolute;top: -45px;right: 5px;} +.shortcuts.language {top: -85px;right:0px;} +.shortcuts li {display: inline;font-size: 18px;line-height: 28px;font-family: Helvetica, Arial, simsun, sans-serif;padding-bottom: 5px;margin-left: 30px;cursor: pointer;} +.shortcuts li button {cursor: pointer;} +.shortcuts li span {border-bottom: 1px dotted white;} +.shortcuts li span.selected {padding: 2px;background-color: #528036;} +.shortcuts li a {color: #fff;} +.ieSuggest {display:none;font-size: 12px;color: silver;position: absolute;left: 10px;top: 2px;} +.light-bulb {position: absolute;left: -20px;bottom: -35px;width:116px;height:180px;background-image:url(img/lightbulb.png);background-repeat: no-repeat;} + +/* Content */ +.content {position: relative;width: 940px;margin: 0 auto;} +.nav_section {position: relative;height: 20px;font-family: "Myriad Pro", "Trebuchet MS", sans-serif;font-size: 15px;color: #253;padding: 20px 0;} +.nav_section ul {position: absolute;right: 10px;} +.nav_section ul li {display: inline;line-height: 20px;margin: 0 5px 0 20px;border-bottom: 1px dotted white;} +.nav_section ul li.noline {border-bottom: 0;} +.nav_section ul li a {color: #fff;} +.nav_section ul li a.selected {padding: 2px;background-color: #528036;} +.nav_section ul li.first {border: none;} +.content .title {margin: 50px 30px 20px 70px;} +.content li {margin-bottom: 5px;} +.contentBox {position: relative;overflow: hidden;border: 1px solid white;min-height: 200px;line-height: 25px;background: transparent url(img/contact-bg.png) repeat-x 0 0;} + +.zTreeInfo {display:none;width: 940px;position: absolute;} +.zTreeInfo p {padding-bottom: 50px;} +.zTreeInfo-left {float: left;width: 280px;height:300px;padding: 0 50px 60px 75px;background:url(img/zTreeIntroduction.jpg) no-repeat 30px 30px;} +.zTreeInfo-right {position: relative;float: right;width: 475px;padding: 0 50px 60px 0;} +.zTreeInfo-right li {font-size: 12px;list-style-type: disc;} + +.license {display:none;width: 940px;position: absolute;} + +.donateInfo {display:block;width: 940px;position: absolute;} + +.links {display:none;width: 940px;position: absolute;} +.links .content {float: left;width: 160px;height:200px;padding: 0 10px 10px 2px;text-align: center;} +.links .content.first {margin-left: 30px;} + +.contact {display:none;width: 940px;position: absolute;} +.contact .myhome { position: absolute; top:10px; left:620px; width:300px; height:266px; background: transparent url(img/myhome.gif) scroll no-repeat 0 0;} + +.siteTag {position: absolute;left: -16px;top: 109px;z-index: 10;width: 65px;height: 46px;padding:0;margin:0 10px 0 0; + vertical-align:middle;border:0 none;background: transparent url(img/siteTag.png) scroll no-repeat 0 0;} +.siteTag.tag_zTreeInfo {background-position: 0 0} +.siteTag.tag_license {background-position: 0 -46px} +.siteTag.tag_donate {background-position: 0 -92px} +.siteTag.tag_contact {background-position: 0 -138px} + +.apiContent {width: 940px;} +.apiContent .right {float: right;padding-right: 100px;} +.apiContent .left {float: left;padding-right: 20px;border-right: 1px dotted silver;} +.api_setting {position: relative;margin:20px 0 20px 20px;} +.api_function {position: relative;margin:20px 0 20px 30px;padding-right: 10px;} +.api_content_title {text-align: center;font-weight: bold;} + +.demoContent {width: 940px;} +.demoContent .right {float: right;padding: 20px;width: 600px;} +.demoContent .left {float: left;padding: 20px;} +.demoContent iframe {width:600px;min-height: 530px;} + +.faqContent {width: 940px;} +.faqContent .right {float: right;padding: 20px;width: 600px;} +.faqContent .left {float: left;padding: 20px;} +.faqContent iframe {width:600px;min-height: 300px;} + +.baby_overlay_tmp {position: absolute;top:0; left:-5000px;display:block;visibility: hidden;width:640px;font-size:11px;} +.baby_overlay_tmp .details {padding: 20px;} +.baby_overlay {display:none;position:absolute;z-index:99;left:0; top:0;width:640px;color:#fff;font-size:11px;} +.baby_overlay .content {width:100%; height:100px;overflow: hidden;background: transparent url(img/overlay_bg.png) scroll repeat 0 0;} +.baby_overlay .details {padding:0 20px 20px 20px;} +.baby_overlay .close {background-image:url(img/close.png);position:absolute; right:5px; top:5px;cursor:pointer;height:36px;width:36px;} +.baby_overlay_arrow {background-image:url(img/overlay_arrow.png);background-position:0 0;position:absolute;height:40px;width:40px;left: -40px;} +.baby_overlay_arrow.reverse {background-position:0 -40px;} + +/* Footer */ +.footer {position: relative;min-width: 1000px;font: 14px/24px arial, helvetica, sans-serif;} +.footer ul {position:absolute;left: 0px;border:1px solid #393939;background:#262626;padding:12px 0px;line-height: 18px;display: none;list-style: none;} +.footer ul li a {display:block;padding: 2px 15px;color: #9c9c9c;text-indent: 0;} +.footer ul li a:hover {text-decoration:none;color: #fff;} +.footer-logo {position:absolute;margin: 10px 0 0 30px;width:122px; height:24px;top:0; left:0;background: transparent url(img/footer-logo.png) no-repeat 0 0;} +.footer_mii {position: absolute;right: 558px;top: 8px;z-index: 10;padding: 4px 0;} +.footer_mii a {font-size:10px;color:#649140} +.footer_mii a:hover {color:#B6D76F} +.footer_siteMap {position: absolute;right: 358px;top: 8px;width: 155px;z-index: 10;padding: 4px 0;} +.footer_siteMap .footer_siteMap_header {width:155px;text-indent: -9999px;background: transparent url(img/footer_siteMap.gif) no-repeat 0 0;} +.footer_siteMap ul {top:-202px;width:180px;} +.footer_siteMap:hover ul {left: 0} +.footer_contact {position: absolute;right: 193px;top: 8px;width: 155px;z-index: 10;padding: 4px 0;} +.footer_contact .footer_contact_header {width:155px;text-indent: -9999px;background: transparent url(img/footer_contact.gif) no-repeat 0px 0px;} +.footer_contact ul {top:-113px;width:153px;} +.footer_contact:hover ul {left: 0} +.footer_download {position: absolute;right: 60px;top: 8px;width: 123px;z-index: 10;padding: 4px 0;} +.footer_download .footer_download_header {width:123px;text-indent: -9999px;background: transparent url(img/footer_download.png) no-repeat 0px 0px;} +.footer_download ul {top:-113px;width:140px;} +.footer_download:hover ul {left: 0} + +/* button icon */ +button {vertical-align:middle;border:0 none;background: transparent no-repeat 0 0 scroll;} + +.shortcuts button.ico {width:24px; height:24px;padding:0; margin:0 10px 0 0;background-image:url(img/menuIcon.png)} +.shortcuts button.home {background-position: 0 0} +.shortcuts button.demo {background-position: 0 -24px} +.shortcuts button.api {background-position: 0 -48px} +.shortcuts button.faq {background-position: 0 -72px} +.shortcuts button.donate {background-position: 0 -144px} +.shortcuts button.download {background-position: 0 -96px} +.shortcuts button.face {background-position: 0 -120px} +.shortcuts button.cn {width:48px; height:24px;padding:0; margin:0 10px 0 0;background-image:url(img/chinese.png)} +.shortcuts button.en {width:48px; height:24px;padding:0; margin:0 10px 0 0;background-image:url(img/english.png)} + +.content button.ico {width:24px; height:24px;padding:0; margin:0 10px 0 0;} + +.content button.ico16 {width:16px; height:16px;padding:0; margin:0 5px 0 0;background-image:url("img/apiMenu.png");} +button.z_core {margin-top: -4px;background-position:0 0;} +button.z_check {margin-top: -4px;background-position:0 -16px;} +button.z_edit {margin-top: -4px;background-position:0 -32px;} +button.z_hide {margin-top: -4px;background-position:0 -64px;} +button.z_search {margin-top: -4px;background-position:0 -48px;} +button.searchPrev {margin-top: -4px;background-position:-16px 0;cursor:pointer} +button.searchNext {margin-top: -4px;background-position:-16px -16px;cursor:pointer} +button.searchPrev.disabled {margin-top: -4px;background-position:-16px -32px;cursor:auto} +button.searchNext.disabled {margin-top: -4px;background-position:-16px -48px;cursor:auto} +input.search {margin:0;padding:2px 0; border:0;} +input.searchKey {width:150px;} +input.searchResult {margin-left:-3px;width:65px;text-align:right;background-color:white;color:#707070} +input.searchResult.noResult {background-color:#ff6666;color:black} +.baby_overlay div.overlaySearch {text-align:right;padding-right:50px;padding-top:12px;} + +/* api overlay*/ +.apiDetail .topLine {border-top: 1px dashed #376B29;margin-top: 5px;padding-top: 5px;} +.apiDetail .highlight_red {color:#A60000;} +.apiDetail .highlight_green {color:#A7F43D;} +.apiDetail h1, .apiDetail h2, .apiDetail h3, .apiDetail h4, .apiDetail h5, .apiDetail h6 {color: white;padding: 0;} +.apiDetail h2 {color: #A7F43D;margin: 5px auto;padding: 5px;font-size: 20px;} +.apiDetail h2 span {font-size: 14px;float: right;font-weight: normal;margin: 2px 20px 0 0;vertical-align: bottom;} +.apiDetail h2 span.path {float: left;margin: 2px 0 0 0;vertical-align: bottom;} +.apiDetail h3 {margin: 5px auto;padding: 5px;font-size: 14px;font-weight: normal;} +.apiDetail h3 span.h3_info {margin-left: 20px;font-size: 12px;} +.apiDetail h4 {margin: 0 auto;padding: 0 5px;font-size: 12px;font-weight: normal;line-height: 16px;} +.apiDetail .desc h4 {color: black;} +.apiDetail h4 b{width: 150px;display:inline-block;} +.apiDetail h4 span{width: 230px;display:inline-block;} + +.apiDetail pre, .apiDetail .desc {background: #E8FCD6;color: black;margin: 10px;padding: 10px;display: block;} +.apiDetail pre {word-wrap: break-word;} +.apiDetail p{margin-left: 5px;padding: 0;} +.apiDetail .longdesc {margin-top: 5px;} +.apiDetail .longdesc p{font-size: 12px;line-height:1.5;margin:3px 0;} +.apiDetail .longdesc b{font-size: 14px;} +.apiDetail table {border-collapse:collapse;} +.apiDetail table td {border:1px solid silver;text-align: center;vertical-align: middle;} +.apiDetail table thead td {font-weight: bold} + +.apiDetail button {width:16px; height:16px; vertical-align:middle; border:0 none; cursor: pointer; + background-color:transparent; background-repeat:no-repeat; background-attachment: scroll; + background-image:url("zTreeStyle/img/zTreeStandard.png");} + +.apiDetail button.chk {width:13px; height:13px; margin:0 3px 2px 0; cursor: auto} +.apiDetail button.chk.checkbox_false_full {background-position:0 0} +.apiDetail button.chk.checkbox_false_full_focus {background-position:0 -14px} +.apiDetail button.chk.checkbox_false_part {background-position:0 -28px} +.apiDetail button.chk.checkbox_false_part_focus {background-position:0 -42px} +.apiDetail button.chk.checkbox_true_full {background-position:-14px 0} +.apiDetail button.chk.checkbox_true_full_focus {background-position:-14px -14px} +.apiDetail button.chk.checkbox_true_part {background-position:-14px -28px} +.apiDetail button.chk.checkbox_true_part_focus {background-position:-14px -42px} +.apiDetail button.chk.radio_false_full {background-position:-28px 0} +.apiDetail button.chk.radio_false_full_focus {background-position:-28px -14px} +.apiDetail button.chk.radio_false_part {background-position:-28px -28px} +.apiDetail button.chk.radio_false_part_focus {background-position:-28px -42px} +.apiDetail button.chk.radio_true_full {background-position:-42px 0} +.apiDetail button.chk.radio_true_full_focus {background-position:-42px -14px} +.apiDetail button.chk.radio_true_part {background-position:-42px -28px} +.apiDetail button.chk.radio_true_part_focus {background-position:-42px -42px} \ No newline at end of file diff --git a/js/zTree_v3/api/apiCss/common_ie6.css b/js/zTree_v3/api/apiCss/common_ie6.css new file mode 100755 index 0000000..aacaf59 --- /dev/null +++ b/js/zTree_v3/api/apiCss/common_ie6.css @@ -0,0 +1,23 @@ +* html{ +/* background-image:url(about:blank);*/ + background-attachment:fixed; +} +html pre {word-wrap: break-word} +.header {background-image: none;background-color: #F0F6E4;} + +.ieSuggest {display:block;} +.shortcuts button.cn {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='apiCss/img/chinese.png');background-image: none;} +.shortcuts button.en {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='apiCss/img/english.png');background-image: none;} + +.light-bulb {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='apiCss/img/lightbulb.png');background-image: none;} +.contentBox {background-image: none;background-color: #F0F6E4;} +.zTreeInfo {background-image: none;background-color: #F0F6E4;} + +.content button.ico16 {*background-image:url("img/apiMenu.gif")} +.siteTag {background-image: none;} +.apiContent .right {float: right;padding-right: 50px;} + +div.baby_overlay {background-color: #3C6E31;background-image:none;color:#fff;} +div.baby_overlay .close {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='apiCss/img/overlay_close_IE6.gif');background-image: none;} +.baby_overlay_arrow {background-image:url(img/overlay_arrow.gif);} +.apiDetail button {background-image:url("img/zTreeStandard.gif")} \ No newline at end of file diff --git a/js/zTree_v3/api/apiCss/img/apiMenu.gif b/js/zTree_v3/api/apiCss/img/apiMenu.gif new file mode 100755 index 0000000..066fc8e Binary files /dev/null and b/js/zTree_v3/api/apiCss/img/apiMenu.gif differ diff --git a/js/zTree_v3/api/apiCss/img/apiMenu.png b/js/zTree_v3/api/apiCss/img/apiMenu.png new file mode 100755 index 0000000..9acec50 Binary files /dev/null and b/js/zTree_v3/api/apiCss/img/apiMenu.png differ diff --git a/js/zTree_v3/api/apiCss/img/background.jpg b/js/zTree_v3/api/apiCss/img/background.jpg new file mode 100755 index 0000000..003375f Binary files /dev/null and b/js/zTree_v3/api/apiCss/img/background.jpg differ diff --git a/js/zTree_v3/api/apiCss/img/chinese.png b/js/zTree_v3/api/apiCss/img/chinese.png new file mode 100755 index 0000000..d3b57fc Binary files /dev/null and b/js/zTree_v3/api/apiCss/img/chinese.png differ diff --git a/js/zTree_v3/api/apiCss/img/close.png b/js/zTree_v3/api/apiCss/img/close.png new file mode 100755 index 0000000..69e41e3 Binary files /dev/null and b/js/zTree_v3/api/apiCss/img/close.png differ diff --git a/js/zTree_v3/api/apiCss/img/contact-bg.png b/js/zTree_v3/api/apiCss/img/contact-bg.png new file mode 100755 index 0000000..a3d7a5f Binary files /dev/null and b/js/zTree_v3/api/apiCss/img/contact-bg.png differ diff --git a/js/zTree_v3/api/apiCss/img/english.png b/js/zTree_v3/api/apiCss/img/english.png new file mode 100755 index 0000000..2ad2d7d Binary files /dev/null and b/js/zTree_v3/api/apiCss/img/english.png differ diff --git a/js/zTree_v3/api/apiCss/img/header-bg.png b/js/zTree_v3/api/apiCss/img/header-bg.png new file mode 100755 index 0000000..a2baacf Binary files /dev/null and b/js/zTree_v3/api/apiCss/img/header-bg.png differ diff --git a/js/zTree_v3/api/apiCss/img/lightbulb.png b/js/zTree_v3/api/apiCss/img/lightbulb.png new file mode 100755 index 0000000..c99357a Binary files /dev/null and b/js/zTree_v3/api/apiCss/img/lightbulb.png differ diff --git a/js/zTree_v3/api/apiCss/img/overlay_arrow.gif b/js/zTree_v3/api/apiCss/img/overlay_arrow.gif new file mode 100755 index 0000000..e7c3e6d Binary files /dev/null and b/js/zTree_v3/api/apiCss/img/overlay_arrow.gif differ diff --git a/js/zTree_v3/api/apiCss/img/overlay_arrow.png b/js/zTree_v3/api/apiCss/img/overlay_arrow.png new file mode 100755 index 0000000..d790a11 Binary files /dev/null and b/js/zTree_v3/api/apiCss/img/overlay_arrow.png differ diff --git a/js/zTree_v3/api/apiCss/img/overlay_bg.png b/js/zTree_v3/api/apiCss/img/overlay_bg.png new file mode 100755 index 0000000..5f81ee6 Binary files /dev/null and b/js/zTree_v3/api/apiCss/img/overlay_bg.png differ diff --git a/js/zTree_v3/api/apiCss/img/overlay_close_IE6.gif b/js/zTree_v3/api/apiCss/img/overlay_close_IE6.gif new file mode 100755 index 0000000..42cb8d8 Binary files /dev/null and b/js/zTree_v3/api/apiCss/img/overlay_close_IE6.gif differ diff --git a/js/zTree_v3/api/apiCss/img/zTreeStandard.gif b/js/zTree_v3/api/apiCss/img/zTreeStandard.gif new file mode 100755 index 0000000..3f69a5b Binary files /dev/null and b/js/zTree_v3/api/apiCss/img/zTreeStandard.gif differ diff --git a/js/zTree_v3/api/apiCss/img/zTreeStandard.png b/js/zTree_v3/api/apiCss/img/zTreeStandard.png new file mode 100755 index 0000000..33c9e84 Binary files /dev/null and b/js/zTree_v3/api/apiCss/img/zTreeStandard.png differ diff --git a/js/zTree_v3/api/apiCss/jquery-1.6.2.min.js b/js/zTree_v3/api/apiCss/jquery-1.6.2.min.js new file mode 100755 index 0000000..8cdc80e --- /dev/null +++ b/js/zTree_v3/api/apiCss/jquery-1.6.2.min.js @@ -0,0 +1,18 @@ +/*! + * jQuery JavaScript Library v1.6.2 + * http://jquery.com/ + * + * Copyright 2011, John Resig + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * Includes Sizzle.js + * http://sizzlejs.com/ + * Copyright 2011, The Dojo Foundation + * Released under the MIT, BSD, and GPL Licenses. + * + * Date: Thu Jun 30 14:16:56 2011 -0400 + */ +(function(a,b){function cv(a){return f.isWindow(a)?a:a.nodeType===9?a.defaultView||a.parentWindow:!1}function cs(a){if(!cg[a]){var b=c.body,d=f("<"+a+">").appendTo(b),e=d.css("display");d.remove();if(e==="none"||e===""){ch||(ch=c.createElement("iframe"),ch.frameBorder=ch.width=ch.height=0),b.appendChild(ch);if(!ci||!ch.createElement)ci=(ch.contentWindow||ch.contentDocument).document,ci.write((c.compatMode==="CSS1Compat"?"":"")+""),ci.close();d=ci.createElement(a),ci.body.appendChild(d),e=f.css(d,"display"),b.removeChild(ch)}cg[a]=e}return cg[a]}function cr(a,b){var c={};f.each(cm.concat.apply([],cm.slice(0,b)),function(){c[this]=a});return c}function cq(){cn=b}function cp(){setTimeout(cq,0);return cn=f.now()}function cf(){try{return new a.ActiveXObject("Microsoft.XMLHTTP")}catch(b){}}function ce(){try{return new a.XMLHttpRequest}catch(b){}}function b$(a,c){a.dataFilter&&(c=a.dataFilter(c,a.dataType));var d=a.dataTypes,e={},g,h,i=d.length,j,k=d[0],l,m,n,o,p;for(g=1;g0){c!=="border"&&f.each(e,function(){c||(d-=parseFloat(f.css(a,"padding"+this))||0),c==="margin"?d+=parseFloat(f.css(a,c+this))||0:d-=parseFloat(f.css(a,"border"+this+"Width"))||0});return d+"px"}d=bx(a,b,b);if(d<0||d==null)d=a.style[b]||0;d=parseFloat(d)||0,c&&f.each(e,function(){d+=parseFloat(f.css(a,"padding"+this))||0,c!=="padding"&&(d+=parseFloat(f.css(a,"border"+this+"Width"))||0),c==="margin"&&(d+=parseFloat(f.css(a,c+this))||0)});return d+"px"}function bm(a,b){b.src?f.ajax({url:b.src,async:!1,dataType:"script"}):f.globalEval((b.text||b.textContent||b.innerHTML||"").replace(be,"/*$0*/")),b.parentNode&&b.parentNode.removeChild(b)}function bl(a){f.nodeName(a,"input")?bk(a):"getElementsByTagName"in a&&f.grep(a.getElementsByTagName("input"),bk)}function bk(a){if(a.type==="checkbox"||a.type==="radio")a.defaultChecked=a.checked}function bj(a){return"getElementsByTagName"in a?a.getElementsByTagName("*"):"querySelectorAll"in a?a.querySelectorAll("*"):[]}function bi(a,b){var c;if(b.nodeType===1){b.clearAttributes&&b.clearAttributes(),b.mergeAttributes&&b.mergeAttributes(a),c=b.nodeName.toLowerCase();if(c==="object")b.outerHTML=a.outerHTML;else if(c!=="input"||a.type!=="checkbox"&&a.type!=="radio"){if(c==="option")b.selected=a.defaultSelected;else if(c==="input"||c==="textarea")b.defaultValue=a.defaultValue}else a.checked&&(b.defaultChecked=b.checked=a.checked),b.value!==a.value&&(b.value=a.value);b.removeAttribute(f.expando)}}function bh(a,b){if(b.nodeType===1&&!!f.hasData(a)){var c=f.expando,d=f.data(a),e=f.data(b,d);if(d=d[c]){var g=d.events;e=e[c]=f.extend({},d);if(g){delete e.handle,e.events={};for(var h in g)for(var i=0,j=g[h].length;i=0===c})}function V(a){return!a||!a.parentNode||a.parentNode.nodeType===11}function N(a,b){return(a&&a!=="*"?a+".":"")+b.replace(z,"`").replace(A,"&")}function M(a){var b,c,d,e,g,h,i,j,k,l,m,n,o,p=[],q=[],r=f._data(this,"events");if(!(a.liveFired===this||!r||!r.live||a.target.disabled||a.button&&a.type==="click")){a.namespace&&(n=new RegExp("(^|\\.)"+a.namespace.split(".").join("\\.(?:.*\\.)?")+"(\\.|$)")),a.liveFired=this;var s=r.live.slice(0);for(i=0;ic)break;a.currentTarget=e.elem,a.data=e.handleObj.data,a.handleObj=e.handleObj,o=e.handleObj.origHandler.apply(e.elem,arguments);if(o===!1||a.isPropagationStopped()){c=e.level,o===!1&&(b=!1);if(a.isImmediatePropagationStopped())break}}return b}}function K(a,c,d){var e=f.extend({},d[0]);e.type=a,e.originalEvent={},e.liveFired=b,f.event.handle.call(c,e),e.isDefaultPrevented()&&d[0].preventDefault()}function E(){return!0}function D(){return!1}function m(a,c,d){var e=c+"defer",g=c+"queue",h=c+"mark",i=f.data(a,e,b,!0);i&&(d==="queue"||!f.data(a,g,b,!0))&&(d==="mark"||!f.data(a,h,b,!0))&&setTimeout(function(){!f.data(a,g,b,!0)&&!f.data(a,h,b,!0)&&(f.removeData(a,e,!0),i.resolve())},0)}function l(a){for(var b in a)if(b!=="toJSON")return!1;return!0}function k(a,c,d){if(d===b&&a.nodeType===1){var e="data-"+c.replace(j,"$1-$2").toLowerCase();d=a.getAttribute(e);if(typeof d=="string"){try{d=d==="true"?!0:d==="false"?!1:d==="null"?null:f.isNaN(d)?i.test(d)?f.parseJSON(d):d:parseFloat(d)}catch(g){}f.data(a,c,d)}else d=b}return d}var c=a.document,d=a.navigator,e=a.location,f=function(){function J(){if(!e.isReady){try{c.documentElement.doScroll("left")}catch(a){setTimeout(J,1);return}e.ready()}}var e=function(a,b){return new e.fn.init(a,b,h)},f=a.jQuery,g=a.$,h,i=/^(?:[^<]*(<[\w\W]+>)[^>]*$|#([\w\-]*)$)/,j=/\S/,k=/^\s+/,l=/\s+$/,m=/\d/,n=/^<(\w+)\s*\/?>(?:<\/\1>)?$/,o=/^[\],:{}\s]*$/,p=/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,q=/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,r=/(?:^|:|,)(?:\s*\[)+/g,s=/(webkit)[ \/]([\w.]+)/,t=/(opera)(?:.*version)?[ \/]([\w.]+)/,u=/(msie) ([\w.]+)/,v=/(mozilla)(?:.*? rv:([\w.]+))?/,w=/-([a-z])/ig,x=function(a,b){return b.toUpperCase()},y=d.userAgent,z,A,B,C=Object.prototype.toString,D=Object.prototype.hasOwnProperty,E=Array.prototype.push,F=Array.prototype.slice,G=String.prototype.trim,H=Array.prototype.indexOf,I={};e.fn=e.prototype={constructor:e,init:function(a,d,f){var g,h,j,k;if(!a)return this;if(a.nodeType){this.context=this[0]=a,this.length=1;return this}if(a==="body"&&!d&&c.body){this.context=c,this[0]=c.body,this.selector=a,this.length=1;return this}if(typeof a=="string"){a.charAt(0)!=="<"||a.charAt(a.length-1)!==">"||a.length<3?g=i.exec(a):g=[null,a,null];if(g&&(g[1]||!d)){if(g[1]){d=d instanceof e?d[0]:d,k=d?d.ownerDocument||d:c,j=n.exec(a),j?e.isPlainObject(d)?(a=[c.createElement(j[1])],e.fn.attr.call(a,d,!0)):a=[k.createElement(j[1])]:(j=e.buildFragment([g[1]],[k]),a=(j.cacheable?e.clone(j.fragment):j.fragment).childNodes);return e.merge(this,a)}h=c.getElementById(g[2]);if(h&&h.parentNode){if(h.id!==g[2])return f.find(a);this.length=1,this[0]=h}this.context=c,this.selector=a;return this}return!d||d.jquery?(d||f).find(a):this.constructor(d).find(a)}if(e.isFunction(a))return f.ready(a);a.selector!==b&&(this.selector=a.selector,this.context=a.context);return e.makeArray(a,this)},selector:"",jquery:"1.6.2",length:0,size:function(){return this.length},toArray:function(){return F.call(this,0)},get:function(a){return a==null?this.toArray():a<0?this[this.length+a]:this[a]},pushStack:function(a,b,c){var d=this.constructor();e.isArray(a)?E.apply(d,a):e.merge(d,a),d.prevObject=this,d.context=this.context,b==="find"?d.selector=this.selector+(this.selector?" ":"")+c:b&&(d.selector=this.selector+"."+b+"("+c+")");return d},each:function(a,b){return e.each(this,a,b)},ready:function(a){e.bindReady(),A.done(a);return this},eq:function(a){return a===-1?this.slice(a):this.slice(a,+a+1)},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},slice:function(){return this.pushStack(F.apply(this,arguments),"slice",F.call(arguments).join(","))},map:function(a){return this.pushStack(e.map(this,function(b,c){return a.call(b,c,b)}))},end:function(){return this.prevObject||this.constructor(null)},push:E,sort:[].sort,splice:[].splice},e.fn.init.prototype=e.fn,e.extend=e.fn.extend=function(){var a,c,d,f,g,h,i=arguments[0]||{},j=1,k=arguments.length,l=!1;typeof i=="boolean"&&(l=i,i=arguments[1]||{},j=2),typeof i!="object"&&!e.isFunction(i)&&(i={}),k===j&&(i=this,--j);for(;j0)return;A.resolveWith(c,[e]),e.fn.trigger&&e(c).trigger("ready").unbind("ready")}},bindReady:function(){if(!A){A=e._Deferred();if(c.readyState==="complete")return setTimeout(e.ready,1);if(c.addEventListener)c.addEventListener("DOMContentLoaded",B,!1),a.addEventListener("load",e.ready,!1);else if(c.attachEvent){c.attachEvent("onreadystatechange",B),a.attachEvent("onload",e.ready);var b=!1;try{b=a.frameElement==null}catch(d){}c.documentElement.doScroll&&b&&J()}}},isFunction:function(a){return e.type(a)==="function"},isArray:Array.isArray||function(a){return e.type(a)==="array"},isWindow:function(a){return a&&typeof a=="object"&&"setInterval"in a},isNaN:function(a){return a==null||!m.test(a)||isNaN(a)},type:function(a){return a==null?String(a):I[C.call(a)]||"object"},isPlainObject:function(a){if(!a||e.type(a)!=="object"||a.nodeType||e.isWindow(a))return!1;if(a.constructor&&!D.call(a,"constructor")&&!D.call(a.constructor.prototype,"isPrototypeOf"))return!1;var c;for(c in a);return c===b||D.call(a,c)},isEmptyObject:function(a){for(var b in a)return!1;return!0},error:function(a){throw a},parseJSON:function(b){if(typeof b!="string"||!b)return null;b=e.trim(b);if(a.JSON&&a.JSON.parse)return a.JSON.parse(b);if(o.test(b.replace(p,"@").replace(q,"]").replace(r,"")))return(new Function("return "+b))();e.error("Invalid JSON: "+b)},parseXML:function(b,c,d){a.DOMParser?(d=new DOMParser,c=d.parseFromString(b,"text/xml")):(c=new ActiveXObject("Microsoft.XMLDOM"),c.async="false",c.loadXML(b)),d=c.documentElement,(!d||!d.nodeName||d.nodeName==="parsererror")&&e.error("Invalid XML: "+b);return c},noop:function(){},globalEval:function(b){b&&j.test(b)&&(a.execScript||function(b){a.eval.call(a,b)})(b)},camelCase:function(a){return a.replace(w,x)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toUpperCase()===b.toUpperCase()},each:function(a,c,d){var f,g=0,h=a.length,i=h===b||e.isFunction(a);if(d){if(i){for(f in a)if(c.apply(a[f],d)===!1)break}else for(;g0&&a[0]&&a[j-1]||j===0||e.isArray(a));if(k)for(;i1?h.call(arguments,0):c,--e||g.resolveWith(g,h.call(b,0))}}var b=arguments,c=0,d=b.length,e=d,g=d<=1&&a&&f.isFunction(a.promise)?a:f.Deferred();if(d>1){for(;c
              a",d=a.getElementsByTagName("*"),e=a.getElementsByTagName("a")[0];if(!d||!d.length||!e)return{};g=c.createElement("select"),h=g.appendChild(c.createElement("option")),i=a.getElementsByTagName("input")[0],k={leadingWhitespace:a.firstChild.nodeType===3,tbody:!a.getElementsByTagName("tbody").length,htmlSerialize:!!a.getElementsByTagName("link").length,style:/top/.test(e.getAttribute("style")),hrefNormalized:e.getAttribute("href")==="/a",opacity:/^0.55$/.test(e.style.opacity),cssFloat:!!e.style.cssFloat,checkOn:i.value==="on",optSelected:h.selected,getSetAttribute:a.className!=="t",submitBubbles:!0,changeBubbles:!0,focusinBubbles:!1,deleteExpando:!0,noCloneEvent:!0,inlineBlockNeedsLayout:!1,shrinkWrapBlocks:!1,reliableMarginRight:!0},i.checked=!0,k.noCloneChecked=i.cloneNode(!0).checked,g.disabled=!0,k.optDisabled=!h.disabled;try{delete a.test}catch(v){k.deleteExpando=!1}!a.addEventListener&&a.attachEvent&&a.fireEvent&&(a.attachEvent("onclick",function(){k.noCloneEvent=!1}),a.cloneNode(!0).fireEvent("onclick")),i=c.createElement("input"),i.value="t",i.setAttribute("type","radio"),k.radioValue=i.value==="t",i.setAttribute("checked","checked"),a.appendChild(i),l=c.createDocumentFragment(),l.appendChild(a.firstChild),k.checkClone=l.cloneNode(!0).cloneNode(!0).lastChild.checked,a.innerHTML="",a.style.width=a.style.paddingLeft="1px",m=c.getElementsByTagName("body")[0],o=c.createElement(m?"div":"body"),p={visibility:"hidden",width:0,height:0,border:0,margin:0},m&&f.extend(p,{position:"absolute",left:-1e3,top:-1e3});for(t in p)o.style[t]=p[t];o.appendChild(a),n=m||b,n.insertBefore(o,n.firstChild),k.appendChecked=i.checked,k.boxModel=a.offsetWidth===2,"zoom"in a.style&&(a.style.display="inline",a.style.zoom=1,k.inlineBlockNeedsLayout=a.offsetWidth===2,a.style.display="",a.innerHTML="
              ",k.shrinkWrapBlocks=a.offsetWidth!==2),a.innerHTML="
              t
              ",q=a.getElementsByTagName("td"),u=q[0].offsetHeight===0,q[0].style.display="",q[1].style.display="none",k.reliableHiddenOffsets=u&&q[0].offsetHeight===0,a.innerHTML="",c.defaultView&&c.defaultView.getComputedStyle&&(j=c.createElement("div"),j.style.width="0",j.style.marginRight="0",a.appendChild(j),k.reliableMarginRight=(parseInt((c.defaultView.getComputedStyle(j,null)||{marginRight:0}).marginRight,10)||0)===0),o.innerHTML="",n.removeChild(o);if(a.attachEvent)for(t in{submit:1,change:1,focusin:1})s="on"+t,u=s in a,u||(a.setAttribute(s,"return;"),u=typeof a[s]=="function"),k[t+"Bubbles"]=u;o=l=g=h=m=j=a=i=null;return k}(),f.boxModel=f.support.boxModel;var i=/^(?:\{.*\}|\[.*\])$/,j=/([a-z])([A-Z])/g;f.extend({cache:{},uuid:0,expando:"jQuery"+(f.fn.jquery+Math.random()).replace(/\D/g,""),noData:{embed:!0,object:"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",applet:!0},hasData:function(a){a=a.nodeType?f.cache[a[f.expando]]:a[f.expando];return!!a&&!l(a)},data:function(a,c,d,e){if(!!f.acceptData(a)){var g=f.expando,h=typeof c=="string",i,j=a.nodeType,k=j?f.cache:a,l=j?a[f.expando]:a[f.expando]&&f.expando;if((!l||e&&l&&!k[l][g])&&h&&d===b)return;l||(j?a[f.expando]=l=++f.uuid:l=f.expando),k[l]||(k[l]={},j||(k[l].toJSON=f.noop));if(typeof c=="object"||typeof c=="function")e?k[l][g]=f.extend(k[l][g],c):k[l]=f.extend(k[l],c);i=k[l],e&&(i[g]||(i[g]={}),i=i[g]),d!==b&&(i[f.camelCase(c)]=d);if(c==="events"&&!i[c])return i[g]&&i[g].events;return h?i[f.camelCase(c)]||i[c]:i}},removeData:function(b,c,d){if(!!f.acceptData(b)){var e=f.expando,g=b.nodeType,h=g?f.cache:b,i=g?b[f.expando]:f.expando;if(!h[i])return;if(c){var j=d?h[i][e]:h[i];if(j){delete j[c];if(!l(j))return}}if(d){delete h[i][e];if(!l(h[i]))return}var k=h[i][e];f.support.deleteExpando||h!=a?delete h[i]:h[i]=null,k?(h[i]={},g||(h[i].toJSON=f.noop),h[i][e]=k):g&&(f.support.deleteExpando?delete b[f.expando]:b.removeAttribute?b.removeAttribute(f.expando):b[f.expando]=null)}},_data:function(a,b,c){return f.data(a,b,c,!0)},acceptData:function(a){if(a.nodeName){var b=f.noData[a.nodeName.toLowerCase()];if(b)return b!==!0&&a.getAttribute("classid")===b}return!0}}),f.fn.extend({data:function(a,c){var d=null;if(typeof a=="undefined"){if(this.length){d=f.data(this[0]);if(this[0].nodeType===1){var e=this[0].attributes,g;for(var h=0,i=e.length;h-1)return!0;return!1},val:function(a){var c,d,e=this[0];if(!arguments.length){if(e){c=f.valHooks[e.nodeName.toLowerCase()]||f.valHooks[e.type];if(c&&"get"in c&&(d=c.get(e,"value"))!==b)return d;d=e.value;return typeof d=="string"?d.replace(p,""):d==null?"":d}return b}var g=f.isFunction(a);return this.each(function(d){var e=f(this),h;if(this.nodeType===1){g?h=a.call(this,d,e.val()):h=a,h==null?h="":typeof h=="number"?h+="":f.isArray(h)&&(h=f.map(h,function(a){return a==null?"":a+""})),c=f.valHooks[this.nodeName.toLowerCase()]||f.valHooks[this.type];if(!c||!("set"in c)||c.set(this,h,"value")===b)this.value=h}})}}),f.extend({valHooks:{option:{get:function(a){var b=a.attributes.value;return!b||b.specified?a.value:a.text}},select:{get:function(a){var b,c=a.selectedIndex,d=[],e=a.options,g=a.type==="select-one";if(c<0)return null;for(var h=g?c:0,i=g?c+1:e.length;h=0}),c.length||(a.selectedIndex=-1);return c}}},attrFn:{val:!0,css:!0,html:!0,text:!0,data:!0,width:!0,height:!0,offset:!0},attrFix:{tabindex:"tabIndex"},attr:function(a,c,d,e){var g=a.nodeType;if(!a||g===3||g===8||g===2)return b;if(e&&c in f.attrFn)return f(a)[c](d);if(!("getAttribute"in a))return f.prop(a,c,d);var h,i,j=g!==1||!f.isXMLDoc(a);j&&(c=f.attrFix[c]||c,i=f.attrHooks[c],i||(t.test(c)?i=w:v&&c!=="className"&&(f.nodeName(a,"form")||u.test(c))&&(i=v)));if(d!==b){if(d===null){f.removeAttr(a,c);return b}if(i&&"set"in i&&j&&(h=i.set(a,d,c))!==b)return h;a.setAttribute(c,""+d);return d}if(i&&"get"in i&&j&&(h=i.get(a,c))!==null)return h;h=a.getAttribute(c);return h===null?b:h},removeAttr:function(a,b){var c;a.nodeType===1&&(b=f.attrFix[b]||b,f.support.getSetAttribute?a.removeAttribute(b):(f.attr(a,b,""),a.removeAttributeNode(a.getAttributeNode(b))),t.test(b)&&(c=f.propFix[b]||b)in a&&(a[c]=!1))},attrHooks:{type:{set:function(a,b){if(q.test(a.nodeName)&&a.parentNode)f.error("type property can't be changed");else if(!f.support.radioValue&&b==="radio"&&f.nodeName(a,"input")){var c=a.value;a.setAttribute("type",b),c&&(a.value=c);return b}}},tabIndex:{get:function(a){var c=a.getAttributeNode("tabIndex");return c&&c.specified?parseInt(c.value,10):r.test(a.nodeName)||s.test(a.nodeName)&&a.href?0:b}},value:{get:function(a,b){if(v&&f.nodeName(a,"button"))return v.get(a,b);return b in a?a.value:null},set:function(a,b,c){if(v&&f.nodeName(a,"button"))return v.set(a,b,c);a.value=b}}},propFix:{tabindex:"tabIndex",readonly:"readOnly","for":"htmlFor","class":"className",maxlength:"maxLength",cellspacing:"cellSpacing",cellpadding:"cellPadding",rowspan:"rowSpan",colspan:"colSpan",usemap:"useMap",frameborder:"frameBorder",contenteditable:"contentEditable"},prop:function(a,c,d){var e=a.nodeType;if(!a||e===3||e===8||e===2)return b;var g,h,i=e!==1||!f.isXMLDoc(a);i&&(c=f.propFix[c]||c,h=f.propHooks[c]);return d!==b?h&&"set"in h&&(g=h.set(a,d,c))!==b?g:a[c]=d:h&&"get"in h&&(g=h.get(a,c))!==b?g:a[c]},propHooks:{}}),w={get:function(a,c){return f.prop(a,c)?c.toLowerCase():b},set:function(a,b,c){var d;b===!1?f.removeAttr(a,c):(d=f.propFix[c]||c,d in a&&(a[d]=!0),a.setAttribute(c,c.toLowerCase()));return c}},f.support.getSetAttribute||(f.attrFix=f.propFix,v=f.attrHooks.name=f.attrHooks.title=f.valHooks.button={get:function(a,c){var d;d=a.getAttributeNode(c);return d&&d.nodeValue!==""?d.nodeValue:b},set:function(a,b,c){var d=a.getAttributeNode(c);if(d){d.nodeValue=b;return b}}},f.each(["width","height"],function(a,b){f.attrHooks[b]=f.extend(f.attrHooks[b],{set:function(a,c){if(c===""){a.setAttribute(b,"auto");return c}}})})),f.support.hrefNormalized||f.each(["href","src","width","height"],function(a,c){f.attrHooks[c]=f.extend(f.attrHooks[c],{get:function(a){var d=a.getAttribute(c,2);return d===null?b:d}})}),f.support.style||(f.attrHooks.style={get:function(a){return a.style.cssText.toLowerCase()||b},set:function(a,b){return a.style.cssText=""+b}}),f.support.optSelected||(f.propHooks.selected=f.extend(f.propHooks.selected,{get:function(a){var b=a.parentNode;b&&(b.selectedIndex,b.parentNode&&b.parentNode.selectedIndex)}})),f.support.checkOn||f.each(["radio","checkbox"],function(){f.valHooks[this]={get:function(a){return a.getAttribute("value")===null?"on":a.value}}}),f.each(["radio","checkbox"],function(){f.valHooks[this]=f.extend(f.valHooks[this],{set:function(a,b){if(f.isArray(b))return a.checked=f.inArray(f(a).val(),b)>=0}})});var x=/\.(.*)$/,y=/^(?:textarea|input|select)$/i,z=/\./g,A=/ /g,B=/[^\w\s.|`]/g,C=function(a){return a.replace(B,"\\$&")};f.event={add:function(a,c,d,e){if(a.nodeType!==3&&a.nodeType!==8){if(d===!1)d=D;else if(!d)return;var g,h;d.handler&&(g=d,d=g.handler),d.guid||(d.guid=f.guid++);var i=f._data(a);if(!i)return;var j=i.events,k=i.handle;j||(i.events=j={}),k||(i.handle=k=function(a){return typeof f!="undefined"&&(!a||f.event.triggered!==a.type)?f.event.handle.apply(k.elem,arguments):b}),k.elem=a,c=c.split(" ");var l,m=0,n;while(l=c[m++]){h=g?f.extend({},g):{handler:d,data:e},l.indexOf(".")>-1?(n=l.split("."),l=n.shift(),h.namespace=n.slice(0).sort().join(".")):(n=[],h.namespace=""),h.type=l,h.guid||(h.guid=d.guid);var o=j[l],p=f.event.special[l]||{};if(!o){o=j[l]=[];if(!p.setup||p.setup.call(a,e,n,k)===!1)a.addEventListener?a.addEventListener(l,k,!1):a.attachEvent&&a.attachEvent("on"+l,k)}p.add&&(p.add.call(a,h),h.handler.guid||(h.handler.guid=d.guid)),o.push(h),f.event.global[l]=!0}a=null}},global:{},remove:function(a,c,d,e){if(a.nodeType!==3&&a.nodeType!==8){d===!1&&(d=D);var g,h,i,j,k=0,l,m,n,o,p,q,r,s=f.hasData(a)&&f._data(a),t=s&&s.events;if(!s||!t)return;c&&c.type&&(d=c.handler,c=c.type);if(!c||typeof c=="string"&&c.charAt(0)==="."){c=c||"";for(h in t)f.event.remove(a,h+c);return}c=c.split(" ");while(h=c[k++]){r=h,q=null,l=h.indexOf(".")<0,m=[],l||(m=h.split("."),h=m.shift(),n=new RegExp("(^|\\.)"+f.map(m.slice(0).sort(),C).join("\\.(?:.*\\.)?")+"(\\.|$)")),p=t[h];if(!p)continue;if(!d){for(j=0;j=0&&(h=h.slice(0,-1),j=!0),h.indexOf(".")>=0&&(i=h.split("."),h=i. +shift(),i.sort());if(!!e&&!f.event.customEvent[h]||!!f.event.global[h]){c=typeof c=="object"?c[f.expando]?c:new f.Event(h,c):new f.Event(h),c.type=h,c.exclusive=j,c.namespace=i.join("."),c.namespace_re=new RegExp("(^|\\.)"+i.join("\\.(?:.*\\.)?")+"(\\.|$)");if(g||!e)c.preventDefault(),c.stopPropagation();if(!e){f.each(f.cache,function(){var a=f.expando,b=this[a];b&&b.events&&b.events[h]&&f.event.trigger(c,d,b.handle.elem)});return}if(e.nodeType===3||e.nodeType===8)return;c.result=b,c.target=e,d=d!=null?f.makeArray(d):[],d.unshift(c);var k=e,l=h.indexOf(":")<0?"on"+h:"";do{var m=f._data(k,"handle");c.currentTarget=k,m&&m.apply(k,d),l&&f.acceptData(k)&&k[l]&&k[l].apply(k,d)===!1&&(c.result=!1,c.preventDefault()),k=k.parentNode||k.ownerDocument||k===c.target.ownerDocument&&a}while(k&&!c.isPropagationStopped());if(!c.isDefaultPrevented()){var n,o=f.event.special[h]||{};if((!o._default||o._default.call(e.ownerDocument,c)===!1)&&(h!=="click"||!f.nodeName(e,"a"))&&f.acceptData(e)){try{l&&e[h]&&(n=e[l],n&&(e[l]=null),f.event.triggered=h,e[h]())}catch(p){}n&&(e[l]=n),f.event.triggered=b}}return c.result}},handle:function(c){c=f.event.fix(c||a.event);var d=((f._data(this,"events")||{})[c.type]||[]).slice(0),e=!c.exclusive&&!c.namespace,g=Array.prototype.slice.call(arguments,0);g[0]=c,c.currentTarget=this;for(var h=0,i=d.length;h-1?f.map(a.options,function(a){return a.selected}).join("-"):"":f.nodeName(a,"select")&&(c=a.selectedIndex);return c},J=function(c){var d=c.target,e,g;if(!!y.test(d.nodeName)&&!d.readOnly){e=f._data(d,"_change_data"),g=I(d),(c.type!=="focusout"||d.type!=="radio")&&f._data(d,"_change_data",g);if(e===b||g===e)return;if(e!=null||g)c.type="change",c.liveFired=b,f.event.trigger(c,arguments[1],d)}};f.event.special.change={filters:{focusout:J,beforedeactivate:J,click:function(a){var b=a.target,c=f.nodeName(b,"input")?b.type:"";(c==="radio"||c==="checkbox"||f.nodeName(b,"select"))&&J.call(this,a)},keydown:function(a){var b=a.target,c=f.nodeName(b,"input")?b.type:"";(a.keyCode===13&&!f.nodeName(b,"textarea")||a.keyCode===32&&(c==="checkbox"||c==="radio")||c==="select-multiple")&&J.call(this,a)},beforeactivate:function(a){var b=a.target;f._data(b,"_change_data",I(b))}},setup:function(a,b){if(this.type==="file")return!1;for(var c in H)f.event.add(this,c+".specialChange",H[c]);return y.test(this.nodeName)},teardown:function(a){f.event.remove(this,".specialChange");return y.test(this.nodeName)}},H=f.event.special.change.filters,H.focus=H.beforeactivate}f.support.focusinBubbles||f.each({focus:"focusin",blur:"focusout"},function(a,b){function e(a){var c=f.event.fix(a);c.type=b,c.originalEvent={},f.event.trigger(c,null,c.target),c.isDefaultPrevented()&&a.preventDefault()}var d=0;f.event.special[b]={setup:function(){d++===0&&c.addEventListener(a,e,!0)},teardown:function(){--d===0&&c.removeEventListener(a,e,!0)}}}),f.each(["bind","one"],function(a,c){f.fn[c]=function(a,d,e){var g;if(typeof a=="object"){for(var h in a)this[c](h,d,a[h],e);return this}if(arguments.length===2||d===!1)e=d,d=b;c==="one"?(g=function(a){f(this).unbind(a,g);return e.apply(this,arguments)},g.guid=e.guid||f.guid++):g=e;if(a==="unload"&&c!=="one")this.one(a,d,e);else for(var i=0,j=this.length;i0?this.bind(b,a,c):this.trigger(b)},f.attrFn&&(f.attrFn[b]=!0)}),function(){function u(a,b,c,d,e,f){for(var g=0,h=d.length;g0){j=i;break}}i=i[a]}d[g]=j}}}function t(a,b,c,d,e,f){for(var g=0,h=d.length;g+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g,d=0,e=Object.prototype.toString,g=!1,h=!0,i=/\\/g,j=/\W/;[0,0].sort(function(){h=!1;return 0});var k=function(b,d,f,g){f=f||[],d=d||c;var h=d;if(d.nodeType!==1&&d.nodeType!==9)return[];if(!b||typeof b!="string")return f;var i,j,n,o,q,r,s,t,u=!0,w=k.isXML(d),x=[],y=b;do{a.exec(""),i=a.exec(y);if(i){y=i[3],x.push(i[1]);if(i[2]){o=i[3];break}}}while(i);if(x.length>1&&m.exec(b))if(x.length===2&&l.relative[x[0]])j=v(x[0]+x[1],d);else{j=l.relative[x[0]]?[d]:k(x.shift(),d);while(x.length)b=x.shift(),l.relative[b]&&(b+=x.shift()),j=v(b,j)}else{!g&&x.length>1&&d.nodeType===9&&!w&&l.match.ID.test(x[0])&&!l.match.ID.test(x[x.length-1])&&(q=k.find(x.shift(),d,w),d=q.expr?k.filter(q.expr,q.set)[0]:q.set[0]);if(d){q=g?{expr:x.pop(),set:p(g)}:k.find(x.pop(),x.length===1&&(x[0]==="~"||x[0]==="+")&&d.parentNode?d.parentNode:d,w),j=q.expr?k.filter(q.expr,q.set):q.set,x.length>0?n=p(j):u=!1;while(x.length)r=x.pop(),s=r,l.relative[r]?s=x.pop():r="",s==null&&(s=d),l.relative[r](n,s,w)}else n=x=[]}n||(n=j),n||k.error(r||b);if(e.call(n)==="[object Array]")if(!u)f.push.apply(f,n);else if(d&&d.nodeType===1)for(t=0;n[t]!=null;t++)n[t]&&(n[t]===!0||n[t].nodeType===1&&k.contains(d,n[t]))&&f.push(j[t]);else for(t=0;n[t]!=null;t++)n[t]&&n[t].nodeType===1&&f.push(j[t]);else p(n,f);o&&(k(o,h,f,g),k.uniqueSort(f));return f};k.uniqueSort=function(a){if(r){g=h,a.sort(r);if(g)for(var b=1;b0},k.find=function(a,b,c){var d;if(!a)return[];for(var e=0,f=l.order.length;e":function(a,b){var c,d=typeof b=="string",e=0,f=a.length;if(d&&!j.test(b)){b=b.toLowerCase();for(;e=0)?c||d.push(h):c&&(b[g]=!1));return!1},ID:function(a){return a[1].replace(i,"")},TAG:function(a,b){return a[1].replace(i,"").toLowerCase()},CHILD:function(a){if(a[1]==="nth"){a[2]||k.error(a[0]),a[2]=a[2].replace(/^\+|\s*/g,"");var b=/(-?)(\d*)(?:n([+\-]?\d*))?/.exec(a[2]==="even"&&"2n"||a[2]==="odd"&&"2n+1"||!/\D/.test(a[2])&&"0n+"+a[2]||a[2]);a[2]=b[1]+(b[2]||1)-0,a[3]=b[3]-0}else a[2]&&k.error(a[0]);a[0]=d++;return a},ATTR:function(a,b,c,d,e,f){var g=a[1]=a[1].replace(i,"");!f&&l.attrMap[g]&&(a[1]=l.attrMap[g]),a[4]=(a[4]||a[5]||"").replace(i,""),a[2]==="~="&&(a[4]=" "+a[4]+" ");return a},PSEUDO:function(b,c,d,e,f){if(b[1]==="not")if((a.exec(b[3])||"").length>1||/^\w/.test(b[3]))b[3]=k(b[3],null,null,c);else{var g=k.filter(b[3],c,d,!0^f);d||e.push.apply(e,g);return!1}else if(l.match.POS.test(b[0])||l.match.CHILD.test(b[0]))return!0;return b},POS:function(a){a.unshift(!0);return a}},filters:{enabled:function(a){return a.disabled===!1&&a.type!=="hidden"},disabled:function(a){return a.disabled===!0},checked:function(a){return a.checked===!0},selected:function(a){a.parentNode&&a.parentNode.selectedIndex;return a.selected===!0},parent:function(a){return!!a.firstChild},empty:function(a){return!a.firstChild},has:function(a,b,c){return!!k(c[3],a).length},header:function(a){return/h\d/i.test(a.nodeName)},text:function(a){var b=a.getAttribute("type"),c=a.type;return a.nodeName.toLowerCase()==="input"&&"text"===c&&(b===c||b===null)},radio:function(a){return a.nodeName.toLowerCase()==="input"&&"radio"===a.type},checkbox:function(a){return a.nodeName.toLowerCase()==="input"&&"checkbox"===a.type},file:function(a){return a.nodeName.toLowerCase()==="input"&&"file"===a.type},password:function(a){return a.nodeName.toLowerCase()==="input"&&"password"===a.type},submit:function(a){var b=a.nodeName.toLowerCase();return(b==="input"||b==="button")&&"submit"===a.type},image:function(a){return a.nodeName.toLowerCase()==="input"&&"image"===a.type},reset:function(a){var b=a.nodeName.toLowerCase();return(b==="input"||b==="button")&&"reset"===a.type},button:function(a){var b=a.nodeName.toLowerCase();return b==="input"&&"button"===a.type||b==="button"},input:function(a){return/input|select|textarea|button/i.test(a.nodeName)},focus:function(a){return a===a.ownerDocument.activeElement}},setFilters:{first:function(a,b){return b===0},last:function(a,b,c,d){return b===d.length-1},even:function(a,b){return b%2===0},odd:function(a,b){return b%2===1},lt:function(a,b,c){return bc[3]-0},nth:function(a,b,c){return c[3]-0===b},eq:function(a,b,c){return c[3]-0===b}},filter:{PSEUDO:function(a,b,c,d){var e=b[1],f=l.filters[e];if(f)return f(a,c,b,d);if(e==="contains")return(a.textContent||a.innerText||k.getText([a])||"").indexOf(b[3])>=0;if(e==="not"){var g=b[3];for(var h=0,i=g.length;h=0}},ID:function(a,b){return a.nodeType===1&&a.getAttribute("id")===b},TAG:function(a,b){return b==="*"&&a.nodeType===1||a.nodeName.toLowerCase()===b},CLASS:function(a,b){return(" "+(a.className||a.getAttribute("class"))+" ").indexOf(b)>-1},ATTR:function(a,b){var c=b[1],d=l.attrHandle[c]?l.attrHandle[c](a):a[c]!=null?a[c]:a.getAttribute(c),e=d+"",f=b[2],g=b[4];return d==null?f==="!=":f==="="?e===g:f==="*="?e.indexOf(g)>=0:f==="~="?(" "+e+" ").indexOf(g)>=0:g?f==="!="?e!==g:f==="^="?e.indexOf(g)===0:f==="$="?e.substr(e.length-g.length)===g:f==="|="?e===g||e.substr(0,g.length+1)===g+"-":!1:e&&d!==!1},POS:function(a,b,c,d){var e=b[2],f=l.setFilters[e];if(f)return f(a,c,b,d)}}},m=l.match.POS,n=function(a,b){return"\\"+(b-0+1)};for(var o in l.match)l.match[o]=new RegExp(l.match[o].source+/(?![^\[]*\])(?![^\(]*\))/.source),l.leftMatch[o]=new RegExp(/(^(?:.|\r|\n)*?)/.source+l.match[o].source.replace(/\\(\d+)/g,n));var p=function(a,b){a=Array.prototype.slice.call(a,0);if(b){b.push.apply(b,a);return b}return a};try{Array.prototype.slice.call(c.documentElement.childNodes,0)[0].nodeType}catch(q){p=function(a,b){var c=0,d=b||[];if(e.call(a)==="[object Array]")Array.prototype.push.apply(d,a);else if(typeof a.length=="number")for(var f=a.length;c",e.insertBefore(a,e.firstChild),c.getElementById(d)&&(l.find.ID=function(a,c,d){if(typeof c.getElementById!="undefined"&&!d){var e=c.getElementById(a[1]);return e?e.id===a[1]||typeof e.getAttributeNode!="undefined"&&e.getAttributeNode("id").nodeValue===a[1]?[e]:b:[]}},l.filter.ID=function(a,b){var c=typeof a.getAttributeNode!="undefined"&&a.getAttributeNode("id");return a.nodeType===1&&c&&c.nodeValue===b}),e.removeChild(a),e=a=null}(),function(){var a=c.createElement("div");a.appendChild(c.createComment("")),a.getElementsByTagName("*").length>0&&(l.find.TAG=function(a,b){var c=b.getElementsByTagName(a[1]);if(a[1]==="*"){var d=[];for(var e=0;c[e];e++)c[e].nodeType===1&&d.push(c[e]);c=d}return c}),a.innerHTML="",a.firstChild&&typeof a.firstChild.getAttribute!="undefined"&&a.firstChild.getAttribute("href")!=="#"&&(l.attrHandle.href=function(a){return a.getAttribute("href",2)}),a=null}(),c.querySelectorAll&&function(){var a=k,b=c.createElement("div"),d="__sizzle__";b.innerHTML="

              ";if(!b.querySelectorAll||b.querySelectorAll(".TEST").length!==0){k=function(b,e,f,g){e=e||c;if(!g&&!k.isXML(e)){var h=/^(\w+$)|^\.([\w\-]+$)|^#([\w\-]+$)/.exec(b);if(h&&(e.nodeType===1||e.nodeType===9)){if(h[1])return p(e.getElementsByTagName(b),f);if(h[2]&&l.find.CLASS&&e.getElementsByClassName)return p(e.getElementsByClassName(h[2]),f)}if(e.nodeType===9){if(b==="body"&&e.body)return p([e.body],f);if(h&&h[3]){var i=e.getElementById(h[3]);if(!i||!i.parentNode)return p([],f);if(i.id===h[3])return p([i],f)}try{return p(e.querySelectorAll(b),f)}catch(j){}}else if(e.nodeType===1&&e.nodeName.toLowerCase()!=="object"){var m=e,n=e.getAttribute("id"),o=n||d,q=e.parentNode,r=/^\s*[+~]/.test(b);n?o=o.replace(/'/g,"\\$&"):e.setAttribute("id",o),r&&q&&(e=e.parentNode);try{if(!r||q)return p(e.querySelectorAll("[id='"+o+"'] "+b),f)}catch(s){}finally{n||m.removeAttribute("id")}}}return a(b,e,f,g)};for(var e in a)k[e]=a[e];b=null}}(),function(){var a=c.documentElement,b=a.matchesSelector||a.mozMatchesSelector||a.webkitMatchesSelector||a.msMatchesSelector;if(b){var d=!b.call(c.createElement("div"),"div"),e=!1;try{b.call(c.documentElement,"[test!='']:sizzle")}catch(f){e=!0}k.matchesSelector=function(a,c){c=c.replace(/\=\s*([^'"\]]*)\s*\]/g,"='$1']");if(!k.isXML(a))try{if(e||!l.match.PSEUDO.test(c)&&!/!=/.test(c)){var f=b.call(a,c);if(f||!d||a.document&&a.document.nodeType!==11)return f}}catch(g){}return k(c,null,null,[a]).length>0}}}(),function(){var a=c.createElement("div");a.innerHTML="
              ";if(!!a.getElementsByClassName&&a.getElementsByClassName("e").length!==0){a.lastChild.className="e";if(a.getElementsByClassName("e").length===1)return;l.order.splice(1,0,"CLASS"),l.find.CLASS=function(a,b,c){if(typeof b.getElementsByClassName!="undefined"&&!c)return b.getElementsByClassName(a[1])},a=null}}(),c.documentElement.contains?k.contains=function(a,b){return a!==b&&(a.contains?a.contains(b):!0)}:c.documentElement.compareDocumentPosition?k.contains=function(a,b){return!!(a.compareDocumentPosition(b)&16)}:k.contains=function(){return!1},k.isXML=function(a){var b=(a?a.ownerDocument||a:0).documentElement;return b?b.nodeName!=="HTML":!1};var v=function(a,b){var c,d=[],e="",f=b.nodeType?[b]:b;while(c=l.match.PSEUDO.exec(a))e+=c[0],a=a.replace(l.match.PSEUDO,"");a=l.relative[a]?a+"*":a;for(var g=0,h=f.length;g0)for(h=g;h0:this.filter(a).length>0)},closest:function(a,b){var c=[],d,e,g=this[0];if(f.isArray(a)){var h,i,j={},k=1;if(g&&a.length){for(d=0,e=a.length;d-1:f(g).is(h))&&c.push({selector:i,elem:g,level:k});g=g.parentNode,k++}}return c}var l=T.test(a)||typeof a!="string"?f(a,b||this.context):0;for(d=0,e=this.length;d-1:f.find.matchesSelector(g,a)){c.push(g);break}g=g.parentNode;if(!g||!g.ownerDocument||g===b||g.nodeType===11)break}}c=c.length>1?f.unique(c):c;return this.pushStack(c,"closest",a)},index:function(a){if(!a||typeof a=="string")return f.inArray(this[0],a?f(a):this.parent().children());return f.inArray(a.jquery?a[0]:a,this)},add:function(a,b){var c=typeof a=="string"?f(a,b):f.makeArray(a&&a.nodeType?[a]:a),d=f.merge(this.get(),c);return this.pushStack(V(c[0])||V(d[0])?d:f.unique(d))},andSelf:function(){return this.add(this.prevObject)}}),f.each({parent:function(a){var b=a.parentNode;return b&&b.nodeType!==11?b:null},parents:function(a){return f.dir(a,"parentNode")},parentsUntil:function(a,b,c){return f.dir(a,"parentNode",c)},next:function(a){return f.nth(a,2,"nextSibling")},prev:function(a){return f.nth(a,2,"previousSibling")},nextAll:function(a){return f.dir(a,"nextSibling")},prevAll:function(a){return f.dir(a,"previousSibling")},nextUntil:function(a,b,c){return f.dir(a,"nextSibling",c)},prevUntil:function(a,b,c){return f.dir(a,"previousSibling",c)},siblings:function(a){return f.sibling(a.parentNode.firstChild,a)},children:function(a){return f.sibling(a.firstChild)},contents:function(a){return f.nodeName(a,"iframe")?a.contentDocument||a.contentWindow.document:f.makeArray(a.childNodes)}},function(a,b){f.fn[a]=function(c,d){var e=f.map(this,b,c),g=S.call(arguments);O.test(a)||(d=c),d&&typeof d=="string"&&(e=f.filter(d,e)),e=this.length>1&&!U[a]?f.unique(e):e,(this.length>1||Q.test(d))&&P.test(a)&&(e=e.reverse());return this.pushStack(e,a,g.join(","))}}),f.extend({filter:function(a,b,c){c&&(a=":not("+a+")");return b.length===1?f.find.matchesSelector(b[0],a)?[b[0]]:[]:f.find.matches(a,b)},dir:function(a,c,d){var e=[],g=a[c];while(g&&g.nodeType!==9&&(d===b||g.nodeType!==1||!f(g).is(d)))g.nodeType===1&&e.push(g),g=g[c];return e},nth:function(a,b,c,d){b=b||1;var e=0;for(;a;a=a[c])if(a.nodeType===1&&++e===b)break;return a},sibling:function(a,b){var c=[];for(;a;a=a.nextSibling)a.nodeType===1&&a!==b&&c.push(a);return c}});var X=/ jQuery\d+="(?:\d+|null)"/g,Y=/^\s+/,Z=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,$=/<([\w:]+)/,_=/",""],legend:[1,"
              ","
              "],thead:[1,"","
              "],tr:[2,"","
              "],td:[3,"","
              "],col:[2,"","
              "],area:[1,"",""],_default:[0,"",""]};bf.optgroup=bf.option,bf.tbody=bf.tfoot=bf.colgroup=bf.caption=bf.thead,bf.th=bf.td,f.support.htmlSerialize||(bf._default=[1,"div
              ","
              "]),f.fn.extend({text:function(a){if(f.isFunction(a))return this.each(function(b){var c=f(this);c.text(a.call(this,b,c.text()))});if(typeof a!="object"&&a!==b)return this.empty().append((this[0]&&this[0].ownerDocument||c).createTextNode(a));return f.text(this)},wrapAll:function(a){if(f.isFunction(a))return this.each(function(b){f(this).wrapAll(a.call(this,b))});if(this[0]){var b=f(a,this[0].ownerDocument).eq(0).clone(!0);this[0].parentNode&&b.insertBefore(this[0]),b.map(function(){var a=this;while(a.firstChild&&a.firstChild.nodeType===1)a=a.firstChild;return a}).append(this)}return this},wrapInner:function(a){if(f.isFunction(a))return this.each(function(b){f(this).wrapInner(a.call(this,b))});return this.each(function(){var b=f(this),c=b.contents();c.length?c.wrapAll(a):b.append(a)})},wrap:function(a){return this.each(function(){f(this).wrapAll(a)})},unwrap:function(){return this.parent().each(function(){f.nodeName(this,"body")||f(this).replaceWith(this.childNodes)}).end()},append:function(){return this.domManip(arguments,!0,function(a){this.nodeType===1&&this.appendChild(a)})},prepend:function(){return this.domManip(arguments,!0,function(a){this.nodeType===1&&this.insertBefore(a,this.firstChild)})},before:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,!1,function(a){this.parentNode.insertBefore(a,this)});if(arguments.length){var a=f(arguments[0]);a.push.apply(a,this.toArray());return this.pushStack(a,"before",arguments)}},after:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,!1,function(a){this.parentNode.insertBefore(a,this.nextSibling)});if(arguments.length){var a=this.pushStack(this,"after",arguments);a.push.apply(a,f(arguments[0]).toArray());return a}},remove:function(a,b){for(var c=0,d;(d=this[c])!=null;c++)if(!a||f.filter(a,[d]).length)!b&&d.nodeType===1&&(f.cleanData(d.getElementsByTagName("*")),f.cleanData([d])),d.parentNode&&d.parentNode.removeChild(d);return this},empty:function(){for(var a=0,b;(b=this[a])!=null;a++){b.nodeType===1&&f.cleanData(b.getElementsByTagName("*"));while(b.firstChild)b.removeChild(b.firstChild)}return this},clone:function(a,b){a=a==null?!1:a,b=b==null?a:b;return this.map(function(){return f.clone(this,a,b)})},html:function(a){if(a===b)return this[0]&&this[0].nodeType===1?this[0].innerHTML.replace(X,""):null;if(typeof a=="string"&&!bb.test(a)&&(f.support.leadingWhitespace||!Y.test(a))&&!bf[($.exec(a)||["",""])[1].toLowerCase()]){a=a.replace(Z,"<$1>");try{for(var c=0,d=this.length;c1&&l0?this.clone(!0):this).get();f(e[h])[b](j),d=d.concat(j +)}return this.pushStack(d,a,e.selector)}}),f.extend({clone:function(a,b,c){var d=a.cloneNode(!0),e,g,h;if((!f.support.noCloneEvent||!f.support.noCloneChecked)&&(a.nodeType===1||a.nodeType===11)&&!f.isXMLDoc(a)){bi(a,d),e=bj(a),g=bj(d);for(h=0;e[h];++h)bi(e[h],g[h])}if(b){bh(a,d);if(c){e=bj(a),g=bj(d);for(h=0;e[h];++h)bh(e[h],g[h])}}e=g=null;return d},clean:function(a,b,d,e){var g;b=b||c,typeof b.createElement=="undefined"&&(b=b.ownerDocument||b[0]&&b[0].ownerDocument||c);var h=[],i;for(var j=0,k;(k=a[j])!=null;j++){typeof k=="number"&&(k+="");if(!k)continue;if(typeof k=="string")if(!ba.test(k))k=b.createTextNode(k);else{k=k.replace(Z,"<$1>");var l=($.exec(k)||["",""])[1].toLowerCase(),m=bf[l]||bf._default,n=m[0],o=b.createElement("div");o.innerHTML=m[1]+k+m[2];while(n--)o=o.lastChild;if(!f.support.tbody){var p=_.test(k),q=l==="table"&&!p?o.firstChild&&o.firstChild.childNodes:m[1]===""&&!p?o.childNodes:[];for(i=q.length-1;i>=0;--i)f.nodeName(q[i],"tbody")&&!q[i].childNodes.length&&q[i].parentNode.removeChild(q[i])}!f.support.leadingWhitespace&&Y.test(k)&&o.insertBefore(b.createTextNode(Y.exec(k)[0]),o.firstChild),k=o.childNodes}var r;if(!f.support.appendChecked)if(k[0]&&typeof (r=k.length)=="number")for(i=0;i=0)return b+"px"}}}),f.support.opacity||(f.cssHooks.opacity={get:function(a,b){return bo.test((b&&a.currentStyle?a.currentStyle.filter:a.style.filter)||"")?parseFloat(RegExp.$1)/100+"":b?"1":""},set:function(a,b){var c=a.style,d=a.currentStyle;c.zoom=1;var e=f.isNaN(b)?"":"alpha(opacity="+b*100+")",g=d&&d.filter||c.filter||"";c.filter=bn.test(g)?g.replace(bn,e):g+" "+e}}),f(function(){f.support.reliableMarginRight||(f.cssHooks.marginRight={get:function(a,b){var c;f.swap(a,{display:"inline-block"},function(){b?c=bx(a,"margin-right","marginRight"):c=a.style.marginRight});return c}})}),c.defaultView&&c.defaultView.getComputedStyle&&(by=function(a,c){var d,e,g;c=c.replace(bp,"-$1").toLowerCase();if(!(e=a.ownerDocument.defaultView))return b;if(g=e.getComputedStyle(a,null))d=g.getPropertyValue(c),d===""&&!f.contains(a.ownerDocument.documentElement,a)&&(d=f.style(a,c));return d}),c.documentElement.currentStyle&&(bz=function(a,b){var c,d=a.currentStyle&&a.currentStyle[b],e=a.runtimeStyle&&a.runtimeStyle[b],f=a.style;!bq.test(d)&&br.test(d)&&(c=f.left,e&&(a.runtimeStyle.left=a.currentStyle.left),f.left=b==="fontSize"?"1em":d||0,d=f.pixelLeft+"px",f.left=c,e&&(a.runtimeStyle.left=e));return d===""?"auto":d}),bx=by||bz,f.expr&&f.expr.filters&&(f.expr.filters.hidden=function(a){var b=a.offsetWidth,c=a.offsetHeight;return b===0&&c===0||!f.support.reliableHiddenOffsets&&(a.style.display||f.css(a,"display"))==="none"},f.expr.filters.visible=function(a){return!f.expr.filters.hidden(a)});var bB=/%20/g,bC=/\[\]$/,bD=/\r?\n/g,bE=/#.*$/,bF=/^(.*?):[ \t]*([^\r\n]*)\r?$/mg,bG=/^(?:color|date|datetime|email|hidden|month|number|password|range|search|tel|text|time|url|week)$/i,bH=/^(?:about|app|app\-storage|.+\-extension|file|widget):$/,bI=/^(?:GET|HEAD)$/,bJ=/^\/\//,bK=/\?/,bL=/)<[^<]*)*<\/script>/gi,bM=/^(?:select|textarea)/i,bN=/\s+/,bO=/([?&])_=[^&]*/,bP=/^([\w\+\.\-]+:)(?:\/\/([^\/?#:]*)(?::(\d+))?)?/,bQ=f.fn.load,bR={},bS={},bT,bU;try{bT=e.href}catch(bV){bT=c.createElement("a"),bT.href="",bT=bT.href}bU=bP.exec(bT.toLowerCase())||[],f.fn.extend({load:function(a,c,d){if(typeof a!="string"&&bQ)return bQ.apply(this,arguments);if(!this.length)return this;var e=a.indexOf(" ");if(e>=0){var g=a.slice(e,a.length);a=a.slice(0,e)}var h="GET";c&&(f.isFunction(c)?(d=c,c=b):typeof c=="object"&&(c=f.param(c,f.ajaxSettings.traditional),h="POST"));var i=this;f.ajax({url:a,type:h,dataType:"html",data:c,complete:function(a,b,c){c=a.responseText,a.isResolved()&&(a.done(function(a){c=a}),i.html(g?f("
              ").append(c.replace(bL,"")).find(g):c)),d&&i.each(d,[c,b,a])}});return this},serialize:function(){return f.param(this.serializeArray())},serializeArray:function(){return this.map(function(){return this.elements?f.makeArray(this.elements):this}).filter(function(){return this.name&&!this.disabled&&(this.checked||bM.test(this.nodeName)||bG.test(this.type))}).map(function(a,b){var c=f(this).val();return c==null?null:f.isArray(c)?f.map(c,function(a,c){return{name:b.name,value:a.replace(bD,"\r\n")}}):{name:b.name,value:c.replace(bD,"\r\n")}}).get()}}),f.each("ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split(" "),function(a,b){f.fn[b]=function(a){return this.bind(b,a)}}),f.each(["get","post"],function(a,c){f[c]=function(a,d,e,g){f.isFunction(d)&&(g=g||e,e=d,d=b);return f.ajax({type:c,url:a,data:d,success:e,dataType:g})}}),f.extend({getScript:function(a,c){return f.get(a,b,c,"script")},getJSON:function(a,b,c){return f.get(a,b,c,"json")},ajaxSetup:function(a,b){b?f.extend(!0,a,f.ajaxSettings,b):(b=a,a=f.extend(!0,f.ajaxSettings,b));for(var c in{context:1,url:1})c in b?a[c]=b[c]:c in f.ajaxSettings&&(a[c]=f.ajaxSettings[c]);return a},ajaxSettings:{url:bT,isLocal:bH.test(bU[1]),global:!0,type:"GET",contentType:"application/x-www-form-urlencoded",processData:!0,async:!0,accepts:{xml:"application/xml, text/xml",html:"text/html",text:"text/plain",json:"application/json, text/javascript","*":"*/*"},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText"},converters:{"* text":a.String,"text html":!0,"text json":f.parseJSON,"text xml":f.parseXML}},ajaxPrefilter:bW(bR),ajaxTransport:bW(bS),ajax:function(a,c){function w(a,c,l,m){if(s!==2){s=2,q&&clearTimeout(q),p=b,n=m||"",v.readyState=a?4:0;var o,r,u,w=l?bZ(d,v,l):b,x,y;if(a>=200&&a<300||a===304){if(d.ifModified){if(x=v.getResponseHeader("Last-Modified"))f.lastModified[k]=x;if(y=v.getResponseHeader("Etag"))f.etag[k]=y}if(a===304)c="notmodified",o=!0;else try{r=b$(d,w),c="success",o=!0}catch(z){c="parsererror",u=z}}else{u=c;if(!c||a)c="error",a<0&&(a=0)}v.status=a,v.statusText=c,o?h.resolveWith(e,[r,c,v]):h.rejectWith(e,[v,c,u]),v.statusCode(j),j=b,t&&g.trigger("ajax"+(o?"Success":"Error"),[v,d,o?r:u]),i.resolveWith(e,[v,c]),t&&(g.trigger("ajaxComplete",[v,d]),--f.active||f.event.trigger("ajaxStop"))}}typeof a=="object"&&(c=a,a=b),c=c||{};var d=f.ajaxSetup({},c),e=d.context||d,g=e!==d&&(e.nodeType||e instanceof f)?f(e):f.event,h=f.Deferred(),i=f._Deferred(),j=d.statusCode||{},k,l={},m={},n,o,p,q,r,s=0,t,u,v={readyState:0,setRequestHeader:function(a,b){if(!s){var c=a.toLowerCase();a=m[c]=m[c]||a,l[a]=b}return this},getAllResponseHeaders:function(){return s===2?n:null},getResponseHeader:function(a){var c;if(s===2){if(!o){o={};while(c=bF.exec(n))o[c[1].toLowerCase()]=c[2]}c=o[a.toLowerCase()]}return c===b?null:c},overrideMimeType:function(a){s||(d.mimeType=a);return this},abort:function(a){a=a||"abort",p&&p.abort(a),w(0,a);return this}};h.promise(v),v.success=v.done,v.error=v.fail,v.complete=i.done,v.statusCode=function(a){if(a){var b;if(s<2)for(b in a)j[b]=[j[b],a[b]];else b=a[v.status],v.then(b,b)}return this},d.url=((a||d.url)+"").replace(bE,"").replace(bJ,bU[1]+"//"),d.dataTypes=f.trim(d.dataType||"*").toLowerCase().split(bN),d.crossDomain==null&&(r=bP.exec(d.url.toLowerCase()),d.crossDomain=!(!r||r[1]==bU[1]&&r[2]==bU[2]&&(r[3]||(r[1]==="http:"?80:443))==(bU[3]||(bU[1]==="http:"?80:443)))),d.data&&d.processData&&typeof d.data!="string"&&(d.data=f.param(d.data,d.traditional)),bX(bR,d,c,v);if(s===2)return!1;t=d.global,d.type=d.type.toUpperCase(),d.hasContent=!bI.test(d.type),t&&f.active++===0&&f.event.trigger("ajaxStart");if(!d.hasContent){d.data&&(d.url+=(bK.test(d.url)?"&":"?")+d.data),k=d.url;if(d.cache===!1){var x=f.now(),y=d.url.replace(bO,"$1_="+x);d.url=y+(y===d.url?(bK.test(d.url)?"&":"?")+"_="+x:"")}}(d.data&&d.hasContent&&d.contentType!==!1||c.contentType)&&v.setRequestHeader("Content-Type",d.contentType),d.ifModified&&(k=k||d.url,f.lastModified[k]&&v.setRequestHeader("If-Modified-Since",f.lastModified[k]),f.etag[k]&&v.setRequestHeader("If-None-Match",f.etag[k])),v.setRequestHeader("Accept",d.dataTypes[0]&&d.accepts[d.dataTypes[0]]?d.accepts[d.dataTypes[0]]+(d.dataTypes[0]!=="*"?", */*; q=0.01":""):d.accepts["*"]);for(u in d.headers)v.setRequestHeader(u,d.headers[u]);if(d.beforeSend&&(d.beforeSend.call(e,v,d)===!1||s===2)){v.abort();return!1}for(u in{success:1,error:1,complete:1})v[u](d[u]);p=bX(bS,d,c,v);if(!p)w(-1,"No Transport");else{v.readyState=1,t&&g.trigger("ajaxSend",[v,d]),d.async&&d.timeout>0&&(q=setTimeout(function(){v.abort("timeout")},d.timeout));try{s=1,p.send(l,w)}catch(z){status<2?w(-1,z):f.error(z)}}return v},param:function(a,c){var d=[],e=function(a,b){b=f.isFunction(b)?b():b,d[d.length]=encodeURIComponent(a)+"="+encodeURIComponent(b)};c===b&&(c=f.ajaxSettings.traditional);if(f.isArray(a)||a.jquery&&!f.isPlainObject(a))f.each(a,function(){e(this.name,this.value)});else for(var g in a)bY(g,a[g],c,e);return d.join("&").replace(bB,"+")}}),f.extend({active:0,lastModified:{},etag:{}});var b_=f.now(),ca=/(\=)\?(&|$)|\?\?/i;f.ajaxSetup({jsonp:"callback",jsonpCallback:function(){return f.expando+"_"+b_++}}),f.ajaxPrefilter("json jsonp",function(b,c,d){var e=b.contentType==="application/x-www-form-urlencoded"&&typeof b.data=="string";if(b.dataTypes[0]==="jsonp"||b.jsonp!==!1&&(ca.test(b.url)||e&&ca.test(b.data))){var g,h=b.jsonpCallback=f.isFunction(b.jsonpCallback)?b.jsonpCallback():b.jsonpCallback,i=a[h],j=b.url,k=b.data,l="$1"+h+"$2";b.jsonp!==!1&&(j=j.replace(ca,l),b.url===j&&(e&&(k=k.replace(ca,l)),b.data===k&&(j+=(/\?/.test(j)?"&":"?")+b.jsonp+"="+h))),b.url=j,b.data=k,a[h]=function(a){g=[a]},d.always(function(){a[h]=i,g&&f.isFunction(i)&&a[h](g[0])}),b.converters["script json"]=function(){g||f.error(h+" was not called");return g[0]},b.dataTypes[0]="json";return"script"}}),f.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/javascript|ecmascript/},converters:{"text script":function(a){f.globalEval(a);return a}}}),f.ajaxPrefilter("script",function(a){a.cache===b&&(a.cache=!1),a.crossDomain&&(a.type="GET",a.global=!1)}),f.ajaxTransport("script",function(a){if(a.crossDomain){var d,e=c.head||c.getElementsByTagName("head")[0]||c.documentElement;return{send:function(f,g){d=c.createElement("script"),d.async="async",a.scriptCharset&&(d.charset=a.scriptCharset),d.src=a.url,d.onload=d.onreadystatechange=function(a,c){if(c||!d.readyState||/loaded|complete/.test(d.readyState))d.onload=d.onreadystatechange=null,e&&d.parentNode&&e.removeChild(d),d=b,c||g(200,"success")},e.insertBefore(d,e.firstChild)},abort:function(){d&&d.onload(0,1)}}}});var cb=a.ActiveXObject?function(){for(var a in cd)cd[a](0,1)}:!1,cc=0,cd;f.ajaxSettings.xhr=a.ActiveXObject?function(){return!this.isLocal&&ce()||cf()}:ce,function(a){f.extend(f.support,{ajax:!!a,cors:!!a&&"withCredentials"in a})}(f.ajaxSettings.xhr()),f.support.ajax&&f.ajaxTransport(function(c){if(!c.crossDomain||f.support.cors){var d;return{send:function(e,g){var h=c.xhr(),i,j;c.username?h.open(c.type,c.url,c.async,c.username,c.password):h.open(c.type,c.url,c.async);if(c.xhrFields)for(j in c.xhrFields)h[j]=c.xhrFields[j];c.mimeType&&h.overrideMimeType&&h.overrideMimeType(c.mimeType),!c.crossDomain&&!e["X-Requested-With"]&&(e["X-Requested-With"]="XMLHttpRequest");try{for(j in e)h.setRequestHeader(j,e[j])}catch(k){}h.send(c.hasContent&&c.data||null),d=function(a,e){var j,k,l,m,n;try{if(d&&(e||h.readyState===4)){d=b,i&&(h.onreadystatechange=f.noop,cb&&delete cd[i]);if(e)h.readyState!==4&&h.abort();else{j=h.status,l=h.getAllResponseHeaders(),m={},n=h.responseXML,n&&n.documentElement&&(m.xml=n),m.text=h.responseText;try{k=h.statusText}catch(o){k=""}!j&&c.isLocal&&!c.crossDomain?j=m.text?200:404:j===1223&&(j=204)}}}catch(p){e||g(-1,p)}m&&g(j,k,m,l)},!c.async||h.readyState===4?d():(i=++cc,cb&&(cd||(cd={},f(a).unload(cb)),cd[i]=d),h.onreadystatechange=d)},abort:function(){d&&d(0,1)}}}});var cg={},ch,ci,cj=/^(?:toggle|show|hide)$/,ck=/^([+\-]=)?([\d+.\-]+)([a-z%]*)$/i,cl,cm=[["height","marginTop","marginBottom","paddingTop","paddingBottom"],["width","marginLeft","marginRight","paddingLeft","paddingRight"],["opacity"]],cn,co=a.webkitRequestAnimationFrame||a.mozRequestAnimationFrame||a.oRequestAnimationFrame;f.fn.extend({show:function(a,b,c){var d,e;if(a||a===0)return this.animate(cr("show",3),a,b,c);for(var g=0,h=this.length;g=e.duration+this.startTime){this.now=this.end,this.pos=this.state=1,this.update(),e.animatedProperties[this.prop]=!0;for(g in e.animatedProperties)e.animatedProperties[g]!==!0&&(c=!1);if(c){e.overflow!=null&&!f.support.shrinkWrapBlocks&&f.each(["","X","Y"],function(a,b){d.style["overflow"+b]=e.overflow[a]}),e.hide&&f(d).hide();if(e.hide||e.show)for(var i in e.animatedProperties)f.style(d,i,e.orig[i]);e.complete.call(d)}return!1}e.duration==Infinity?this.now=b:(h=b-this.startTime,this.state=h/e.duration,this.pos=f.easing[e.animatedProperties[this.prop]](this.state,h,0,1,e.duration),this.now=this.start+(this.end-this.start)*this.pos),this.update();return!0}},f.extend(f.fx,{tick:function(){for(var a=f.timers,b=0;b
              ";f.extend(b.style,{position:"absolute",top:0,left:0,margin:0,border:0,width:"1px",height:"1px",visibility:"hidden"}),b.innerHTML=j,a.insertBefore(b,a.firstChild),d=b.firstChild,e=d.firstChild,h=d.nextSibling.firstChild.firstChild,this.doesNotAddBorder=e.offsetTop!==5,this.doesAddBorderForTableAndCells=h.offsetTop===5,e.style.position="fixed",e.style.top="20px",this.supportsFixedPosition=e.offsetTop===20||e.offsetTop===15,e.style.position=e.style.top="",d.style.overflow="hidden",d.style.position="relative",this.subtractsBorderForOverflowNotVisible=e.offsetTop===-5,this.doesNotIncludeMarginInBodyOffset=a.offsetTop!==i,a.removeChild(b),f.offset.initialize=f.noop},bodyOffset:function(a){var b=a.offsetTop,c=a.offsetLeft;f.offset.initialize(),f.offset.doesNotIncludeMarginInBodyOffset&&(b+=parseFloat(f.css(a,"marginTop"))||0,c+=parseFloat(f.css(a,"marginLeft"))||0);return{top:b,left:c}},setOffset:function(a,b,c){var d=f.css(a,"position");d==="static"&&(a.style.position="relative");var e=f(a),g=e.offset(),h=f.css(a,"top"),i=f.css(a,"left"),j=(d==="absolute"||d==="fixed")&&f.inArray("auto",[h,i])>-1,k={},l={},m,n;j?(l=e.position(),m=l.top,n=l.left):(m=parseFloat(h)||0,n=parseFloat(i)||0),f.isFunction(b)&&(b=b.call(a,c,g)),b.top!=null&&(k.top=b.top-g.top+m),b.left!=null&&(k.left=b.left-g.left+n),"using"in b?b.using.call(a,k):e.css(k)}},f.fn.extend({position:function(){if(!this[0])return null;var a=this[0],b=this.offsetParent(),c=this.offset(),d=cu.test(b[0].nodeName)?{top:0,left:0}:b.offset();c.top-=parseFloat(f.css(a,"marginTop"))||0,c.left-=parseFloat(f.css(a,"marginLeft"))||0,d.top+=parseFloat(f.css(b[0],"borderTopWidth"))||0,d.left+=parseFloat(f.css(b[0],"borderLeftWidth"))||0;return{top:c.top-d.top,left:c.left-d.left}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||c.body;while(a&&!cu.test(a.nodeName)&&f.css(a,"position")==="static")a=a.offsetParent;return a})}}),f.each(["Left","Top"],function(a,c){var d="scroll"+c;f.fn[d]=function(c){var e,g;if(c===b){e=this[0];if(!e)return null;g=cv(e);return g?"pageXOffset"in g?g[a?"pageYOffset":"pageXOffset"]:f.support.boxModel&&g.document.documentElement[d]||g.document.body[d]:e[d]}return this.each(function(){g=cv(this),g?g.scrollTo(a?f(g).scrollLeft():c,a?c:f(g).scrollTop()):this[d]=c})}}),f.each(["Height","Width"],function(a,c){var d=c.toLowerCase();f.fn["inner"+c]=function(){var a=this[0];return a&&a.style?parseFloat(f.css(a,d,"padding")):null},f.fn["outer"+c]=function(a){var b=this[0];return b&&b.style?parseFloat(f.css(b,d,a?"margin":"border")):null},f.fn[d]=function(a){var e=this[0];if(!e)return a==null?null:this;if(f.isFunction(a))return this.each(function(b){var c=f(this);c[d](a.call(this,b,c[d]()))});if(f.isWindow(e)){var g=e.document.documentElement["client"+c];return e.document.compatMode==="CSS1Compat"&&g||e.document.body["client"+c]||g}if(e.nodeType===9)return Math.max(e.documentElement["client"+c],e.body["scroll"+c],e.documentElement["scroll"+c],e.body["offset"+c],e.documentElement["offset"+c]);if(a===b){var h=f.css(e,d),i=parseFloat(h);return f.isNaN(i)?h:i}return this.css(d,typeof a=="string"?a:a+"px")}}),a.jQuery=a.$=f})(window); \ No newline at end of file diff --git a/js/zTree_v3/api/apiCss/jquery.ztree.core.js b/js/zTree_v3/api/apiCss/jquery.ztree.core.js new file mode 100755 index 0000000..0b01dc8 --- /dev/null +++ b/js/zTree_v3/api/apiCss/jquery.ztree.core.js @@ -0,0 +1,75 @@ +/* + * JQuery zTree core v3.5.40 + * http://treejs.cn/ + * + * Copyright (c) 2010 Hunter.z + * + * Licensed same as jquery - MIT License + * http://www.opensource.org/licenses/mit-license.php + * + * email: hunter.z@263.net + * Date: 2019-01-18 + */ +(function(r){var J,K,L,M,N,O,v,t={},w={},x={},P={treeId:"",treeObj:null,view:{addDiyDom:null,autoCancelSelected:!0,dblClickExpand:!0,expandSpeed:"fast",fontCss:{},nameIsHTML:!1,selectedMulti:!0,showIcon:!0,showLine:!0,showTitle:!0,txtSelectedEnable:!1},data:{key:{isParent:"isParent",children:"children",name:"name",title:"",url:"url",icon:"icon"},simpleData:{enable:!1,idKey:"id",pIdKey:"pId",rootPId:null},keep:{parent:!1,leaf:!1}},async:{enable:!1,contentType:"application/x-www-form-urlencoded",type:"post", +dataType:"text",headers:{},xhrFields:{},url:"",autoParam:[],otherParam:[],dataFilter:null},callback:{beforeAsync:null,beforeClick:null,beforeDblClick:null,beforeRightClick:null,beforeMouseDown:null,beforeMouseUp:null,beforeExpand:null,beforeCollapse:null,beforeRemove:null,onAsyncError:null,onAsyncSuccess:null,onNodeCreated:null,onClick:null,onDblClick:null,onRightClick:null,onMouseDown:null,onMouseUp:null,onExpand:null,onCollapse:null,onRemove:null}},y=[function(a){var b=a.treeObj,c=g.event;b.bind(c.NODECREATED, +function(b,c,i){h.apply(a.callback.onNodeCreated,[b,c,i])});b.bind(c.CLICK,function(b,c,i,e,k){h.apply(a.callback.onClick,[c,i,e,k])});b.bind(c.EXPAND,function(b,c,i){h.apply(a.callback.onExpand,[b,c,i])});b.bind(c.COLLAPSE,function(b,c,i){h.apply(a.callback.onCollapse,[b,c,i])});b.bind(c.ASYNC_SUCCESS,function(b,c,i,e){h.apply(a.callback.onAsyncSuccess,[b,c,i,e])});b.bind(c.ASYNC_ERROR,function(b,c,i,e,k,g){h.apply(a.callback.onAsyncError,[b,c,i,e,k,g])});b.bind(c.REMOVE,function(b,c,i){h.apply(a.callback.onRemove, +[b,c,i])});b.bind(c.SELECTED,function(b,c,i){h.apply(a.callback.onSelected,[c,i])});b.bind(c.UNSELECTED,function(b,c,i){h.apply(a.callback.onUnSelected,[c,i])})}],z=[function(a){var b=g.event;a.treeObj.unbind(b.NODECREATED).unbind(b.CLICK).unbind(b.EXPAND).unbind(b.COLLAPSE).unbind(b.ASYNC_SUCCESS).unbind(b.ASYNC_ERROR).unbind(b.REMOVE).unbind(b.SELECTED).unbind(b.UNSELECTED)}],A=[function(a){var b=e.getCache(a);b||(b={},e.setCache(a,b));b.nodes=[];b.doms=[]}],B=[function(a,b,c,d,f,i){if(c){var m= +e.getRoot(a),k=e.nodeChildren(a,c);c.level=b;c.tId=a.treeId+"_"+ ++m.zId;c.parentTId=d?d.tId:null;c.open=typeof c.open=="string"?h.eqs(c.open,"true"):!!c.open;b=e.nodeIsParent(a,c);h.isArray(k)?(e.nodeIsParent(a,c,!0),c.zAsync=!0):(b=e.nodeIsParent(a,c,b),c.open=b&&!a.async.enable?c.open:!1,c.zAsync=!b);c.isFirstNode=f;c.isLastNode=i;c.getParentNode=function(){return e.getNodeCache(a,c.parentTId)};c.getPreNode=function(){return e.getPreNode(a,c)};c.getNextNode=function(){return e.getNextNode(a,c)}; +c.getIndex=function(){return e.getNodeIndex(a,c)};c.getPath=function(){return e.getNodePath(a,c)};c.isAjaxing=!1;e.fixPIdKeyValue(a,c)}}],u=[function(a){var b=a.target,c=e.getSetting(a.data.treeId),d="",f=null,i="",m="",k=null,j=null,o=null;if(h.eqs(a.type,"mousedown"))m="mousedown";else if(h.eqs(a.type,"mouseup"))m="mouseup";else if(h.eqs(a.type,"contextmenu"))m="contextmenu";else if(h.eqs(a.type,"click"))if(h.eqs(b.tagName,"span")&&b.getAttribute("treeNode"+g.id.SWITCH)!==null)d=h.getNodeMainDom(b).id, +i="switchNode";else{if(o=h.getMDom(c,b,[{tagName:"a",attrName:"treeNode"+g.id.A}]))d=h.getNodeMainDom(o).id,i="clickNode"}else if(h.eqs(a.type,"dblclick")&&(m="dblclick",o=h.getMDom(c,b,[{tagName:"a",attrName:"treeNode"+g.id.A}])))d=h.getNodeMainDom(o).id,i="switchNode";if(m.length>0&&d.length==0&&(o=h.getMDom(c,b,[{tagName:"a",attrName:"treeNode"+g.id.A}])))d=h.getNodeMainDom(o).id;if(d.length>0)switch(f=e.getNodeCache(c,d),i){case "switchNode":e.nodeIsParent(c,f)?h.eqs(a.type,"click")||h.eqs(a.type, +"dblclick")&&h.apply(c.view.dblClickExpand,[c.treeId,f],c.view.dblClickExpand)?k=J:i="":i="";break;case "clickNode":k=K}switch(m){case "mousedown":j=L;break;case "mouseup":j=M;break;case "dblclick":j=N;break;case "contextmenu":j=O}return{stop:!1,node:f,nodeEventType:i,nodeEventCallback:k,treeEventType:m,treeEventCallback:j}}],C=[function(a){var b=e.getRoot(a);b||(b={},e.setRoot(a,b));e.nodeChildren(a,b,[]);b.expandTriggerFlag=!1;b.curSelectedList=[];b.noSelection=!0;b.createdNodes=[];b.zId=0;b._ver= +(new Date).getTime()}],D=[],E=[],F=[],G=[],H=[],e={addNodeCache:function(a,b){e.getCache(a).nodes[e.getNodeCacheId(b.tId)]=b},getNodeCacheId:function(a){return a.substring(a.lastIndexOf("_")+1)},addAfterA:function(a){E.push(a)},addBeforeA:function(a){D.push(a)},addInnerAfterA:function(a){G.push(a)},addInnerBeforeA:function(a){F.push(a)},addInitBind:function(a){y.push(a)},addInitUnBind:function(a){z.push(a)},addInitCache:function(a){A.push(a)},addInitNode:function(a){B.push(a)},addInitProxy:function(a, +b){b?u.splice(0,0,a):u.push(a)},addInitRoot:function(a){C.push(a)},addNodesData:function(a,b,c,d){var f=e.nodeChildren(a,b);f?c>=f.length&&(c=-1):(f=e.nodeChildren(a,b,[]),c=-1);if(f.length>0&&c===0)f[0].isFirstNode=!1,j.setNodeLineIcos(a,f[0]);else if(f.length>0&&c<0)f[f.length-1].isLastNode=!1,j.setNodeLineIcos(a,f[f.length-1]);e.nodeIsParent(a,b,!0);c<0?e.nodeChildren(a,b,f.concat(d)):(a=[c,0].concat(d),f.splice.apply(f,a))},addSelectedNode:function(a,b){var c=e.getRoot(a);e.isSelectedNode(a,b)|| +c.curSelectedList.push(b)},addCreatedNode:function(a,b){(a.callback.onNodeCreated||a.view.addDiyDom)&&e.getRoot(a).createdNodes.push(b)},addZTreeTools:function(a){H.push(a)},exSetting:function(a){r.extend(!0,P,a)},fixPIdKeyValue:function(a,b){a.data.simpleData.enable&&(b[a.data.simpleData.pIdKey]=b.parentTId?b.getParentNode()[a.data.simpleData.idKey]:a.data.simpleData.rootPId)},getAfterA:function(a,b,c){for(var d=0,e=E.length;d-1&&f.push(k);k=e.nodeChildren(a, +k);f=f.concat(e.getNodesByParamFuzzy(a,k,c,d))}return f},getNodesByFilter:function(a,b,c,d,f){if(!b)return d?null:[];for(var i=d?null:[],m=0,k=b.length;m0)},clone:function(a){if(a===null)return null;var b=h.isArray(a)?[]:{},c;for(c in a)b[c]=a[c]instanceof Date?new Date(a[c].getTime()):typeof a[c]==="object"?h.clone(a[c]):a[c];return b},eqs:function(a,b){return a.toLowerCase()===b.toLowerCase()},isArray:function(a){return Object.prototype.toString.apply(a)==="[object Array]"},isElement:function(a){return typeof HTMLElement==="object"?a instanceof HTMLElement:a&&typeof a==="object"&&a!==null&& +a.nodeType===1&&typeof a.nodeName==="string"},$:function(a,b,c){b&&typeof b!="string"&&(c=b,b="");return typeof a=="string"?r(a,c?c.treeObj.get(0).ownerDocument:null):r("#"+a.tId+b,c?c.treeObj:null)},getMDom:function(a,b,c){if(!b)return null;for(;b&&b.id!==a.treeId;){for(var d=0,e=c.length;b.tagName&&d0},uCanDo:function(){return!0}},j={addNodes:function(a,b,c,d,f){var i=e.nodeIsParent(a,b);if(!a.data.keep.leaf||!b||i)if(h.isArray(d)||(d=[d]),a.data.simpleData.enable&&(d=e.transformTozTreeFormat(a,d)),b){var i=l(b,g.id.SWITCH,a),m=l(b,g.id.ICON,a),k=l(b,g.id.UL,a);if(!b.open)j.replaceSwitchClass(b,i,g.folder.CLOSE),j.replaceIcoClass(b,m,g.folder.CLOSE),b.open=!1,k.css({display:"none"});e.addNodesData(a,b,c,d);j.createNodes(a,b.level+ +1,d,b,c);f||j.expandCollapseParentNode(a,b,!0)}else e.addNodesData(a,e.getRoot(a),c,d),j.createNodes(a,0,d,null,c)},appendNodes:function(a,b,c,d,f,i,g){if(!c)return[];var k=[],h=d?d:e.getRoot(a),h=e.nodeChildren(a,h),o,l;if(!h||f>=h.length-c.length)f=-1;for(var s=0,n=c.length;s0&&(l=j.appendNodes(a,b+1,I,p,-1, +i,g&&p.open));g&&(j.makeDOMNodeMainBefore(k,a,p),j.makeDOMNodeLine(k,a,p),e.getBeforeA(a,p,k),j.makeDOMNodeNameBefore(k,a,p),e.getInnerBeforeA(a,p,k),j.makeDOMNodeIcon(k,a,p),e.getInnerAfterA(a,p,k),j.makeDOMNodeNameAfter(k,a,p),e.getAfterA(a,p,k),o&&p.open&&j.makeUlHtml(a,p,k,l.join("")),j.makeDOMNodeMainAfter(k,a,p),e.addCreatedNode(a,p))}return k},appendParentULDom:function(a,b){var c=[],d=l(b,a);!d.get(0)&&b.parentTId&&(j.appendParentULDom(a,b.getParentNode()),d=l(b,a));var f=l(b,g.id.UL,a);f.get(0)&& +f.remove();f=e.nodeChildren(a,b);f=j.appendNodes(a,b.level+1,f,b,-1,!1,!0);j.makeUlHtml(a,b,c,f.join(""));d.append(c.join(""))},asyncNode:function(a,b,c,d){var f,i;f=e.nodeIsParent(a,b);if(b&&!f)return h.apply(d),!1;else if(b&&b.isAjaxing)return!1;else if(h.apply(a.callback.beforeAsync,[a.treeId,b],!0)==!1)return h.apply(d),!1;if(b)b.isAjaxing=!0,l(b,g.id.ICON,a).attr({style:"","class":g.className.BUTTON+" "+g.className.ICO_LOADING});var m={},k=h.apply(a.async.autoParam,[a.treeId,b],a.async.autoParam); +for(f=0,i=k.length;b&&f1&&(o=q[1],q=q[0]);m[o]=b[q]}k=h.apply(a.async.otherParam,[a.treeId,b],a.async.otherParam);if(h.isArray(k))for(f=0,i=k.length;f-1?JSON.stringify(m):m,dataType:a.async.dataType,headers:a.async.headers, +xhrFields:a.async.xhrFields,success:function(i){if(s==e.getRoot(a)._ver){var f=[];try{f=!i||i.length==0?[]:typeof i=="string"?eval("("+i+")"):i}catch(k){f=i}if(b)b.isAjaxing=null,b.zAsync=!0;j.setNodeLineIcos(a,b);f&&f!==""?(f=h.apply(a.async.dataFilter,[a.treeId,b,f],f),j.addNodes(a,b,-1,f?h.clone(f):[],!!c)):j.addNodes(a,b,-1,[],!!c);a.treeObj.trigger(g.event.ASYNC_SUCCESS,[a.treeId,b,i]);h.apply(d)}},error:function(c,d,i){if(s==e.getRoot(a)._ver){if(b)b.isAjaxing=null;j.setNodeLineIcos(a,b);a.treeObj.trigger(g.event.ASYNC_ERROR, +[a.treeId,b,c,d,i])}}});return!0},cancelPreSelectedNode:function(a,b,c){var d=e.getRoot(a).curSelectedList,f,i;for(f=d.length-1;f>=0;f--)if(i=d[f],b===i||!b&&(!c||c!==i))if(l(i,g.id.A,a).removeClass(g.node.CURSELECTED),b){e.removeSelectedNode(a,b);break}else d.splice(f,1),a.treeObj.trigger(g.event.UNSELECTED,[a.treeId,i])},createNodeCallback:function(a){if(a.callback.onNodeCreated||a.view.addDiyDom)for(var b=e.getRoot(a);b.createdNodes.length>0;){var c=b.createdNodes.shift();h.apply(a.view.addDiyDom, +[a.treeId,c]);a.callback.onNodeCreated&&a.treeObj.trigger(g.event.NODECREATED,[a.treeId,c])}},createNodes:function(a,b,c,d,f){if(c&&c.length!=0){var i=e.getRoot(a),m=!d||d.open||!!l(e.nodeChildren(a,d)[0],a).get(0);i.createdNodes=[];var b=j.appendNodes(a,b,c,d,f,!0,m),k,h;d?(d=l(d,g.id.UL,a),d.get(0)&&(k=d)):k=a.treeObj;k&&(f>=0&&(h=k.children()[f]),f>=0&&h?r(h).before(b.join("")):k.append(b.join("")));j.createNodeCallback(a)}},destroy:function(a){a&&(e.initCache(a),e.initRoot(a),n.unbindTree(a), +n.unbindEvent(a),a.treeObj.empty(),delete t[a.treeId])},expandCollapseNode:function(a,b,c,d,f){var i=e.getRoot(a),m;if(b){var k=e.nodeChildren(a,b),q=e.nodeIsParent(a,b);if(i.expandTriggerFlag)m=f,f=function(){m&&m();b.open?a.treeObj.trigger(g.event.EXPAND,[a.treeId,b]):a.treeObj.trigger(g.event.COLLAPSE,[a.treeId,b])},i.expandTriggerFlag=!1;if(!b.open&&q&&(!l(b,g.id.UL,a).get(0)||k&&k.length>0&&!l(k[0],a).get(0)))j.appendParentULDom(a,b),j.createNodeCallback(a);if(b.open==c)h.apply(f,[]);else{var c= +l(b,g.id.UL,a),i=l(b,g.id.SWITCH,a),o=l(b,g.id.ICON,a);q?(b.open=!b.open,b.iconOpen&&b.iconClose&&o.attr("style",j.makeNodeIcoStyle(a,b)),b.open?(j.replaceSwitchClass(b,i,g.folder.OPEN),j.replaceIcoClass(b,o,g.folder.OPEN),d==!1||a.view.expandSpeed==""?(c.show(),h.apply(f,[])):k&&k.length>0?c.slideDown(a.view.expandSpeed,f):(c.show(),h.apply(f,[]))):(j.replaceSwitchClass(b,i,g.folder.CLOSE),j.replaceIcoClass(b,o,g.folder.CLOSE),d==!1||a.view.expandSpeed==""||!(k&&k.length>0)?(c.hide(),h.apply(f,[])): +c.slideUp(a.view.expandSpeed,f))):h.apply(f,[])}}else h.apply(f,[])},expandCollapseParentNode:function(a,b,c,d,e){b&&(b.parentTId?(j.expandCollapseNode(a,b,c,d),b.parentTId&&j.expandCollapseParentNode(a,b.getParentNode(),c,d,e)):j.expandCollapseNode(a,b,c,d,e))},expandCollapseSonNode:function(a,b,c,d,f){var i=e.getRoot(a),i=b?e.nodeChildren(a,b):e.nodeChildren(a,i),g=b?!1:d,k=e.getRoot(a).expandTriggerFlag;e.getRoot(a).expandTriggerFlag=!1;if(i)for(var h=0,l=i.length;h=0;d--)if(b===c[d])return!0;return!1},makeDOMNodeIcon:function(a,b,c){var d=e.nodeName(b,c),d=b.view.nameIsHTML?d:d.replace(/&/g,"&").replace(//g,">");a.push("",d,"")},makeDOMNodeLine:function(a,b,c){a.push("")},makeDOMNodeMainAfter:function(a){a.push("")},makeDOMNodeMainBefore:function(a,b,c){a.push("
            • ")},makeDOMNodeNameAfter:function(a){a.push("")},makeDOMNodeNameBefore:function(a,b,c){var d= +e.nodeTitle(b,c),f=j.makeNodeUrl(b,c),i=j.makeNodeFontCss(b,c),m=[],k;for(k in i)m.push(k,":",i[k],";");a.push("0?"href='"+f+"'":""," target='",j.makeNodeTarget(c),"' style='",m.join(""),"'");h.apply(b.view.showTitle,[b.treeId,c],b.view.showTitle)&&d&&a.push("title='",d.replace(/'/g,"'").replace(//g,">"),"'");a.push(">")},makeNodeFontCss:function(a, +b){var c=h.apply(a.view.fontCss,[a.treeId,b],a.view.fontCss);return c&&typeof c!="function"?c:{}},makeNodeIcoClass:function(a,b){var c=["ico"];if(!b.isAjaxing){var d=e.nodeIsParent(a,b);c[0]=(b.iconSkin?b.iconSkin+"_":"")+c[0];d?c.push(b.open?g.folder.OPEN:g.folder.CLOSE):c.push(g.folder.DOCU)}return g.className.BUTTON+" "+c.join("_")},makeNodeIcoStyle:function(a,b){var c=[];if(!b.isAjaxing){var d=e.nodeIsParent(a,b)&&b.iconOpen&&b.iconClose?b.open?b.iconOpen:b.iconClose:b[a.data.key.icon];d&&c.push("background:url(", +d,") 0 0 no-repeat;");(a.view.showIcon==!1||!h.apply(a.view.showIcon,[a.treeId,b],!0))&&c.push("width:0px;height:0px;")}return c.join("")},makeNodeLineClass:function(a,b){var c=[];a.view.showLine?b.level==0&&b.isFirstNode&&b.isLastNode?c.push(g.line.ROOT):b.level==0&&b.isFirstNode?c.push(g.line.ROOTS):b.isLastNode?c.push(g.line.BOTTOM):c.push(g.line.CENTER):c.push(g.line.NOLINE);e.nodeIsParent(a,b)?c.push(b.open?g.folder.OPEN:g.folder.CLOSE):c.push(g.folder.DOCU);return j.makeNodeLineClassEx(b)+c.join("_")}, +makeNodeLineClassEx:function(a){return g.className.BUTTON+" "+g.className.LEVEL+a.level+" "+g.className.SWITCH+" "},makeNodeTarget:function(a){return a.target||"_blank"},makeNodeUrl:function(a,b){var c=a.data.key.url;return b[c]?b[c]:null},makeUlHtml:function(a,b,c,d){c.push("
                ");c.push(d);c.push("
              ")},makeUlLineClass:function(a,b){return a.view.showLine&&!b.isLastNode? +g.line.LINE:""},removeChildNodes:function(a,b){if(b){var c=e.nodeChildren(a,b);if(c){for(var d=0,f=c.length;dc.bottom||d.right>c.right||d.left0)c[0].isFirstNode= +!0},setLastNode:function(a,b){var c=e.nodeChildren(a,b);if(c.length>0)c[c.length-1].isLastNode=!0},removeNode:function(a,b){var c=e.getRoot(a),d=b.parentTId?b.getParentNode():c;b.isFirstNode=!1;b.isLastNode=!1;b.getPreNode=function(){return null};b.getNextNode=function(){return null};if(e.getNodeCache(a,b.tId)){l(b,a).remove();e.removeNodeCache(a,b);e.removeSelectedNode(a,b);for(var f=e.nodeChildren(a,d),i=0,h=f.length;i0){var q=f[i-1],i=l(q,g.id.UL,a),h=l(q,g.id.SWITCH,a);k=l(q,g.id.ICON,a);d==c?f.length==1?j.replaceSwitchClass(q,h,g.line.ROOT):(c=l(f[0],g.id.SWITCH,a),j.replaceSwitchClass(f[0],c,g.line.ROOTS),j.replaceSwitchClass(q, +h,g.line.BOTTOM)):j.replaceSwitchClass(q,h,g.line.BOTTOM);i.removeClass(g.line.LINE)}}},replaceIcoClass:function(a,b,c){if(b&&!a.isAjaxing&&(a=b.attr("class"),a!=void 0)){a=a.split("_");switch(c){case g.folder.OPEN:case g.folder.CLOSE:case g.folder.DOCU:a[a.length-1]=c}b.attr("class",a.join("_"))}},replaceSwitchClass:function(a,b,c){if(b){var d=b.attr("class");if(d!=void 0){d=d.split("_");switch(c){case g.line.ROOT:case g.line.ROOTS:case g.line.CENTER:case g.line.BOTTOM:case g.line.NOLINE:d[0]=j.makeNodeLineClassEx(a)+ +c;break;case g.folder.OPEN:case g.folder.CLOSE:case g.folder.DOCU:d[1]=c}b.attr("class",d.join("_"));c!==g.folder.DOCU?b.removeAttr("disabled"):b.attr("disabled","disabled")}}},selectNode:function(a,b,c){c||j.cancelPreSelectedNode(a,null,b);l(b,g.id.A,a).addClass(g.node.CURSELECTED);e.addSelectedNode(a,b);a.treeObj.trigger(g.event.SELECTED,[a.treeId,b])},setNodeFontCss:function(a,b){var c=l(b,g.id.A,a),d=j.makeNodeFontCss(a,b);d&&c.css(d)},setNodeLineIcos:function(a,b){if(b){var c=l(b,g.id.SWITCH, +a),d=l(b,g.id.UL,a),f=l(b,g.id.ICON,a),i=j.makeUlLineClass(a,b);i.length==0?d.removeClass(g.line.LINE):d.addClass(i);c.attr("class",j.makeNodeLineClass(a,b));e.nodeIsParent(a,b)?c.removeAttr("disabled"):c.attr("disabled","disabled");f.removeAttr("style");f.attr("style",j.makeNodeIcoStyle(a,b));f.attr("class",j.makeNodeIcoClass(a,b))}},setNodeName:function(a,b){var c=e.nodeTitle(a,b),d=l(b,g.id.SPAN,a);d.empty();a.view.nameIsHTML?d.html(e.nodeName(a,b)):d.text(e.nodeName(a,b));h.apply(a.view.showTitle, +[a.treeId,b],a.view.showTitle)&&l(b,g.id.A,a).attr("title",!c?"":c)},setNodeTarget:function(a,b){l(b,g.id.A,a).attr("target",j.makeNodeTarget(b))},setNodeUrl:function(a,b){var c=l(b,g.id.A,a),d=j.makeNodeUrl(a,b);d==null||d.length==0?c.removeAttr("href"):c.attr("href",d)},switchNode:function(a,b){b.open||!h.canAsync(a,b)?j.expandCollapseNode(a,b,!b.open):a.async.enable?j.asyncNode(a,b)||j.expandCollapseNode(a,b,!b.open):b&&j.expandCollapseNode(a,b,!b.open)}};r.fn.zTree={consts:{className:{BUTTON:"button", +LEVEL:"level",ICO_LOADING:"ico_loading",SWITCH:"switch",NAME:"node_name"},event:{NODECREATED:"ztree_nodeCreated",CLICK:"ztree_click",EXPAND:"ztree_expand",COLLAPSE:"ztree_collapse",ASYNC_SUCCESS:"ztree_async_success",ASYNC_ERROR:"ztree_async_error",REMOVE:"ztree_remove",SELECTED:"ztree_selected",UNSELECTED:"ztree_unselected"},id:{A:"_a",ICON:"_ico",SPAN:"_span",SWITCH:"_switch",UL:"_ul"},line:{ROOT:"root",ROOTS:"roots",CENTER:"center",BOTTOM:"bottom",NOLINE:"noline",LINE:"line"},folder:{OPEN:"open", +CLOSE:"close",DOCU:"docu"},node:{CURSELECTED:"curSelectedNode"}},_z:{tools:h,view:j,event:n,data:e},getZTreeObj:function(a){return(a=e.getZTreeTools(a))?a:null},destroy:function(a){if(a&&a.length>0)j.destroy(e.getSetting(a));else for(var b in t)j.destroy(t[b])},init:function(a,b,c){var d=h.clone(P);r.extend(!0,d,b);d.treeId=a.attr("id");d.treeObj=a;d.treeObj.empty();t[d.treeId]=d;if(typeof document.body.style.maxHeight==="undefined")d.view.expandSpeed="";e.initRoot(d);a=e.getRoot(d);c=c?h.clone(h.isArray(c)? +c:[c]):[];d.data.simpleData.enable?e.nodeChildren(d,a,e.transformTozTreeFormat(d,c)):e.nodeChildren(d,a,c);e.initCache(d);n.unbindTree(d);n.bindTree(d);n.unbindEvent(d);n.bindEvent(d);var f={setting:d,addNodes:function(a,b,c,f){function g(){j.addNodes(d,a,b,n,f==!0)}a||(a=null);var l=e.nodeIsParent(d,a);if(a&&!l&&d.data.keep.leaf)return null;l=parseInt(b,10);isNaN(l)?(f=!!c,c=b,b=-1):b=l;if(!c)return null;var n=h.clone(h.isArray(c)?c:[c]);h.canAsync(d,a)?j.asyncNode(d,a,f,g):g();return n},cancelSelectedNode:function(a){j.cancelPreSelectedNode(d, +a)},destroy:function(){j.destroy(d)},expandAll:function(a){a=!!a;j.expandCollapseSonNode(d,null,a,!0);return a},expandNode:function(a,b,c,f,g){function n(){var b=l(a,d).get(0);b&&f!==!1&&j.scrollIntoView(d,b)}if(!a||!e.nodeIsParent(d,a))return null;b!==!0&&b!==!1&&(b=!a.open);if((g=!!g)&&b&&h.apply(d.callback.beforeExpand,[d.treeId,a],!0)==!1)return null;else if(g&&!b&&h.apply(d.callback.beforeCollapse,[d.treeId,a],!0)==!1)return null;b&&a.parentTId&&j.expandCollapseParentNode(d,a.getParentNode(), +b,!1);if(b===a.open&&!c)return null;e.getRoot(d).expandTriggerFlag=g;!h.canAsync(d,a)&&c?j.expandCollapseSonNode(d,a,b,!0,n):(a.open=!b,j.switchNode(this.setting,a),n());return b},getNodes:function(){return e.getNodes(d)},getNodeByParam:function(a,b,c){return!a?null:e.getNodeByParam(d,c?e.nodeChildren(d,c):e.getNodes(d),a,b)},getNodeByTId:function(a){return e.getNodeCache(d,a)},getNodesByParam:function(a,b,c){return!a?null:e.getNodesByParam(d,c?e.nodeChildren(d,c):e.getNodes(d),a,b)},getNodesByParamFuzzy:function(a, +b,c){return!a?null:e.getNodesByParamFuzzy(d,c?e.nodeChildren(d,c):e.getNodes(d),a,b)},getNodesByFilter:function(a,b,c,f){b=!!b;return!a||typeof a!="function"?b?null:[]:e.getNodesByFilter(d,c?e.nodeChildren(d,c):e.getNodes(d),a,b,f)},getNodeIndex:function(a){if(!a)return null;for(var b=a.parentTId?a.getParentNode():e.getRoot(d),b=e.nodeChildren(d,b),c=0,f=b.length;c0?j.createNodes(d,0,c,null,-1):d.async.enable&&d.async.url&&d.async.url!==""&&j.asyncNode(d);return f}};var Q=r.fn.zTree,l=h.$,g=Q.consts})(jQuery); diff --git a/js/zTree_v3/api/apiCss/zTreeStyleForApi.css b/js/zTree_v3/api/apiCss/zTreeStyleForApi.css new file mode 100755 index 0000000..bb4717b --- /dev/null +++ b/js/zTree_v3/api/apiCss/zTreeStyleForApi.css @@ -0,0 +1,49 @@ +/*------------------------------------- +zTree Style + +version: 3.0 +author: Hunter.z +email: hunter.z@263.net +website: http://code.google.com/p/jquerytree/ + +-------------------------------------*/ + +.ztree * {padding:0; margin:0; font-size:12px; font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif} +.ztree {margin:0; padding:5px; color:#333} +.ztree li{padding:0; margin:0; list-style:none; line-height:14px; text-align:left; white-space:nowrap} +.ztree li ul{ margin:0; padding:0 0 0 18px} +.ztree li ul.line{ background:url(./img/line_conn.gif) 0 0 repeat-y;} + +.ztree li a {padding:1px 3px 0 0; margin:0; cursor:pointer; color:#333; height:17px; text-decoration:none; vertical-align:top; display: inline-block} +.ztree li a:hover {text-decoration:none} +.ztree li a.curSelectedNode {padding-top:0px; background-color:#FFE6B0; color:black; height:16px; border:1px #FFB951 solid;} +.ztree li a.curSelectedNode_Edit {padding-top:0px; background-color:#FFE6B0; color:black; height:16px; border:1px #FFB951 solid; opacity:0.8; filter:alpha(opacity=80)} +.ztree li a.tmpTargetNode_inner {padding-top:0px; background-color:#316AC5; color:white; height:16px; border:1px #316AC5 solid; opacity:0.8; filter:alpha(opacity=80)} +.ztree li a.tmpTargetNode_prev {} +.ztree li a.tmpTargetNode_next {} +.ztree li a input.rename {height:14px; width:80px; padding:0; margin:0; + font-size:12px; border:1px #7EC4CC solid; *border:0px} +.ztree li span {line-height:16px; margin-right: 2px} +.ztree li span.button {line-height:0; margin:0;width:16px; height:16px; display: inline-block; vertical-align:middle; + border:0 none; cursor: pointer; + background-color:transparent; background-repeat:no-repeat; background-attachment: scroll; + background-image:url("./img/zTreeStandard.png"); *background-image:url("./img/zTreeStandard.gif")} + +.ztree li span.button.switch {width:1px; height:18px; visibility: hidden} + +.zTreeDragUL {margin:0; padding:0; position:absolute; background-color:#cfcfcf; border:1px #00B83F dotted; opacity:0.8; filter:alpha(opacity=80)} +.zTreeMask {z-index:10000; background-color:#cfcfcf; opacity:0.0; filter:alpha(opacity=0); position:absolute} + +/* level 等级样式*/ +/*.ztree li button.level0 { + display:none; +} +.ztree li ul.level0 { + padding:0; + background:none; +}*/ + +.ztree li span.button.core_ico_docu{margin-right:2px; background-position:-126px 0; vertical-align:top; *vertical-align:middle} +.ztree li span.button.check_ico_docu{margin-right:2px; background-position:-126px -16px; vertical-align:top; *vertical-align:middle} +.ztree li span.button.edit_ico_docu{margin-right:2px; background-position:-126px -32px; vertical-align:top; *vertical-align:middle} +.ztree li span.button.hide_ico_docu{margin-right:2px; background-position:-160px 0; vertical-align:top; *vertical-align:middle} diff --git a/js/zTree_v3/api/cn/fn.zTree._z.html b/js/zTree_v3/api/cn/fn.zTree._z.html new file mode 100755 index 0000000..7af3e40 --- /dev/null +++ b/js/zTree_v3/api/cn/fn.zTree._z.html @@ -0,0 +1,13 @@ +
              +
              +

              JSON$.fn.zTree._z

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              zTree v3.x 内部的全部方法都可以通过 $.fn.zTree._z 进行调用，开放出来是为了更便于大家开发制作自己的 zTree 插件。

              +

              如无特殊需求请勿使用此对象，以及修改此对象内部的各个函数。

              +
              +
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/fn.zTree.destroy.html b/js/zTree_v3/api/cn/fn.zTree.destroy.html new file mode 100755 index 0000000..7105807 --- /dev/null +++ b/js/zTree_v3/api/cn/fn.zTree.destroy.html @@ -0,0 +1,28 @@ +
              +
              +

              Function(treeId)$.fn.zTree.destroy

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              从 zTree v3.4 开始提供销毁 zTree 的方法。

              +

              1、用此方法可以销毁指定 treeId 的 zTree，也可以销毁当前页面全部的 zTree。

              +

              2、销毁指定 treeId 的 zTree 也可以使用 zTreeObj.destroy() 方法。

              +

              3、重新使用已经被销毁的树，必须要使用 init 方法进行初始化。

              +
              +
              +

              Function 参数说明

              +
              +

              treeIdString

              +

              zTree 的 DOM 容器的 id

              +

              省略 treeId，表示销毁当前页面全部的 zTree

              +

              返回值无

              +

              目前无任何返回值

              +
              +

              function 举例

              +

              1. 销毁 id 为 "treeDemo" 的 zTree

              + 
              $.fn.zTree.destroy("treeDemo");
              +

              2. 销毁全部 的 zTree

              + 
              $.fn.zTree.destroy();
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/fn.zTree.getZTreeObj.html b/js/zTree_v3/api/cn/fn.zTree.getZTreeObj.html new file mode 100755 index 0000000..b1d1db4 --- /dev/null +++ b/js/zTree_v3/api/cn/fn.zTree.getZTreeObj.html @@ -0,0 +1,24 @@ +
              +
              +

              Function(treeId)$.fn.zTree.getZTreeObj

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              zTree v3.x 专门提供的根据 treeId 获取 zTree 对象的方法。

              +

              必须在初始化 zTree 以后才可以使用此方法。

              +

              有了这个方法，用户不再需要自己设定全局变量来保存 zTree 初始化后得到的对象了，而且在所有回调函数中全都会返回 treeId 属性，用户可以随时使用此方法获取需要进行操作的 zTree 对象

              +
              +
              +

              Function 参数说明

              +
              +

              treeIdString

              +

              zTree 的 DOM 容器的 id

              +

              返回值JSON

              +

              zTree 对象，提供操作 zTree 的各种方法，对于通过 js 操作 zTree 来说必须通过此对象

              +
              +

              function 举例

              +

              1. 获取 id 为 tree 的 zTree 对象

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/fn.zTree.init.html b/js/zTree_v3/api/cn/fn.zTree.init.html new file mode 100755 index 0000000..61da41a --- /dev/null +++ b/js/zTree_v3/api/cn/fn.zTree.init.html @@ -0,0 +1,74 @@ +
              +
              +

              Function(obj, zSetting, zNodes)$.fn.zTree.init

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              zTree 初始化方法，创建 zTree 必须使用此方法

              +

              1、页面需要进行 W3C 申明，例如：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">。

              +

              2、需要首先加载 jquery-1.4.2.js 或其他更高版本的 jQuery 。

              +

              3、需要加载 jquery-ztree.core-3.0.js，如果需要用到 编辑功能 或 checkbox / radio 还需要分别加载 jquery-ztree.exedit-3.0.js 和 jquery-ztree.excheck-3.0.js 。

              +

              4、需要加载 zTreeStyle.css 以及 zTreeStyle 目录下的 img 文件。

              +

              5、如果需要使用自定义图标请参考相应的Demo。

              +

              6、请注意设置 zTree 的容器样式 class="ztree"，其中 "ztree" 这个 className，可以根据需要随意修改，别忘了修改 css 中对应名字就是了，对于容器如果需要增加其他特殊样式，可根据自己的需要进行修改。

              +
              +
              +

              Function 参数说明

              +
              +

              objjQuery Object

              +

              用于展现 zTree 的 DOM 容器

              +

              zSettingJSON

              +

              zTree 的配置数据，具体请参考 “setting 配置详解”中的各个属性详细说明

              +

              zNodesArray(JSON) / JSON

              +

              zTree 的节点数据，具体请参考 “treeNode 节点数据详解”中的各个属性详细说明

              +

              1、v3.x 支持单独添加一个节点，即如果只新增一个节点，不用必须包在数组中

              +

              2、如果需要异步加载根节点，可以设置为 null 或 [ ]

              +

              3、使用简单数据模式，请参考 setting.data.simpleData 内的属性说明

              +

              返回值JSON

              +

              zTree 对象，提供操作 zTree 的各种方法，对于通过 js 操作 zTree 来说必须通过此对象

              +

              如果不需要自行设定全局变量保存，可以利用 $.fn.zTree.getZTreeObj 方法随时获取

              +
              +

              setting & function 举例

              +

              1. 简单创建 zTree 演示

              + 
              <!DOCTYPE html>
+<HTML>
+ <HEAD>
+  <TITLE> ZTREE DEMO </TITLE>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <link rel="stylesheet" href="zTreeStyle/zTreeStyle.css" type="text/css">
+  <script type="text/javascript" src="jquery-1.4.2.js"></script>
+  <script type="text/javascript" src="jquery.ztree.core.js"></script>
+<!--
+  <script type="text/javascript" src="jquery.ztree.excheck.js"></script>
+  <script type="text/javascript" src="jquery.ztree.exedit.js"></script>
+-->
+  <SCRIPT type="text/javascript" >
+	var zTreeObj,
+	setting = {
+		view: {
+			selectedMulti: false
+		}
+	},
+	zTreeNodes = [
+		{"name":"网站导航", open:true, children: [
+			{ "name":"google", "url":"http://g.cn", "target":"_blank"},
+			{ "name":"baidu", "url":"http://baidu.com", "target":"_blank"},
+			{ "name":"sina", "url":"http://www.sina.com.cn", "target":"_blank"}
+			]
+		}
+	];
+
+	$(document).ready(function(){
+		zTreeObj = $.fn.zTree.init($("#tree"), setting, zTreeNodes);
+
+	});
+  </SCRIPT>
+ </HEAD>
+
+<BODY>
+<ul id="tree" class="ztree" style="width:230px; overflow:auto;"></ul>
+ </BODY>
+</HTML>
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.async.autoParam.html b/js/zTree_v3/api/cn/setting.async.autoParam.html new file mode 100755 index 0000000..6ce1dd7 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.async.autoParam.html @@ -0,0 +1,49 @@ +
              +
              +

              Array(String) / Function(treeId, treeNode)setting.async.autoParam

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              异步加载时需要自动提交父节点属性的参数。[setting.async.enable = true 时生效]

              +

              默认值：[ ]

              +
              +
              +

              Array(String) 格式说明

              +
              +

              1、将需要作为参数提交的属性名称，制作成 Array 即可，例如：["id", "name"]

              +

              2、可以设置提交时的参数名称，例如 server 只接受 zId : ["id=zId"]

              +
              +

              Function 参数说明

              +
              +

              treeIdString

              +

              对应 zTree 的 treeId，便于用户操控

              +

              treeNodeJSON

              +

              需要异步加载子节点的的父节点 JSON 数据对象

              +

              针对根进行异步加载时，treeNode = null

              +

              返回值Array(String)

              +

              返回值同 Array(String) 格式的数据

              +
              +

              setting 举例

              +

              1. 设置 id 属性为自动提交的参数

              + 
              var setting = {
+	async: {
+		enable: true,
+		url: "http://host/getNode.php",
+		autoParam: ["id"]
+	}
+};
+假设 异步加载 父节点(node = {id:1, name:"test"}) 的子节点时，将提交参数 id=1
+......
              +

              2. 设置 id 属性作为 zId 成为自动提交的参数

              + 
              var setting = {
+	async: {
+		enable: true,
+		url: "http://host/getNode.php",
+		autoParam: ["id=zId"]
+	}
+};
+假设 对父节点 node = {id:1, name:"test"}，进行异步加载时，将提交参数 zId=1
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.async.contentType.html b/js/zTree_v3/api/cn/setting.async.contentType.html new file mode 100755 index 0000000..db0c92f --- /dev/null +++ b/js/zTree_v3/api/cn/setting.async.contentType.html @@ -0,0 +1,29 @@ +
              +
              +

              Stringsetting.async.contentType

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              Ajax 提交参数的数据类型。[setting.async.enable = true 时生效]

              +

              默认值："application/x-www-form-urlencoded"

              +
              +
              +

              String 格式说明

              +
              +

              contentType = "application/x-www-form-urlencoded" 可以满足绝大部分请求，按照标准的 Form 格式提交参数

              +

              contentType = "application/json" 可以满足 .Net 的编程需要，按照 JSON 格式提交参数

              +
              +

              setting 举例

              +

              1. 设置 Ajax 提交参数的数据类型为 JSON 格式

              + 
              var setting = {
+	async: {
+		enable: true,
+		contentType: "application/json",
+		url: "http://host/getNode.php",
+		autoParam: ["id", "name"]
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.async.dataFilter.html b/js/zTree_v3/api/cn/setting.async.dataFilter.html new file mode 100755 index 0000000..f174bf0 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.async.dataFilter.html @@ -0,0 +1,45 @@ +
              +
              +

              Function(treeId, parentNode, responseData)setting.async.dataFilter

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              用于对 Ajax 返回数据进行预处理的函数。[setting.async.enable = true 时生效]

              +

              默认值：null

              +
              +
              +

              Function 参数说明

              +
              +

              treeIdString

              +

              对应 zTree 的 treeId，便于用户操控

              +

              parentNodeJSON

              +

              进行异步加载的父节点 JSON 数据对象

              +

              对根进行异步加载时，parentNode = null

              +

              responseDataArray(JSON) / JSON / String

              +

              异步加载获取到的数据转换后的 Array(JSON) / JSON / String 数据对象

              +

              v3.4开始 支持 XML 数据格式的 String

              +

              返回值Array(JSON) / JSON

              +

              返回值是 zTree 支持的JSON 数据结构即可。

              +

              v3.x 支持单个 JSON 节点数据进行加载

              +
              +

              setting & function 举例

              +

              1. 修改异步获取到的节点name属性

              + 
              function ajaxDataFilter(treeId, parentNode, responseData) {
+    if (responseData) {
+      for(var i =0; i < responseData.length; i++) {
+        responseData[i].name += "_filter";
+      }
+    }
+    return responseData;
+};
+var setting = {
+	async: {
+		enable: true,
+		url: "http://host/getNode.php",
+		dataFilter: ajaxDataFilter
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.async.dataType.html b/js/zTree_v3/api/cn/setting.async.dataType.html new file mode 100755 index 0000000..6d639b7 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.async.dataType.html @@ -0,0 +1,29 @@ +
              +
              +

              Stringsetting.async.dataType

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              Ajax 获取的数据类型。[setting.async.enable = true 时生效]

              +

              默认值："text"

              +
              +
              +

              String 格式说明

              +
              +

              dataType = "text" 可以满足绝大部分请求

              +

              其余 dataType 类型请参考 jQuery ajax 中的 dataType 参数

              +
              +

              setting 举例

              +

              1. 设置 Ajax 获取的数据类型为 纯文本

              + 
              var setting = {
+	async: {
+		enable: true,
+		dataType: "text",
+		url: "http://host/getNode.php",
+		autoParam: ["id", "name"]
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.async.enable.html b/js/zTree_v3/api/cn/setting.async.enable.html new file mode 100755 index 0000000..9079ae1 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.async.enable.html @@ -0,0 +1,30 @@ +
              +
              +

              Booleansetting.async.enable

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              设置 zTree 是否开启异步加载模式

              +

              默认值：false

              +
              +
              +

              Boolean 格式说明

              +
              +

              true 表示 开启 异步加载模式

              +

              false 表示 关闭 异步加载模式

              +

              如果设置为 true，请务必设置 setting.async 内的其它参数。

              +

              如果需要根节点也异步加载，初始化时 treeNodes 参数设置为 null 即可。

              +
              +

              setting 举例

              +

              1. 需要开启异步加载模式

              + 
              var setting = {
+	async: {
+		enable: true,
+		url: "http://host/getNode.php",
+		autoParam: ["id", "name"]
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.async.headers.html b/js/zTree_v3/api/cn/setting.async.headers.html new file mode 100755 index 0000000..222b9f8 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.async.headers.html @@ -0,0 +1,18 @@ +
              +
              +

              Objectsetting.async.headers

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              [setting.async.enable = true 时生效]

              +

              默认值："{}"

              +

              v3.5.36+

              +
              +
              +

              Object 格式说明

              +
              +

              请参考 jQuery ajax 中的 headers 参数

              +
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.async.otherParam.html b/js/zTree_v3/api/cn/setting.async.otherParam.html new file mode 100755 index 0000000..bfb44c2 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.async.otherParam.html @@ -0,0 +1,50 @@ +
              +
              +

              Array(String) / JSON / Function(treeId, treeNode)setting.async.otherParam

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              Ajax 请求提交的静态参数键值对。[setting.async.enable = true 时生效]

              +

              默认值：[ ]

              +
              +
              +

              Array(String) 格式说明

              +
              +

              可以为空[ ]，如果有 key，则必须存在 value。 例如：[key, value]

              +
              +

              JSON 格式说明

              +
              +

              直接用 JSON 格式制作键值对，例如：{ key1:value1, key2:value2 }

              +
              +

              Function 参数说明

              +
              +

              treeIdString

              +

              对应 zTree 的 treeId，便于用户操控

              +

              treeNodeJSON

              +

              需要异步加载子节点的的父节点 JSON 数据对象

              +

              针对根进行异步加载时，treeNode = null

              +

              返回值Array(String) || JSON

              +

              返回值同 Array(String) || JSON 格式的数据

              +
              +

              setting 举例

              +

              1. 设置 Array(String) 格式的参数

              + 
              var setting = {
+	async: {
+		enable: true,
+		url: "http://host/getNode.php",
+		otherParam: ["id", "1", "name", "test"]
+	}
+};
+进行异步加载时，将提交参数 id=1&name=test
              +

              2. 设置 JSON 格式的参数

              + 
              var setting = {
+	async: {
+		enable: true,
+		url: "http://host/getNode.php",
+		otherParam: { "id":"1", "name":"test"}
+	}
+};
+进行异步加载时，将提交参数 id=1&name=test
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.async.type.html b/js/zTree_v3/api/cn/setting.async.type.html new file mode 100755 index 0000000..20d9a6b --- /dev/null +++ b/js/zTree_v3/api/cn/setting.async.type.html @@ -0,0 +1,30 @@ +
              +
              +

              Stringsetting.async.type

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              Ajax 的 http 请求模式。[setting.async.enable = true 时生效]

              +

              默认值："post"

              +
              +
              +

              String 格式说明

              +
              +

              type = "post" 表示异步加载采用 post 方法请求

              +

              type = "get" 表示异步加载采用 get 方法请求

              +

              对应于 jQuery ajax 中的 type 参数

              +
              +

              setting 举例

              +

              1. 设置使用 get 方式请求数据

              + 
              var setting = {
+	async: {
+		enable: true,
+		type: "get",
+		url: "http://host/getNode.php",
+		autoParam: ["id", "name"]
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.async.url.html b/js/zTree_v3/api/cn/setting.async.url.html new file mode 100755 index 0000000..a5209af --- /dev/null +++ b/js/zTree_v3/api/cn/setting.async.url.html @@ -0,0 +1,50 @@ +
              +
              +

              String / Function(treeId, treeNode)setting.async.url

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              Ajax 获取数据的 URL 地址。[setting.async.enable = true 时生效]

              +

              默认值：""

              +
              +
              +

              String 格式说明

              +
              +

              设置固定的异步加载 url 字符串，请注意地址的路径，确保页面能正常加载

              +

              url 内也可以带参数，这些参数就只能是通过 get 方式提交了，并且请注意进行转码

              +
              +

              Function 参数说明

              +
              +

              treeIdString

              +

              对应 zTree 的 treeId，便于用户操控

              +

              treeNodeJSON

              +

              需要异步加载子节点的的父节点 JSON 数据对象

              +

              针对根进行异步加载时，treeNode = null

              +

              返回值String

              +

              返回值同 String 格式的数据

              +
              +

              setting & function 举例

              +

              1. 设置异步获取节点的 URL 为 nodes.php

              + 
              var setting = {
+	async: {
+		enable: true,
+		url: "nodes.php",
+		autoParam: ["id", "name"]
+	}
+};
+......
              +

              2. 设置异步获取节点的 URL 为 function 动态获取

              + 
              function getAsyncUrl(treeId, treeNode) {
+    return treeNode.isParent ? "nodes1.php" : "nodes2.php";
+};
+var setting = {
+	async: {
+		enable: true,
+		url: getAsyncUrl,
+		autoParam: ["id", "name"]
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.async.xhrFields.html b/js/zTree_v3/api/cn/setting.async.xhrFields.html new file mode 100755 index 0000000..ed2079e --- /dev/null +++ b/js/zTree_v3/api/cn/setting.async.xhrFields.html @@ -0,0 +1,18 @@ +
              +
              +

              Objectsetting.async.xhrFields

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              [setting.async.enable = true 时生效]

              +

              默认值："{}"

              +

              v3.5.36+

              +
              +
              +

              Object 格式说明

              +
              +

              请参考 jQuery ajax 中的 xhrFields 参数

              +
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.callback.beforeAsync.html b/js/zTree_v3/api/cn/setting.callback.beforeAsync.html new file mode 100755 index 0000000..70ba0fc --- /dev/null +++ b/js/zTree_v3/api/cn/setting.callback.beforeAsync.html @@ -0,0 +1,35 @@ +
              +
              +

              Function(treeId, treeNode)setting.callback.beforeAsync

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              用于捕获异步加载之前的事件回调函数，zTree 根据返回值确定是否允许进行异步加载

              +

              默认值：null

              +
              +
              +

              Function 参数说明

              +
              +

              treeIdString

              +

              对应 zTree 的 treeId，便于用户操控

              +

              treeNodeJSON

              +

              进行异步加载的父节点 JSON 数据对象

              +

              针对根进行异步加载时，treeNode = null

              +

              返回值Boolean

              +

              返回值是 true / false

              +

              如果返回 false，zTree 将不进行异步加载，也无法触发 onAsyncSuccess / onAsyncError 事件回调函数

              +
              +

              setting & function 举例

              +

              1. 禁止 id 为 1 的父节点进行异步加载操作

              + 
              function zTreeBeforeAsync(treeId, treeNode) {
+    return (treeNode.id !== 1);
+};
+var setting = {
+	callback: {
+		beforeAsync: zTreeBeforeAsync
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.callback.beforeCheck.html b/js/zTree_v3/api/cn/setting.callback.beforeCheck.html new file mode 100755 index 0000000..a0e1f42 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.callback.beforeCheck.html @@ -0,0 +1,34 @@ +
              +
              +

              Function(treeId, treeNode)setting.callback.beforeCheck

              +

              概述[ 依赖 jquery.ztree.excheck 扩展 js ]

              +
              +

              +
              +

              用于捕获 勾选 或 取消勾选 之前的事件回调函数，并且根据返回值确定是否允许 勾选 或 取消勾选

              +

              默认值：null

              +
              +
              +

              Function 参数说明

              +
              +

              treeIdString

              +

              对应 zTree 的 treeId，便于用户操控

              +

              treeNodeJSON

              +

              进行 勾选 或 取消勾选 的节点 JSON 数据对象

              +

              返回值Boolean

              +

              返回值是 true / false

              +

              如果返回 false，将不会改变勾选状态，并且无法触发 onCheck 事件回调函数

              +
              +

              setting & function 举例

              +

              1. 禁止所有勾选操作，保持初始化的勾选状态

              + 
              function zTreeBeforeCheck(treeId, treeNode) {
+    return false;
+};
+var setting = {
+	callback: {
+		beforeCheck: zTreeBeforeCheck
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.callback.beforeClick.html b/js/zTree_v3/api/cn/setting.callback.beforeClick.html new file mode 100755 index 0000000..6efe928 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.callback.beforeClick.html @@ -0,0 +1,49 @@ +
              +
              +

              Function(treeId, treeNode, clickFlag)setting.callback.beforeClick

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              用于捕获单击节点之前的事件回调函数，并且根据返回值确定是否允许单击操作

              +

              默认值：null

              +
              +
              +

              Function 参数说明

              +
              +

              treeIdString

              +

              对应 zTree 的 treeId，便于用户操控

              +

              treeNodeJSON

              +

              被单击的节点 JSON 数据对象

              +

              clickFlagNumber

              +

              节点被点击后的选中操作类型，详细看下表

              + + + + + + + + + + + + +
              clickFlagselectedMultiautoCancelSelected
              &&
              event.ctrlKey / metaKey              		isSelected选中操作
              1truefalsefalse普通选中
              1truefalsetrue普通选中
              2truetruefalse追加选中
              0truetruetrue取消选中
              1falsefalsefalse普通选中
              1falsefalsetrue普通选中
              1falsetruefalse普通选中
              0falsetruetrue取消选中
              +

              返回值Boolean

              +

              返回值是 true / false

              +

              如果返回 false，zTree 将不会选中节点，也无法触发 onClick 事件回调函数

              +
              +

              setting & function 举例

              +

              1. 禁止节点被选中

              + 
              function zTreeBeforeClick(treeId, treeNode, clickFlag) {
+    return (treeNode.id !== 1);
+};
+var setting = {
+	callback: {
+		beforeClick: zTreeBeforeClick
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.callback.beforeCollapse.html b/js/zTree_v3/api/cn/setting.callback.beforeCollapse.html new file mode 100755 index 0000000..d778e9c --- /dev/null +++ b/js/zTree_v3/api/cn/setting.callback.beforeCollapse.html @@ -0,0 +1,34 @@ +
              +
              +

              Function(treeId, treeNode)setting.callback.beforeCollapse

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              用于捕获父节点折叠之前的事件回调函数，并且根据返回值确定是否允许折叠操作

              +

              默认值：null

              +
              +
              +

              Function 参数说明

              +
              +

              treeIdString

              +

              对应 zTree 的 treeId，便于用户操控

              +

              treeNodeJSON

              +

              要折叠的父节点 JSON 数据对象

              +

              返回值Boolean

              +

              返回值是 true / false

              +

              如果返回 false，zTree 将不会折叠节点，也无法触发 onCollapse 事件回调函数

              +
              +

              setting & function 举例

              +

              1. 禁止所有已展开的父节点折叠

              + 
              function zTreeBeforeCollapse(treeId, treeNode) {
+    return false;
+};
+var setting = {
+	callback: {
+		beforeCollapse: zTreeBeforeCollapse
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.callback.beforeDblClick.html b/js/zTree_v3/api/cn/setting.callback.beforeDblClick.html new file mode 100755 index 0000000..ed7e4dc --- /dev/null +++ b/js/zTree_v3/api/cn/setting.callback.beforeDblClick.html @@ -0,0 +1,36 @@ +
              +
              +

              Function(treeId, treeNode)setting.callback.beforeDblClick

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              用于捕获 zTree 上鼠标双击之前的事件回调函数，并且根据返回值确定触发 onDblClick 事件回调函数

              +

              默认值：null

              +
              +
              +

              Function 参数说明

              +
              +

              treeIdString

              +

              对应 zTree 的 treeId，便于用户操控

              +

              treeNodeJSON

              +

              鼠标双击时所在节点的 JSON 数据对象

              +

              如果不在节点上，则返回 null

              +

              返回值Boolean

              +

              返回值是 true / false

              +

              如果返回 false，将仅仅无法触发 onDblClick 事件回调函数，对其他操作无任何影响

              +

              此事件回调函数对双击节点展开功能无任何影响，如果需要设置请参考 setting.view.dblClickExpand 属性

              +
              +

              setting & function 举例

              +

              1. 禁止 onDblClick 事件

              + 
              function zTreeBeforeDblClick(treeId, treeNode) {
+    return false;
+};
+var setting = {
+	callback: {
+		beforeDblClick: zTreeBeforeDblClick
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.callback.beforeDrag.html b/js/zTree_v3/api/cn/setting.callback.beforeDrag.html new file mode 100755 index 0000000..1e783a3 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.callback.beforeDrag.html @@ -0,0 +1,39 @@ +
              +
              +

              Function(treeId, treeNodes)setting.callback.beforeDrag

              +

              概述[ 依赖 jquery.ztree.exedit 扩展 js ]

              +
              +

              +
              +

              用于捕获节点被拖拽之前的事件回调函数，并且根据返回值确定是否允许开启拖拽操作

              +

              默认值：null

              +
              +
              +

              Function 参数说明

              +
              +

              treeIdString

              +

              被拖拽的节点 treeNodes 所在 zTree 的 treeId，便于用户操控

              +

              treeNodesArray(JSON)

              +

              要被拖拽的节点 JSON 数据集合

              +

              v3.x 允许多个同级节点同时被拖拽，因此将此参数修改为 Array(JSON)

              +

              如果拖拽时多个被选择的节点不是同级关系，则只能拖拽鼠标当前所在位置的节点

              +

              返回值Boolean

              +

              返回值是 true / false

              +

              如果返回 false，zTree 将终止拖拽，也无法触发 onDrag / beforeDrop / onDrop 事件回调函数

              +
              +

              setting & function 举例

              +

              1. 禁止全部拖拽操作

              + 
              function zTreeBeforeDrag(treeId, treeNodes) {
+    return false;
+};
+var setting = {
+	edit: {
+		enable: true
+	},
+	callback: {
+		beforeDrag: zTreeBeforeDrag
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.callback.beforeDragOpen.html b/js/zTree_v3/api/cn/setting.callback.beforeDragOpen.html new file mode 100755 index 0000000..ceab2d3 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.callback.beforeDragOpen.html @@ -0,0 +1,37 @@ +
              +
              +

              Function(treeId, treeNode)setting.callback.beforeDragOpen

              +

              概述[ 依赖 jquery.ztree.exedit 扩展 js ]

              +
              +

              +
              +

              用于捕获拖拽节点移动到折叠状态的父节点后，即将自动展开该父节点之前的事件回调函数，并且根据返回值确定是否允许自动展开操作

              +

              默认值：null

              +
              +
              +

              Function 参数说明

              +
              +

              treeIdString

              +

              需要被展开的父节点 treeNode 所在 zTree 的 treeId，便于用户操控

              +

              treeNodeJSON

              +

              要被自动展开的父节点 JSON 数据对象

              +

              返回值Boolean

              +

              返回值是 true / false

              +

              如果返回 false，zTree 将无法进行自动展开操作

              +
              +

              setting & function 举例

              +

              1. 禁止全部拖拽时的自动展开操作

              + 
              function zTreeBeforeDragOpen(treeId, treeNode) {
+    return false;
+};
+var setting = {
+	edit: {
+		enable: true
+	},
+	callback: {
+		beforeDragOpen: zTreeBeforeDragOpen
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.callback.beforeDrop.html b/js/zTree_v3/api/cn/setting.callback.beforeDrop.html new file mode 100755 index 0000000..4123743 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.callback.beforeDrop.html @@ -0,0 +1,48 @@ +
              +
              +

              Function(treeId, treeNodes, targetNode, moveType, isCopy)setting.callback.beforeDrop

              +

              概述[ 依赖 jquery.ztree.exedit 扩展 js ]

              +
              +

              +
              +

              用于捕获节点拖拽操作结束之前的事件回调函数，并且根据返回值确定是否允许此拖拽操作

              +

              默认值：null

              +

              如未拖拽到有效位置，则不触发此回调函数，直接将节点恢复原位置

              +
              +
              +

              Function 参数说明

              +
              +

              treeIdString

              +

              目标节点 targetNode 所在 zTree 的 treeId，便于用户操控

              +

              treeNodesArray(JSON)

              +

              被拖拽的节点 JSON 数据集合

              +

              无论拖拽操作为 复制 还是 移动，treeNodes 都是当前被拖拽节点的数据集合。

              +

              targetNodeJSON

              +

              treeNodes 被拖拽放开的目标节点 JSON 数据对象。

              +

              如果拖拽成为根节点，则 targetNode = null

              +

              moveTypeString

              +

              指定移动到目标节点的相对位置

              +

              "inner"：成为子节点，"prev"：成为同级前一个节点，"next"：成为同级后一个节点

              +

              isCopyBoolean

              +

              拖拽节点操作是 复制 或 移动

              +

              true：复制；false：移动

              +

              返回值Boolean

              +

              返回值是 true / false

              +

              如果返回 false，zTree 将恢复被拖拽的节点，也无法触发 onDrop 事件回调函数

              +
              +

              setting & function 举例

              +

              1. 禁止将节点拖拽成为根节点

              + 
              function zTreeBeforeDrop(treeId, treeNodes, targetNode, moveType) {
+    return !(targetNode == null || (moveType != "inner" && !targetNode.parentTId));
+};
+var setting = {
+	edit: {
+		enable: true
+	},
+	callback: {
+		beforeDrop: zTreeBeforeDrop
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.callback.beforeEditName.html b/js/zTree_v3/api/cn/setting.callback.beforeEditName.html new file mode 100755 index 0000000..9df3ca2 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.callback.beforeEditName.html @@ -0,0 +1,38 @@ +
              +
              +

              Function(treeId, treeNode)setting.callback.beforeEditName

              +

              概述[ 依赖 jquery.ztree.exedit 扩展 js ]

              +
              +

              +
              +

              用于捕获节点编辑按钮的 click 事件，并且根据返回值确定是否允许进入名称编辑状态

              +

              此事件回调函数最主要是用于捕获编辑按钮的点击事件，然后触发自定义的编辑界面操作。

              +

              默认值：null

              +
              +
              +

              Function 参数说明

              +
              +

              treeIdString

              +

              对应 zTree 的 treeId，便于用户操控

              +

              treeNodeJSON

              +

              将要进入编辑名称状态的节点 JSON 数据对象

              +

              返回值Boolean

              +

              返回值是 true / false

              +

              如果返回 false，节点将无法进入 zTree 默认的编辑名称状态

              +
              +

              setting & function 举例

              +

              1. 禁止修改父节点的名称

              + 
              function zTreeBeforeEditName(treeId, treeNode) {
+	return !treeNode.isParent;
+}
+var setting = {
+	edit: {
+		enable: true
+	},
+	callback: {
+		beforeEditName: zTreeBeforeEditName
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.callback.beforeExpand.html b/js/zTree_v3/api/cn/setting.callback.beforeExpand.html new file mode 100755 index 0000000..350972b --- /dev/null +++ b/js/zTree_v3/api/cn/setting.callback.beforeExpand.html @@ -0,0 +1,34 @@ +
              +
              +

              Function(treeId, treeNode)setting.callback.beforeExpand

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              用于捕获父节点展开之前的事件回调函数，并且根据返回值确定是否允许展开操作

              +

              默认值：null

              +
              +
              +

              Function 参数说明

              +
              +

              treeIdString

              +

              对应 zTree 的 treeId，便于用户操控

              +

              treeNodeJSON

              +

              要展开的父节点 JSON 数据对象

              +

              返回值Boolean

              +

              返回值是 true / false

              +

              如果返回 false，zTree 将不会展开节点，也无法触发 onExpand 事件回调函数

              +
              +

              setting & function 举例

              +

              1. 禁止所有已折叠的父节点展开

              + 
              function zTreeBeforeExpand(treeId, treeNode) {
+    return false;
+};
+var setting = {
+	callback: {
+		beforeExpand: zTreeBeforeExpand
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.callback.beforeMouseDown.html b/js/zTree_v3/api/cn/setting.callback.beforeMouseDown.html new file mode 100755 index 0000000..2c3f28d --- /dev/null +++ b/js/zTree_v3/api/cn/setting.callback.beforeMouseDown.html @@ -0,0 +1,35 @@ +
              +
              +

              Function(treeId, treeNode)setting.callback.beforeMouseDown

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              用于捕获 zTree 上鼠标按键按下之前的事件回调函数，并且根据返回值确定触发 onMouseDown 事件回调函数

              +

              默认值：null

              +
              +
              +

              Function 参数说明

              +
              +

              treeIdString

              +

              对应 zTree 的 treeId，便于用户操控

              +

              treeNodeJSON

              +

              鼠标按键按下时所在节点的 JSON 数据对象

              +

              如果不在节点上，则返回 null

              +

              返回值Boolean

              +

              返回值是 true / false

              +

              如果返回 false，将仅仅无法触发 onMouseDown 事件回调函数，对其他操作无任何影响

              +
              +

              setting & function 举例

              +

              1. 禁止 onMouseDown 事件

              + 
              function zTreeBeforeMouseDown(treeId, treeNode) {
+    return false;
+};
+var setting = {
+	callback: {
+		beforeMouseDown: zTreeBeforeMouseDown
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.callback.beforeMouseUp.html b/js/zTree_v3/api/cn/setting.callback.beforeMouseUp.html new file mode 100755 index 0000000..f0b01b9 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.callback.beforeMouseUp.html @@ -0,0 +1,35 @@ +
              +
              +

              Function(treeId, treeNode)setting.callback.beforeMouseUp

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              用于捕获 zTree 上鼠标按键松开之前的事件回调函数，并且根据返回值确定触发 onMouseUp 事件回调函数

              +

              默认值：null

              +
              +
              +

              Function 参数说明

              +
              +

              treeIdString

              +

              对应 zTree 的 treeId，便于用户操控

              +

              treeNodeJSON

              +

              鼠标按键松开时所在节点的 JSON 数据对象

              +

              如果不在节点上，则返回 null

              +

              返回值Boolean

              +

              返回值是 true / false

              +

              如果返回 false，将仅仅无法触发 onMouseUp 事件回调函数，对其他操作无任何影响

              +
              +

              setting & function 举例

              +

              1. 禁止 onMouseUp 事件

              + 
              function zTreeBeforeMouseUp(treeId, treeNode) {
+    return false;
+};
+var setting = {
+	callback: {
+		beforeMouseUp: zTreeBeforeMouseUp
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.callback.beforeRemove.html b/js/zTree_v3/api/cn/setting.callback.beforeRemove.html new file mode 100755 index 0000000..0edb3fd --- /dev/null +++ b/js/zTree_v3/api/cn/setting.callback.beforeRemove.html @@ -0,0 +1,37 @@ +
              +
              +

              Function(treeId, treeNode)setting.callback.beforeRemove

              +

              概述[ 依赖 jquery.ztree.exedit 扩展 js ]

              +
              +

              +
              +

              用于捕获节点被删除之前的事件回调函数，并且根据返回值确定是否允许删除操作

              +

              默认值：null

              +
              +
              +

              Function 参数说明

              +
              +

              treeIdString

              +

              对应 zTree 的 treeId，便于用户操控

              +

              treeNodeJSON

              +

              将要删除的节点 JSON 数据对象

              +

              返回值Boolean

              +

              返回值是 true / false

              +

              如果返回 false，zTree 将不删除节点，也无法触发 onRemove 事件回调函数

              +
              +

              setting & function 举例

              +

              1. 禁止全部删除操作

              + 
              function zTreeBeforeRemove(treeId, treeNode) {
+	return false;
+}
+var setting = {
+	edit: {
+		enable: true
+	},
+	callback: {
+		beforeRemove: zTreeBeforeRemove
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.callback.beforeRename.html b/js/zTree_v3/api/cn/setting.callback.beforeRename.html new file mode 100755 index 0000000..0709961 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.callback.beforeRename.html @@ -0,0 +1,46 @@ +
              +
              +

              Function(treeId, treeNode, newName, isCancel)setting.callback.beforeRename

              +

              概述[ 依赖 jquery.ztree.exedit 扩展 js ]

              +
              +

              +
              +

              用于捕获节点编辑名称结束（Input 失去焦点 或 按下 Enter 键）之后，更新节点名称数据之前的事件回调函数，并且根据返回值确定是否允许更改名称的操作

              +

              节点进入编辑名称状态后，按 ESC 键可以放弃当前修改，恢复原名称，取消编辑名称状态

              +

              从 v3.5.13 开始，取消编辑状态也会触发此回调，根据 isCancel 参数判断

              +

              默认值：null

              +
              +
              +

              Function 参数说明

              +
              +

              treeIdString

              +

              对应 zTree 的 treeId，便于用户操控

              +

              treeNodeJSON

              +

              将要更改名称的节点 JSON 数据对象

              +

              newNameString

              +

              修改后的新名称

              +

              isCancelBoolean

              +

              是否取消操作 (v3.5.13+)

              +

              isCancel = true 表示取消编辑操作（按下 ESC 或 使用 cancelEditName 方法）

              +

              isCancel = false 表示确认修改操作

              +

              返回值Boolean

              +

              返回值是 true / false

              +

              如果返回 false，zTree 将保持名称编辑状态，无法触发 onRename 事件回调函数，并且会导致屏蔽其它事件，直到修改名称使得 beforeRename 返回 true

              +

              如果返回 false，不会让 input 输入框获取焦点，避免由于警告信息而导致反复触发 beforeRename。 请在关闭提示警告信息后，利用 editName 方法让 input 重新获取焦点。

              +
              +

              setting & function 举例

              +

              1. 禁止修改的名称的长度小于 5

              + 
              function zTreeBeforeRename(treeId, treeNode, newName, isCancel) {
+	return newName.length > 5;
+}
+var setting = {
+	edit: {
+		enable: true
+	},
+	callback: {
+		beforeRename: zTreeBeforeRename
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.callback.beforeRightClick.html b/js/zTree_v3/api/cn/setting.callback.beforeRightClick.html new file mode 100755 index 0000000..1a5bdaa --- /dev/null +++ b/js/zTree_v3/api/cn/setting.callback.beforeRightClick.html @@ -0,0 +1,35 @@ +
              +
              +

              Function(treeId, treeNode)setting.callback.beforeRightClick

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              用于捕获 zTree 上鼠标右键点击之前的事件回调函数，并且根据返回值确定触发 onRightClick 事件回调函数

              +

              默认值：null

              +
              +
              +

              Function 参数说明

              +
              +

              treeIdString

              +

              对应 zTree 的 treeId，便于用户操控

              +

              treeNodeJSON

              +

              鼠标右键点击时所在节点的 JSON 数据对象

              +

              如果不在节点上，则返回 null

              +

              返回值Boolean

              +

              返回值是 true / false

              +

              如果返回 false，将仅仅无法触发 onRightClick 事件回调函数，对其他操作无任何影响

              +
              +

              setting & function 举例

              +

              1. 禁止 onRightClick 事件

              + 
              function zTreeBeforeRightClick(treeId, treeNode) {
+    return false;
+};
+var setting = {
+	callback: {
+		beforeRightClick: zTreeBeforeRightClick
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.callback.onAsyncError.html b/js/zTree_v3/api/cn/setting.callback.onAsyncError.html new file mode 100755 index 0000000..c469e11 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.callback.onAsyncError.html @@ -0,0 +1,42 @@ +
              +
              +

              setting.callback.onAsyncError

              +

              Function(event, treeId, treeNode, XMLHttpRequest, textStatus, errorThrown) 

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              用于捕获异步加载出现异常错误的事件回调函数

              +

              如果设置了 setting.callback.beforeAsync 方法，且返回 false，将无法触发 onAsyncSuccess / onAsyncError 事件回调函数。

              +

              默认值：null

              +
              +
              +

              Function 参数说明

              +
              +

              eventjs event 对象

              +

              标准的 js event 对象

              +

              treeIdString

              +

              对应 zTree 的 treeId，便于用户操控

              +

              treeNodeJSON

              +

              进行异步加载的父节点 JSON 数据对象

              +

              针对根进行异步加载时，treeNode = null

              +

              XMLHttpRequestString

              +

              标准 XMLHttpRequest 对象，请参考 JQuery API 文档。

              +

              textStatusString

              +

              请求状态：success，error，请参考 JQuery API 文档。

              +

              errorThrownString

              +

              errorThrown 只有当异常发生时才会被传递，请参考 JQuery API 文档。

              +
              +

              setting & function 举例

              +

              1. 异步加载出现异常后，弹出错误信息

              + 
              function zTreeOnAsyncError(event, treeId, treeNode, XMLHttpRequest, textStatus, errorThrown) {
+    alert(XMLHttpRequest);
+};
+var setting = {
+	callback: {
+		onAsyncError: zTreeOnAsyncError
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.callback.onAsyncSuccess.html b/js/zTree_v3/api/cn/setting.callback.onAsyncSuccess.html new file mode 100755 index 0000000..081e9d7 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.callback.onAsyncSuccess.html @@ -0,0 +1,38 @@ +
              +
              +

              Function(event, treeId, treeNode, msg)setting.callback.onAsyncSuccess

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              用于捕获异步加载正常结束的事件回调函数

              +

              如果设置了 setting.callback.beforeAsync 方法，且返回 false，将无法触发 onAsyncSuccess / onAsyncError 事件回调函数。

              +

              默认值：null

              +
              +
              +

              Function 参数说明

              +
              +

              eventjs event 对象

              +

              标准的 js event 对象

              +

              treeIdString

              +

              对应 zTree 的 treeId，便于用户操控

              +

              treeNodeJSON

              +

              进行异步加载的父节点 JSON 数据对象

              +

              针对根进行异步加载时，treeNode = null

              +

              msgString / Object

              +

              异步获取的节点数据字符串，主要便于用户调试使用。

              +

              实际数据类型会受 setting.async.dataType 的设置影响，请参考 JQuery API 文档。

              +
              +

              setting & function 举例

              +

              1. 异步加载成功后，弹出提示信息

              + 
              function zTreeOnAsyncSuccess(event, treeId, treeNode, msg) {
+    alert(msg);
+};
+var setting = {
+	callback: {
+		onAsyncSuccess: zTreeOnAsyncSuccess
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.callback.onCheck.html b/js/zTree_v3/api/cn/setting.callback.onCheck.html new file mode 100755 index 0000000..113eee9 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.callback.onCheck.html @@ -0,0 +1,34 @@ +
              +
              +

              Function(event, treeId, treeNode)setting.callback.onCheck

              +

              概述[ 依赖 jquery.ztree.excheck 扩展 js ]

              +
              +

              +
              +

              用于捕获 checkbox / radio 被勾选 或 取消勾选的事件回调函数

              +

              如果设置了 setting.callback.beforeCheck 方法，且返回 false，将无法触发 onCheck 事件回调函数。

              +

              默认值：null

              +
              +
              +

              Function 参数说明

              +
              +

              eventjs event 对象

              +

              标准的 js event 对象

              +

              treeIdString

              +

              对应 zTree 的 treeId，便于用户操控

              +

              treeNodeJSON

              +

              被勾选 或 取消勾选的节点 JSON 数据对象

              +
              +

              setting & function 举例

              +

              1. 每次点击 checkbox 或 radio 后， 弹出该节点的 tId、name 以及当前勾选状态的信息

              + 
              function zTreeOnCheck(event, treeId, treeNode) {
+    alert(treeNode.tId + ", " + treeNode.name + "," + treeNode.checked);
+};
+var setting = {
+	callback: {
+		onCheck: zTreeOnCheck
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.callback.onClick.html b/js/zTree_v3/api/cn/setting.callback.onClick.html new file mode 100755 index 0000000..1f7a266 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.callback.onClick.html @@ -0,0 +1,49 @@ +
              +
              +

              Function(event, treeId, treeNode, clickFlag)setting.callback.onClick

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              用于捕获节点被点击的事件回调函数

              +

              如果设置了 setting.callback.beforeClick 方法，且返回 false，将无法触发 onClick 事件回调函数。

              +

              默认值：null

              +
              +
              +

              Function 参数说明

              +
              +

              eventjs event 对象

              +

              标准的 js event 对象

              +

              treeIdString

              +

              对应 zTree 的 treeId，便于用户操控

              +

              treeNodeJSON

              +

              被点击的节点 JSON 数据对象

              +

              clickFlagNumber

              +

              节点被点击后的选中操作类型，详细看下表

              + + + + + + + + + + + + +
              clickFlagselectedMultiautoCancelSelected
              &&
              event.ctrlKey / metaKey              		isSelected选中操作
              1truefalsefalse普通选中
              1truefalsetrue普通选中
              2truetruefalse追加选中
              0truetruetrue取消选中
              1falsefalsefalse普通选中
              1falsefalsetrue普通选中
              1falsetruefalse普通选中
              0falsetruetrue取消选中
              +
              +

              setting & function 举例

              +

              1. 每次点击节点后， 弹出该节点的 tId、name 的信息

              + 
              function zTreeOnClick(event, treeId, treeNode) {
+    alert(treeNode.tId + ", " + treeNode.name);
+};
+var setting = {
+	callback: {
+		onClick: zTreeOnClick
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.callback.onCollapse.html b/js/zTree_v3/api/cn/setting.callback.onCollapse.html new file mode 100755 index 0000000..1c816c2 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.callback.onCollapse.html @@ -0,0 +1,34 @@ +
              +
              +

              Function(event, treeId, treeNode)setting.callback.onCollapse

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              用于捕获节点被折叠的事件回调函数

              +

              如果设置了 setting.callback.beforeCollapse 方法，且返回 false，将无法触发 onCollapse 事件回调函数。

              +

              默认值：null

              +
              +
              +

              Function 参数说明

              +
              +

              eventjs event 对象

              +

              标准的 js event 对象

              +

              treeIdString

              +

              对应 zTree 的 treeId，便于用户操控

              +

              treeNodeJSON

              +

              被折叠的节点 JSON 数据对象

              +
              +

              setting & function 举例

              +

              1. 每次折叠节点后， 弹出该节点的 tId、name 的信息

              + 
              function zTreeOnCollapse(event, treeId, treeNode) {
+    alert(treeNode.tId + ", " + treeNode.name);
+};
+var setting = {
+	callback: {
+		onCollapse: zTreeOnCollapse
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.callback.onDblClick.html b/js/zTree_v3/api/cn/setting.callback.onDblClick.html new file mode 100755 index 0000000..deb8e62 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.callback.onDblClick.html @@ -0,0 +1,35 @@ +
              +
              +

              Function(event, treeId, treeNode)setting.callback.onDblClick

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              用于捕获 zTree 上鼠标双击之后的事件回调函数

              +

              如果设置了 setting.callback.beforeDblClick 方法，且返回 false，将无法触发 onDblClick 事件回调函数。

              +

              默认值：null

              +
              +
              +

              Function 参数说明

              +
              +

              eventjs event 对象

              +

              标准的 js event 对象

              +

              treeIdString

              +

              对应 zTree 的 treeId，便于用户操控

              +

              treeNodeJSON

              +

              鼠标双击时所在节点的 JSON 数据对象

              +

              如果不在节点上，则返回 null

              +
              +

              setting & function 举例

              +

              1. 每次鼠标双击后， 弹出鼠标所在节点的 tId、name 的信息

              + 
              function zTreeOnDblClick(event, treeId, treeNode) {
+    alert(treeNode ? treeNode.tId + ", " + treeNode.name : "isRoot");
+};
+var setting = {
+	callback: {
+		onDblClick: zTreeOnDblClick
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.callback.onDrag.html b/js/zTree_v3/api/cn/setting.callback.onDrag.html new file mode 100755 index 0000000..efd115b --- /dev/null +++ b/js/zTree_v3/api/cn/setting.callback.onDrag.html @@ -0,0 +1,34 @@ +
              +
              +

              Function(event, treeId, treeNodes)setting.callback.onDrag

              +

              概述[ 依赖 jquery.ztree.exedit 扩展 js ]

              +
              +

              +
              +

              用于捕获节点被拖拽的事件回调函数

              +

              如果设置了 setting.callback.beforeDrag 方法，且返回 false，将无法触发 onDragMove 和 onDrag 事件回调函数。

              +

              默认值：null

              +
              +
              +

              Function 参数说明

              +
              +

              eventjs event 对象

              +

              标准的 js event 对象

              +

              treeIdString

              +

              被拖拽的节点 treeNodes 所在 zTree 的 treeId，便于用户操控

              +

              treeNodesArray(JSON)

              +

              要被拖拽的节点 JSON 数据集合

              +
              +

              setting & function 举例

              +

              1. 每次开始进行拖拽节点后， 弹出被拖拽节点的个数信息

              + 
              function zTreeOnDrag(event, treeId, treeNodes) {
+    alert(treeNodes.length);
+};
+var setting = {
+	callback: {
+		onDrag: zTreeOnDrag
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.callback.onDragMove.html b/js/zTree_v3/api/cn/setting.callback.onDragMove.html new file mode 100755 index 0000000..e6a8dd9 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.callback.onDragMove.html @@ -0,0 +1,34 @@ +
              +
              +

              Function(event, treeId, treeNodes)setting.callback.onDragMove

              +

              概述[ 依赖 jquery.ztree.exedit 扩展 js ]

              +
              +

              +
              +

              用于捕获节点被拖拽过程中移动的事件回调函数

              +

              主要用于捕获 zTree 节点拖拽到的 DOM，从而操作对应的 DOM。

              +

              默认值：null

              +
              +
              +

              Function 参数说明

              +
              +

              eventjs event 对象

              +

              标准的 js event 对象

              +

              treeIdString

              +

              被拖拽的节点 treeNodes 所在 zTree 的 treeId，便于用户操控

              +

              treeNodesArray(JSON)

              +

              要被拖拽的节点 JSON 数据集合

              +
              +

              setting & function 举例

              +

              1. 拖拽节点时，随时输出 当前拖拽到的目标 DOM

              + 
              function zTreeOnDragMove(event, treeId, treeNodes) {
+    console.log(event.target);
+};
+var setting = {
+	callback: {
+		onDragMove: zTreeOnDragMove
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.callback.onDrop.html b/js/zTree_v3/api/cn/setting.callback.onDrop.html new file mode 100755 index 0000000..c6773a8 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.callback.onDrop.html @@ -0,0 +1,46 @@ +
              +
              +

              Function(event, treeId, treeNodes, targetNode, moveType, isCopy)setting.callback.onDrop

              +

              概述[ 依赖 jquery.ztree.exedit 扩展 js ]

              +
              +

              +
              +

              用于捕获节点拖拽操作结束的事件回调函数

              +

              如果设置了 setting.callback.beforeDrop 方法，且返回 false，将无法触发 onDrop 事件回调函数。

              +

              默认值：null

              +
              +
              +

              Function 参数说明

              +
              +

              eventjs event 对象

              +

              标准的 js event 对象

              +

              treeIdString

              +

              目标节点 targetNode 所在 zTree 的 treeId，便于用户操控

              +

              treeNodesArray(JSON)

              +

              被拖拽的节点 JSON 数据集合

              +

              如果拖拽操作为 移动，treeNodes 是当前被拖拽节点的数据集合。

              +

              如果拖拽操作为 复制，treeNodes 是复制后 clone 得到的新节点数据。

              +

              targetNodeJSON

              +

              成为 treeNodes 拖拽结束的目标节点 JSON 数据对象。

              +

              如果拖拽成为根节点，则 targetNode = null

              +

              moveTypeString

              +

              指定移动到目标节点的相对位置

              +

              "inner"：成为子节点，"prev"：成为同级前一个节点，"next"：成为同级后一个节点

              +

              如果 moveType = null，表明拖拽无效

              +

              isCopyBoolean

              +

              拖拽节点操作是 复制 或 移动

              +

              true：复制；false：移动

              +
              +

              setting & function 举例

              +

              1. 每次拖拽操作结束后， 弹出该被拖拽节点的个数以及目标节点的 tId、name 的信息

              + 
              function zTreeOnDrop(event, treeId, treeNodes, targetNode, moveType) {
+    alert(treeNodes.length + "," + (targetNode ? (targetNode.tId + ", " + targetNode.name) : "isRoot" ));
+};
+var setting = {
+	callback: {
+		onDrop: zTreeOnDrop
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.callback.onExpand.html b/js/zTree_v3/api/cn/setting.callback.onExpand.html new file mode 100755 index 0000000..791c5f6 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.callback.onExpand.html @@ -0,0 +1,34 @@ +
              +
              +

              Function(event, treeId, treeNode)setting.callback.onExpand

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              用于捕获节点被展开的事件回调函数

              +

              如果设置了 setting.callback.beforeExpand 方法，且返回 false，将无法触发 onExpand 事件回调函数。

              +

              默认值：null

              +
              +
              +

              Function 参数说明

              +
              +

              eventjs event 对象

              +

              标准的 js event 对象

              +

              treeIdString

              +

              对应 zTree 的 treeId，便于用户操控

              +

              treeNodeJSON

              +

              被展开的节点 JSON 数据对象

              +
              +

              setting & function 举例

              +

              1. 每次展开节点后， 弹出该节点的 tId、name 的信息

              + 
              function zTreeOnExpand(event, treeId, treeNode) {
+    alert(treeNode.tId + ", " + treeNode.name);
+};
+var setting = {
+	callback: {
+		onExpand: zTreeOnExpand
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.callback.onMouseDown.html b/js/zTree_v3/api/cn/setting.callback.onMouseDown.html new file mode 100755 index 0000000..bc9d0ea --- /dev/null +++ b/js/zTree_v3/api/cn/setting.callback.onMouseDown.html @@ -0,0 +1,35 @@ +
              +
              +

              Function(event, treeId, treeNode)setting.callback.onMouseDown

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              用于捕获 zTree 上鼠标按键按下后的事件回调函数

              +

              如果设置了 setting.callback.beforeMouseDown 方法，且返回 false，将无法触发 onMouseDown 事件回调函数。

              +

              默认值：null

              +
              +
              +

              Function 参数说明

              +
              +

              eventjs event 对象

              +

              标准的 js event 对象

              +

              treeIdString

              +

              对应 zTree 的 treeId，便于用户操控

              +

              treeNodeJSON

              +

              鼠标按键按下时所在节点的 JSON 数据对象

              +

              如果不在节点上，则返回 null

              +
              +

              setting & function 举例

              +

              1. 每次鼠标按键按下后， 弹出鼠标所在节点的 tId、name 的信息

              + 
              function zTreeOnMouseDown(event, treeId, treeNode) {
+    alert(treeNode ? treeNode.tId + ", " + treeNode.name : "isRoot");
+};
+var setting = {
+	callback: {
+		onMouseDown: zTreeOnMouseDown
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.callback.onMouseUp.html b/js/zTree_v3/api/cn/setting.callback.onMouseUp.html new file mode 100755 index 0000000..a969fef --- /dev/null +++ b/js/zTree_v3/api/cn/setting.callback.onMouseUp.html @@ -0,0 +1,35 @@ +
              +
              +

              Function(event, treeId, treeNode)setting.callback.onMouseUp

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              用于捕获 zTree 上鼠标按键松开后的事件回调函数

              +

              如果设置了 setting.callback.beforeMouseUp 方法，且返回 false，将无法触发 onMouseUp 事件回调函数。

              +

              默认值：null

              +
              +
              +

              Function 参数说明

              +
              +

              eventjs event 对象

              +

              标准的 js event 对象

              +

              treeIdString

              +

              对应 zTree 的 treeId，便于用户操控

              +

              treeNodeJSON

              +

              鼠标按键松开时所在节点的 JSON 数据对象

              +

              如果不在节点上，则返回 null

              +
              +

              setting & function 举例

              +

              1. 每次鼠标按键松开后， 弹出鼠标所在节点的 tId、name 的信息

              + 
              function zTreeOnMouseUp(event, treeId, treeNode) {
+    alert(treeNode ? treeNode.tId + ", " + treeNode.name : "isRoot");
+};
+var setting = {
+	callback: {
+		onMouseUp: zTreeOnMouseUp
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.callback.onNodeCreated.html b/js/zTree_v3/api/cn/setting.callback.onNodeCreated.html new file mode 100755 index 0000000..2ebaee6 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.callback.onNodeCreated.html @@ -0,0 +1,35 @@ +
              +
              +

              Function(event, treeId, treeNode)setting.callback.onNodeCreated

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              用于捕获节点生成 DOM 后的事件回调函数

              +

              v3.x 采用了延迟加载技术，因此对于父节点未展开的子节点来说，初始化后是不会触发此回调函数，直到其父节点被展开

              +

              大数据量的节点加载请注意：不设置 onNodeCreated，可以提升一部分初始化性能

              +

              默认值：null

              +
              +
              +

              Function 参数说明

              +
              +

              eventjs event 对象

              +

              标准的 js event 对象

              +

              treeIdString

              +

              对应 zTree 的 treeId，便于用户操控

              +

              treeNodeJSON

              +

              生成 DOM 完毕的节点的 JSON 数据对象

              +
              +

              setting & function 举例

              +

              1. 创建节点 DOM 后， 弹出该节点的 tId、name 的信息

              + 
              function zTreeOnNodeCreated(event, treeId, treeNode) {
+    alert(treeNode.tId + ", " + treeNode.name);
+};
+var setting = {
+	callback: {
+		onNodeCreated: zTreeOnNodeCreated
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.callback.onRemove.html b/js/zTree_v3/api/cn/setting.callback.onRemove.html new file mode 100755 index 0000000..e7e625d --- /dev/null +++ b/js/zTree_v3/api/cn/setting.callback.onRemove.html @@ -0,0 +1,34 @@ +
              +
              +

              Function(event, treeId, treeNode)setting.callback.onRemove

              +

              概述[ 依赖 jquery.ztree.exedit 扩展 js ]

              +
              +

              +
              +

              用于捕获删除节点之后的事件回调函数。

              +

              如果用户设置了 beforeRemove 回调函数，并返回 false，将无法触发 onRemove 事件回调函数。

              +

              默认值：null

              +
              +
              +

              Function 参数说明

              +
              +

              eventjs event 对象

              +

              标准的 js event 对象

              +

              treeIdString

              +

              对应 zTree 的 treeId，便于用户操控

              +

              treeNodeJSON

              +

              将要删除的节点 JSON 数据对象

              +
              +

              setting & function 举例

              +

              1. 删除节点时，弹出被删除的节点的 tId 以及 name 信息

              + 
              function zTreeOnRemove(event, treeId, treeNode) {
+	alert(treeNode.tId + ", " + treeNode.name);
+}
+var setting = {
+	callback: {
+		onRemove: zTreeOnRemove
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.callback.onRename.html b/js/zTree_v3/api/cn/setting.callback.onRename.html new file mode 100755 index 0000000..f225463 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.callback.onRename.html @@ -0,0 +1,40 @@ +
              +
              +

              Function(event, treeId, treeNode, isCancel)setting.callback.onRename

              +

              概述[ 依赖 jquery.ztree.exedit 扩展 js ]

              +
              +

              +
              +

              用于捕获节点编辑名称结束之后的事件回调函数。

              +

              1、节点进入编辑名称状态，并且修改节点名称后触发此回调函数。如果用户设置了 beforeRename 回调函数，并返回 false，将无法触发 onRename 事件回调函数。

              +

              2、如果通过直接修改 treeNode 的数据，并且利用 updateNode 方法更新，是不会触发此回调函数的。

              +

              3、从 v3.5.13 开始，取消编辑状态也会触发此回调，根据 isCancel 参数判断

              +

              默认值：null

              +
              +
              +

              Function 参数说明

              +
              +

              eventjs event 对象

              +

              标准的 js event 对象

              +

              treeIdString

              +

              对应 zTree 的 treeId，便于用户操控

              +

              treeNodeJSON

              +

              被修改名称的节点 JSON 数据对象

              +

              isCancelBoolean

              +

              是否取消操作 (v3.5.13+)

              +

              isCancel = true 表示取消编辑操作（按下 ESC 或 使用 cancelEditName 方法）

              +

              isCancel = false 表示确认修改操作

              +
              +

              setting & function 举例

              +

              1. 修改名称后，弹出被修改名称的节点的 tId 以及 name 信息

              + 
              function zTreeOnRename(event, treeId, treeNode, isCancel) {
+	alert(treeNode.tId + ", " + treeNode.name);
+}
+var setting = {
+	callback: {
+		onRename: zTreeOnRename
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.callback.onRightClick.html b/js/zTree_v3/api/cn/setting.callback.onRightClick.html new file mode 100755 index 0000000..d51c68d --- /dev/null +++ b/js/zTree_v3/api/cn/setting.callback.onRightClick.html @@ -0,0 +1,36 @@ +
              +
              +

              Function(event, treeId, treeNode)setting.callback.onRightClick

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              用于捕获 zTree 上鼠标右键点击之后的事件回调函数

              +

              1、如果设置了 setting.callback.beforeRightClick 方法，且返回 false，将无法触发 onRightClick 事件回调函数。

              +

              2、只要将 function 的引用赋给 onRightClick 属性，则右键点击 zTree 时，将屏蔽浏览器的右键菜单。

              +

              默认值：null

              +
              +
              +

              Function 参数说明

              +
              +

              eventjs event 对象

              +

              标准的 js event 对象

              +

              treeIdString

              +

              对应 zTree 的 treeId，便于用户操控

              +

              treeNodeJSON

              +

              鼠标右键点击时所在节点的 JSON 数据对象

              +

              如果不在节点上，则返回 null

              +
              +

              setting & function 举例

              +

              1. 每次鼠标右键点击后， 弹出鼠标所在节点的 tId、name 的信息

              + 
              function zTreeOnRightClick(event, treeId, treeNode) {
+    alert(treeNode ? treeNode.tId + ", " + treeNode.name : "isRoot");
+};
+var setting = {
+	callback: {
+		onRightClick: zTreeOnRightClick
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.check.autoCheckTrigger.html b/js/zTree_v3/api/cn/setting.check.autoCheckTrigger.html new file mode 100755 index 0000000..d1efd77 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.check.autoCheckTrigger.html @@ -0,0 +1,28 @@ +
              +
              +

              Booleansetting.check.autoCheckTrigger

              +

              概述[ 依赖 jquery.ztree.excheck 扩展 js ]

              +
              +

              +
              +

              设置自动关联勾选时是否触发 beforeCheck / onCheck 事件回调函数。[setting.check.enable = true 且 setting.check.chkStyle = "checkbox" 时生效]

              +

              1、如果设置 setting.check.chkboxType = { "Y": "", "N": "" }，将不会有任何自动关联勾选的操作。

              +

              2、如果开启触发，对于节点较多的树将会影响性能，因为所有被联动勾选的操作都会触发事件回调函数，请根据需要决定是否使用此功能。

              +

              默认值: false

              +
              +
              +

              Boolean 格式说明

              +
              +

              true / false 分别表示 触发 / 不触发 事件回调函数

              +
              +

              setting 举例

              +

              1. 需要触发自动关联勾选操作

              + 
              var setting = {
+	check: {
+		enable: true,
+		autoCheckTrigger: true
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.check.chkDisabledInherit.html b/js/zTree_v3/api/cn/setting.check.chkDisabledInherit.html new file mode 100755 index 0000000..8af1c2c --- /dev/null +++ b/js/zTree_v3/api/cn/setting.check.chkDisabledInherit.html @@ -0,0 +1,28 @@ +
              +
              +

              Booleansetting.check.chkDisabledInherit

              +

              概述[ 依赖 jquery.ztree.excheck 扩展 js ]

              +
              +

              +
              +

              当父节点设置 chkDisabled = true 时，设置子节点是否自动继承 chkDisabled = true 。[setting.check.enable = true 时生效]

              +

              1、只使用于初始化节点时，便于批量操作。 对于已存在的节点请利用 setChkDisabled 方法单个节点设置。

              +

              默认值: false

              +
              +
              +

              Boolean 格式说明

              +
              +

              true 表示 新加入子节点时，自动继承父节点 chkDisabled = true 的属性。

              +

              false 表示 新加入子节点时，不继承父节点 chkDisabled 的属性。

              +
              +

              setting 举例

              +

              1. 需要子节点自动继承 chkDisabled = true

              + 
              var setting = {
+	check: {
+		enable: true,
+		chkDisabledInherit: true
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.check.chkStyle.html b/js/zTree_v3/api/cn/setting.check.chkStyle.html new file mode 100755 index 0000000..9706c13 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.check.chkStyle.html @@ -0,0 +1,48 @@ +
              +
              +

              Stringsetting.check.chkStyle

              +

              概述[ 依赖 jquery.ztree.excheck 扩展 js ]

              +
              +

              +
              +

              勾选框类型(checkbox 或 radio）[setting.check.enable = true 时生效]

              +

              默认值："checkbox"

              +
              +
              +

              String 格式说明

              +
              +

              chkStyle = "checkbox" 时，显示 checkbox 选择框，setting.check.chkboxType 属性有效。 +
              chkStyle = "radio" 时，显示 radio 选择框， setting.check.radioType 属性有效。

              +

              请注意大小写，不要改变

              +
              +

              checkbox 状态说明

              +
              +

              +
              +

              未勾选；如果是父节点，则无子节点被勾选。鼠标移到该节点上显示为：

              +

              未勾选；（只有父节点存在此状态）存在被勾选的子节点。鼠标移到该节点上显示为：

              +

              被勾选；如果是父节点，则全部子节点都被勾选。鼠标移到该节点上显示为：

              +

              被勾选；（只有父节点存在此状态）且部分或无子节点被勾选。鼠标移到该节点上显示为：

              +
              +
              +

              radio 状态说明

              +
              +

              +
              +

              未勾选；如果是父节点，则没有子节点被勾选。鼠标移到该节点上显示为：

              +

              未勾选；（只有父节点存在此状态）且存在被勾选的子节点。鼠标移到该节点上显示为：

              +

              被勾选；如果是父节点，则没有子节点被勾选。鼠标移到该节点上显示为：

              +

              被勾选；（只有父节点存在此状态）且存在被勾选的子节点。鼠标移到该节点上显示为：

              +
              +
              +

              setting 举例

              +

              1. 设置选择框为 radio

              + 
              var setting = {
+	check: {
+		enable: true,
+		chkStyle: "radio"
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.check.chkboxType.html b/js/zTree_v3/api/cn/setting.check.chkboxType.html new file mode 100755 index 0000000..da06b6c --- /dev/null +++ b/js/zTree_v3/api/cn/setting.check.chkboxType.html @@ -0,0 +1,31 @@ +
              +
              +

              JSONsetting.check.chkboxType

              +

              概述[ 依赖 jquery.ztree.excheck 扩展 js ]

              +
              +

              +
              +

              勾选 checkbox 对于父子节点的关联关系。[setting.check.enable = true 且 setting.check.chkStyle = "checkbox" 时生效]

              +

              默认值：{ "Y": "ps", "N": "ps" }

              +
              +
              +

              JSON 格式说明

              +
              +

              Y 属性定义 checkbox 被勾选后的情况； +
              N 属性定义 checkbox 取消勾选后的情况； +
              "p" 表示操作会影响父级节点； +
              "s" 表示操作会影响子级节点。

              +

              请注意大小写，不要改变

              +
              +

              setting 举例

              +

              1. checkbox 勾选操作，只影响父级节点；取消勾选操作，只影响子级节点

              + 
              var setting = {
+	check: {
+		enable: true,
+		chkStyle: "checkbox",
+		chkboxType: { "Y": "p", "N": "s" }
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.check.enable.html b/js/zTree_v3/api/cn/setting.check.enable.html new file mode 100755 index 0000000..8b1387e --- /dev/null +++ b/js/zTree_v3/api/cn/setting.check.enable.html @@ -0,0 +1,25 @@ +
              +
              +

              Booleansetting.check.enable

              +

              概述[ 依赖 jquery.ztree.excheck 扩展 js ]

              +
              +

              +
              +

              设置 zTree 的节点上是否显示 checkbox / radio

              +

              默认值: false

              +
              +
              +

              Boolean 格式说明

              +
              +

              true / false 分别表示 显示 / 不显示 复选框或单选框

              +
              +

              setting 举例

              +

              1. 需要显示 checkbox

              + 
              var setting = {
+	check: {
+		enable: true
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.check.nocheckInherit.html b/js/zTree_v3/api/cn/setting.check.nocheckInherit.html new file mode 100755 index 0000000..caf9902 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.check.nocheckInherit.html @@ -0,0 +1,28 @@ +
              +
              +

              Booleansetting.check.nocheckInherit

              +

              概述[ 依赖 jquery.ztree.excheck 扩展 js ]

              +
              +

              +
              +

              当父节点设置 nocheck = true 时，设置子节点是否自动继承 nocheck = true 。[setting.check.enable = true 时生效]

              +

              1、只使用于初始化节点时，便于批量操作。 对于已存在的节点请利用 updateNode 方法单个节点设置。

              +

              默认值: false

              +
              +
              +

              Boolean 格式说明

              +
              +

              true 表示 新加入子节点时，自动继承父节点 nocheck = true 的属性。

              +

              false 表示 新加入子节点时，不继承父节点 nocheck 的属性。

              +
              +

              setting 举例

              +

              1. 需要子节点自动继承 nocheck = true

              + 
              var setting = {
+	check: {
+		enable: true,
+		nocheckInherit: true
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.check.radioType.html b/js/zTree_v3/api/cn/setting.check.radioType.html new file mode 100755 index 0000000..19f84ca --- /dev/null +++ b/js/zTree_v3/api/cn/setting.check.radioType.html @@ -0,0 +1,29 @@ +
              +
              +

              Stringsetting.check.radioType

              +

              概述[ 依赖 jquery.ztree.excheck 扩展 js ]

              +
              +

              +
              +

              radio 的分组范围。[setting.check.enable = true 且 setting.check.chkStyle = "radio" 时生效]

              +

              默认值："level"

              +
              +
              +

              String 格式说明

              +
              +

              radioType = "level" 时，在每一级节点范围内当做一个分组。 +
              radioType = "all" 时，在整棵树范围内当做一个分组。

              +

              请注意大小写，不要改变

              +
              +

              setting 举例

              +

              1. 设置 radio 的判别规则为整棵树内

              + 
              var setting = {
+	check: {
+		enable: true,
+		chkStyle: "radio",
+		radioType: "all"
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.data.keep.leaf.html b/js/zTree_v3/api/cn/setting.data.keep.leaf.html new file mode 100755 index 0000000..af3a721 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.data.keep.leaf.html @@ -0,0 +1,28 @@ +
              +
              +

              Booleansetting.data.keep.leaf

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              zTree 的节点叶子节点属性锁，是否始终保持 isParent = false

              +

              默认值：false

              +
              +
              +

              Boolean 格式说明

              +
              +

              true / false 分别表示 锁定 / 不锁定 叶子节点属性

              +

              如果设置为 true，则所有 isParent = false 的节点，都无法添加子节点。

              +
              +

              setting 举例

              +

              1. 需要锁定叶子节点状态

              + 
              var setting = {
+	data: {
+		keep: {
+			leaf: true
+		}
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.data.keep.parent.html b/js/zTree_v3/api/cn/setting.data.keep.parent.html new file mode 100755 index 0000000..c4975df --- /dev/null +++ b/js/zTree_v3/api/cn/setting.data.keep.parent.html @@ -0,0 +1,28 @@ +
              +
              +

              Booleansetting.data.keep.parent

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              zTree 的节点父节点属性锁，是否始终保持 isParent = true

              +

              默认值：false

              +
              +
              +

              Boolean 格式说明

              +
              +

              true / false 分别表示 锁定 / 不锁定 父节点属性

              +

              如果设置为 true，则所有 isParent = true 的节点，即使该节点的子节点被全部删除或移走，依旧保持父节点状态。

              +
              +

              setting 举例

              +

              1. 需要锁定父节点状态

              + 
              var setting = {
+	data: {
+		keep: {
+			parent: true
+		}
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.data.key.checked.html b/js/zTree_v3/api/cn/setting.data.key.checked.html new file mode 100755 index 0000000..ac9fdc1 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.data.key.checked.html @@ -0,0 +1,24 @@ +
              +
              +

              Stringsetting.data.key.checked

              +

              概述[ 依赖 jquery.ztree.excheck 扩展 js ]

              +
              +

              +
              +

              zTree 节点数据中保存 check 状态的属性名称。

              +

              默认值："checked"

              +

              请勿与 zTree 节点数据的其他参数冲突，例如：checkedOld

              +
              +
              +

              setting 举例

              +

              1. 设置 zTree 显示节点时，将 treeNode 的 isChecked 属性当做节点名称

              + 
              var setting = {
+	data: {
+		key: {
+			checked: "isChecked"
+		}
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.data.key.children.html b/js/zTree_v3/api/cn/setting.data.key.children.html new file mode 100755 index 0000000..66a49a7 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.data.key.children.html @@ -0,0 +1,23 @@ +
              +
              +

              Stringsetting.data.key.children

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              zTree 节点数据中保存子节点数据的属性名称。

              +

              默认值："children"

              +
              +
              +

              setting 举例

              +

              1. 设置 zTree 显示节点时，将 treeNode 的 nodes 属性当做节点名称

              + 
              var setting = {
+	data: {
+		key: {
+			children: "nodes"
+		}
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.data.key.isHidden.html b/js/zTree_v3/api/cn/setting.data.key.isHidden.html new file mode 100755 index 0000000..0ea26bc --- /dev/null +++ b/js/zTree_v3/api/cn/setting.data.key.isHidden.html @@ -0,0 +1,24 @@ +
              +
              +

              Stringsetting.data.key.isHidden

              +

              概述[ 依赖 jquery.ztree.exhide js ]

              +
              +

              +
              +

              zTree 节点数据保存节点是否隐藏的属性名称。

              +

              默认值："isHidden"

              +

              v3.5.32+

              +
              +
              +

              setting 举例

              +

              1. 设置 zTree 显示节点时，将 treeNode 的 hidden 属性当做节点是否隐藏的属性名称

              + 
              var setting = {
+	data: {
+		key: {
+			isHidden: "hidden"
+		}
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.data.key.isParent.html b/js/zTree_v3/api/cn/setting.data.key.isParent.html new file mode 100755 index 0000000..d9476c3 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.data.key.isParent.html @@ -0,0 +1,24 @@ +
              +
              +

              Stringsetting.data.key.isParent

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              zTree 节点数据保存节点是否为父节点的属性名称。

              +

              默认值："isParent"

              +

              v3.5.32+

              +
              +
              +

              setting 举例

              +

              1. 设置 zTree 显示节点时，将 treeNode 的 parent 属性当做节点是否为父节点的属性名称

              + 
              var setting = {
+	data: {
+		key: {
+			isParent: "parent"
+		}
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.data.key.name.html b/js/zTree_v3/api/cn/setting.data.key.name.html new file mode 100755 index 0000000..c25d250 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.data.key.name.html @@ -0,0 +1,23 @@ +
              +
              +

              Stringsetting.data.key.name

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              zTree 节点数据保存节点名称的属性名称。

              +

              默认值："name"

              +
              +
              +

              setting 举例

              +

              1. 设置 zTree 显示节点时，将 treeNode 的 ename 属性当做节点名称

              + 
              var setting = {
+	data: {
+		key: {
+			name: "ename"
+		}
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.data.key.title.html b/js/zTree_v3/api/cn/setting.data.key.title.html new file mode 100755 index 0000000..43e6855 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.data.key.title.html @@ -0,0 +1,24 @@ +
              +
              +

              Stringsetting.data.key.title

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              zTree 节点数据保存节点提示信息的属性名称。[setting.view.showTitle = true 时生效]

              +

              如果设置为 "" ，则自动与 setting.data.key.name 保持一致，避免用户反复设置

              +

              默认值：""

              +
              +
              +

              setting 举例

              +

              1. 设置 zTree 显示节点时，将 treeNode 的 fullName 属性当做节点名称

              + 
              var setting = {
+	data: {
+		key: {
+			title: "fullName"
+		}
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.data.key.url.html b/js/zTree_v3/api/cn/setting.data.key.url.html new file mode 100755 index 0000000..e534d98 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.data.key.url.html @@ -0,0 +1,24 @@ +
              +
              +

              Stringsetting.data.key.url

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              zTree 节点数据保存节点链接的目标 URL 的属性名称。

              +

              特殊用途：当后台数据只能生成 url 属性，又不想实现点击节点跳转的功能时，可以直接修改此属性为其他不存在的属性名称

              +

              默认值："url"

              +
              +
              +

              setting 举例

              +

              1. 设置 zTree 显示节点时，将 treeNode 的 xUrl 属性当做节点链接的目标 URL

              + 
              var setting = {
+	data: {
+		key: {
+			url: "xUrl"
+		}
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.data.simpleData.enable.html b/js/zTree_v3/api/cn/setting.data.simpleData.enable.html new file mode 100755 index 0000000..5d7bd42 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.data.simpleData.enable.html @@ -0,0 +1,38 @@ +
              +
              +

              Booleansetting.data.simpleData.enable

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              确定 zTree 初始化时的节点数据、异步加载时的节点数据、或 addNodes 方法中输入的 newNodes 数据是否采用简单数据模式 (Array)

              +

              不需要用户再把数据库中取出的 List 强行转换为复杂的 JSON 嵌套格式

              +

              默认值：false

              +
              +
              +

              Boolean 格式说明

              +
              +

              true / false 分别表示 使用 / 不使用 简单数据模式

              +

              如果设置为 true，请务必设置 setting.data.simpleData 内的其他参数: idKey / pIdKey / rootPId，并且让数据满足父子关系。

              +
              +

              setting 举例

              +

              1. 使用简单 Array 格式的数据

              + 
              var setting = {
+	data: {
+		simpleData: {
+			enable: true,
+			idKey: "id",
+			pIdKey: "pId",
+			rootPId: 0
+		}
+	}
+};
+var treeNodes = [
+    {"id":1, "pId":0, "name":"test1"},
+    {"id":11, "pId":1, "name":"test11"},
+    {"id":12, "pId":1, "name":"test12"},
+    {"id":111, "pId":11, "name":"test111"}
+];
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.data.simpleData.idKey.html b/js/zTree_v3/api/cn/setting.data.simpleData.idKey.html new file mode 100755 index 0000000..5b3ffd4 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.data.simpleData.idKey.html @@ -0,0 +1,32 @@ +
              +
              +

              Stringsetting.data.simpleData.idKey

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              节点数据中保存唯一标识的属性名称。[setting.data.simpleData.enable = true 时生效]

              +

              默认值："id"

              +
              +
              +

              setting 举例

              +

              1. 使用简单 Array 格式的数据

              + 
              var setting = {
+	data: {
+		simpleData: {
+			enable: true,
+			idKey: "id",
+			pIdKey: "pId",
+			rootPId: 0
+		}
+	}
+};
+var treeNodes = [
+    {"id":1, "pId":0, "name":"test1"},
+    {"id":11, "pId":1, "name":"test11"},
+    {"id":12, "pId":1, "name":"test12"},
+    {"id":111, "pId":11, "name":"test111"}
+];
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.data.simpleData.pIdKey.html b/js/zTree_v3/api/cn/setting.data.simpleData.pIdKey.html new file mode 100755 index 0000000..d434bc3 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.data.simpleData.pIdKey.html @@ -0,0 +1,32 @@ +
              +
              +

              Stringsetting.data.simpleData.pIdKey

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              节点数据中保存其父节点唯一标识的属性名称。[setting.data.simpleData.enable = true 时生效]

              +

              默认值："pId"

              +
              +
              +

              setting 举例

              +

              1. 使用简单 Array 格式的数据

              + 
              var setting = {
+	data: {
+		simpleData: {
+			enable: true,
+			idKey: "id",
+			pIdKey: "pId",
+			rootPId: 0
+		}
+	}
+};
+var treeNodes = [
+    {"id":1, "pId":0, "name":"test1"},
+    {"id":11, "pId":1, "name":"test11"},
+    {"id":12, "pId":1, "name":"test12"},
+    {"id":111, "pId":11, "name":"test111"}
+];
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.data.simpleData.rootPId.html b/js/zTree_v3/api/cn/setting.data.simpleData.rootPId.html new file mode 100755 index 0000000..8cff82d --- /dev/null +++ b/js/zTree_v3/api/cn/setting.data.simpleData.rootPId.html @@ -0,0 +1,32 @@ +
              +
              +

              String / Numbersetting.data.simpleData.rootPId

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              用于修正根节点父节点数据，即 pIdKey 指定的属性值。[setting.data.simpleData.enable = true 时生效]

              +

              默认值：null

              +
              +
              +

              setting 举例

              +

              1. 使用简单 Array 格式的数据

              + 
              var setting = {
+	data: {
+		simpleData: {
+			enable: true,
+			idKey: "id",
+			pIdKey: "pId",
+			rootPId: 0
+		}
+	}
+};
+var treeNodes = [
+    {"id":1, "pId":0, "name":"test1"},
+    {"id":11, "pId":1, "name":"test11"},
+    {"id":12, "pId":1, "name":"test12"},
+    {"id":111, "pId":11, "name":"test111"}
+];
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.edit.drag.autoExpandTrigger.html b/js/zTree_v3/api/cn/setting.edit.drag.autoExpandTrigger.html new file mode 100755 index 0000000..126b8a8 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.edit.drag.autoExpandTrigger.html @@ -0,0 +1,28 @@ +
              +
              +

              Booleansetting.edit.drag.autoExpandTrigger

              +

              概述[ 依赖 jquery.ztree.exedit 扩展 js ]

              +
              +

              +
              +

              拖拽时父节点自动展开是否触发 onExpand 事件回调函数。[setting.edit.enable = true 时生效]

              +

              默认值：false

              +
              +
              +

              Boolean 格式说明

              +
              +

              true / false 分别表示 触发 / 不触发 onExpand 事件回调函数。

              +
              +

              setting 举例

              +

              1. 设置拖拽时父节点自动展开触发 onExpand 事件回调函数

              + 
              var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			autoExpandTrigger: true
+		}
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.edit.drag.autoOpenTime.html b/js/zTree_v3/api/cn/setting.edit.drag.autoOpenTime.html new file mode 100755 index 0000000..df78339 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.edit.drag.autoOpenTime.html @@ -0,0 +1,25 @@ +
              +
              +

              Numbersetting.edit.drag.autoOpenTime

              +

              概述[ 依赖 jquery.ztree.exedit 扩展 js ]

              +
              +

              +
              +

              拖拽时父节点自动展开的延时间隔。 (单位：ms)[setting.edit.enable = true 时生效]

              +

              默认值：500

              +

              请根据自己的需求适当调整此值

              +
              +
              +

              setting 举例

              +

              1. 设置拖拽到父节点上立刻自动展开

              + 
              var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			autoOpenTime: 0
+		}
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.edit.drag.borderMax.html b/js/zTree_v3/api/cn/setting.edit.drag.borderMax.html new file mode 100755 index 0000000..1d4dd68 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.edit.drag.borderMax.html @@ -0,0 +1,25 @@ +
              +
              +

              Numbersetting.edit.drag.borderMax

              +

              概述[ 依赖 jquery.ztree.exedit 扩展 js ]

              +
              +

              +
              +

              拖拽节点成为根节点时的 Tree 内边界范围 (单位：px)。[setting.edit.enable = true 时生效]

              +

              默认值：10

              +

              请根据自己的需求适当调整此值

              +
              +
              +

              setting 举例

              +

              1. 更改拖拽操作节点成为根节点时的 Tree 内边界范围为20px

              + 
              var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			borderMax: 20
+		}
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.edit.drag.borderMin.html b/js/zTree_v3/api/cn/setting.edit.drag.borderMin.html new file mode 100755 index 0000000..463eb2b --- /dev/null +++ b/js/zTree_v3/api/cn/setting.edit.drag.borderMin.html @@ -0,0 +1,25 @@ +
              +
              +

              Numbersetting.edit.drag.borderMin

              +

              概述[ 依赖 jquery.ztree.exedit 扩展 js ]

              +
              +

              +
              +

              拖拽节点成为根节点时的 Tree 外边界范围 (单位：px)。[setting.edit.enable = true 时生效]

              +

              默认值：-5

              +

              请根据自己的需求适当调整此值

              +
              +
              +

              setting 举例

              +

              1. 更改拖拽操作节点成为根节点时的 Tree 外边界范围为10px

              + 
              var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			borderMin: -10
+		}
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.edit.drag.inner.html b/js/zTree_v3/api/cn/setting.edit.drag.inner.html new file mode 100755 index 0000000..06679e1 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.edit.drag.inner.html @@ -0,0 +1,59 @@ +
              +
              +

              Boolean / Function(treeId, treeNodes, targetNode)setting.edit.drag.inner

              +

              概述[ 依赖 jquery.ztree.exedit 扩展 js ]

              +
              +

              +
              +

              拖拽到目标节点时，设置是否允许成为目标节点的子节点。[setting.edit.enable = true 时生效]

              +

              拖拽目标是 根 的时候，不触发 prev 和 next，只会触发 inner

              +

              此功能主要作用是对拖拽进行适当限制（辅助箭头），需要结合 prev、next 一起使用，才能实现完整功能。

              +

              默认值：true

              +
              +
              +

              Boolean 格式说明

              +
              +

              true / false 分别表示 允许 / 不允许 成为目标节点的子节点

              +
              +

              Function 参数说明

              +
              +

              treeIdString

              +

              对应 zTree 的 treeId，便于用户操控（多棵树拖拽时，是目标节点所在树的 treeId）

              +

              treeNodesArray(JSON)

              +

              被拖拽的节点 JSON 数据集合

              +

              targetNodeJSON

              +

              拖拽时的目标节点 JSON 数据对象

              +

              如果拖拽的节点要成为根节点，则 targetNode = null

              +

              返回值Boolean

              +

              返回值同 Boolean 格式的数据

              +
              +

              setting & function 举例

              +

              1. 禁止拖拽成为目标节点的子节点

              + 
              var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			prev: true,
+			next: true,
+			inner: false
+		}
+	}
+};
+......
              +

              2. 禁止拖拽成为根节点的子节点

              + 
              function canInner(treeId, nodes, targetNode) {
+	return !(targetNode && targetNode.level === 0);
+}
+var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			prev: true,
+			next: true,
+			inner: canInner
+		}
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.edit.drag.isCopy.html b/js/zTree_v3/api/cn/setting.edit.drag.isCopy.html new file mode 100755 index 0000000..cff17af --- /dev/null +++ b/js/zTree_v3/api/cn/setting.edit.drag.isCopy.html @@ -0,0 +1,32 @@ +
              +
              +

              Booleansetting.edit.drag.isCopy

              +

              概述[ 依赖 jquery.ztree.exedit 扩展 js ]

              +
              +

              +
              +

              拖拽时, 设置是否允许复制节点。[setting.edit.enable = true 时生效]

              +

              默认值：true

              +
              +
              +

              规则说明

              +
              +

              1、isCopy = true; isMove = true 时，拖拽节点按下 Ctrl 或 Cmd 键表示 copy; 否则为 move

              +

              2、isCopy = true; isMove = false 时，所有拖拽操作都是 copy

              +

              3、isCopy = false; isMove = true 时，所有拖拽操作都是 move

              +

              4、isCopy = false; isMove = false 时，禁止拖拽操作

              +
              +

              setting 举例

              +

              1. 设置所有拖拽操作都是 copy

              + 
              var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			isCopy: true,
+			isMove: false
+		}
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.edit.drag.isMove.html b/js/zTree_v3/api/cn/setting.edit.drag.isMove.html new file mode 100755 index 0000000..7fdadd1 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.edit.drag.isMove.html @@ -0,0 +1,32 @@ +
              +
              +

              Booleansetting.edit.drag.isMove

              +

              概述[ 依赖 jquery.ztree.exedit 扩展 js ]

              +
              +

              +
              +

              拖拽时, 设置是否允许移动节点。[setting.edit.enable = true 时生效]

              +

              默认值：true

              +
              +
              +

              规则说明

              +
              +

              1、isCopy = true; isMove = true 时，拖拽节点按下 Ctrl 或 Cmd 键表示 copy; 否则为 move

              +

              2、isCopy = true; isMove = false 时，所有拖拽操作都是 copy

              +

              3、isCopy = false; isMove = true 时，所有拖拽操作都是 move

              +

              4、isCopy = false; isMove = false 时，禁止拖拽操作

              +
              +

              setting 举例

              +

              1. 设置所有拖拽操作都是 move

              + 
              var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			isCopy: false,
+			isMove: true
+		}
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.edit.drag.maxShowNodeNum.html b/js/zTree_v3/api/cn/setting.edit.drag.maxShowNodeNum.html new file mode 100755 index 0000000..3e7a3d2 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.edit.drag.maxShowNodeNum.html @@ -0,0 +1,25 @@ +
              +
              +

              Numbersetting.edit.drag.maxShowNodeNum

              +

              概述[ 依赖 jquery.ztree.exedit 扩展 js ]

              +
              +

              +
              +

              拖拽多个兄弟节点时，浮动图层中显示的最大节点数。 多余的节点用...代替。[setting.edit.enable = true 时生效]

              +

              默认值：5

              +

              请根据自己的需求适当调整此值

              +
              +
              +

              setting 举例

              +

              1. 设置拖拽时最多可显示10个节点

              + 
              var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			maxShowNodeNum: 10
+		}
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.edit.drag.minMoveSize.html b/js/zTree_v3/api/cn/setting.edit.drag.minMoveSize.html new file mode 100755 index 0000000..904be41 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.edit.drag.minMoveSize.html @@ -0,0 +1,25 @@ +
              +
              +

              Numbersetting.edit.drag.minMoveSize

              +

              概述[ 依赖 jquery.ztree.exedit 扩展 js ]

              +
              +

              +
              +

              判定是否拖拽操作的最小位移值 (单位：px)。[setting.edit.enable = true 时生效]

              +

              根据自己的需求可适当调整此值，如果太小容易导致点击鼠标时误操作进行拖拽

              +

              默认值：5

              +
              +
              +

              setting 举例

              +

              1. 更改拖拽操作启动位移值为10px

              + 
              var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			minMoveSize: 10
+		}
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.edit.drag.next.html b/js/zTree_v3/api/cn/setting.edit.drag.next.html new file mode 100755 index 0000000..ffc874a --- /dev/null +++ b/js/zTree_v3/api/cn/setting.edit.drag.next.html @@ -0,0 +1,58 @@ +
              +
              +

              Boolean / Function(treeId, treeNodes, targetNode)setting.edit.drag.next

              +

              概述[ 依赖 jquery.ztree.exedit 扩展 js ]

              +
              +

              +
              +

              拖拽到目标节点时，设置是否允许移动到目标节点后面的操作。[setting.edit.enable = true 时生效]

              +

              拖拽目标是 根 的时候，不触发 prev 和 next，只会触发 inner

              +

              此功能主要作用是对拖拽进行适当限制（辅助箭头），需要结合 prev、inner 一起使用，才能实现完整功能。

              +

              默认值：true

              +
              +
              +

              Boolean 格式说明

              +
              +

              true / false 分别表示 允许 / 不允许 移动到目标节点后面

              +
              +

              Function 参数说明

              +
              +

              treeIdString

              +

              对应 zTree 的 treeId，便于用户操控（多棵树拖拽时，是目标节点所在树的 treeId）

              +

              treeNodesArray(JSON)

              +

              被拖拽的节点 JSON 数据集合

              +

              targetNodeJSON

              +

              拖拽时的目标节点 JSON 数据对象

              +

              返回值Boolean

              +

              返回值同 Boolean 格式的数据

              +
              +

              setting & function 举例

              +

              1. 禁止拖拽到节点后面的操作

              + 
              var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			prev: true,
+			next: false,
+			inner: true
+		}
+	}
+};
+......
              +

              2. 禁止拖拽到父节点后面的操作

              + 
              function canNext(treeId, nodes, targetNode) {
+	return !targetNode.isParent;
+}
+var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			prev: true,
+			next: canNext,
+			inner: true
+		}
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.edit.drag.prev.html b/js/zTree_v3/api/cn/setting.edit.drag.prev.html new file mode 100755 index 0000000..bd05361 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.edit.drag.prev.html @@ -0,0 +1,58 @@ +
              +
              +

              Boolean / Function(treeId, treeNodes, targetNode)setting.edit.drag.prev

              +

              概述[ 依赖 jquery.ztree.exedit 扩展 js ]

              +
              +

              +
              +

              拖拽到目标节点时，设置是否允许移动到目标节点前面的操作。[setting.edit.enable = true 时生效]

              +

              拖拽目标是 根 的时候，不触发 prev 和 next，只会触发 inner

              +

              此功能主要作用是对拖拽进行适当限制（辅助箭头），需要结合 next、inner 一起使用，才能实现完整功能。

              +

              默认值：true

              +
              +
              +

              Boolean 格式说明

              +
              +

              true / false 分别表示 允许 / 不允许 移动到目标节点前面

              +
              +

              Function 参数说明

              +
              +

              treeIdString

              +

              对应 zTree 的 treeId，便于用户操控（多棵树拖拽时，是目标节点所在树的 treeId）

              +

              treeNodesArray(JSON)

              +

              被拖拽的节点 JSON 数据集合

              +

              targetNodeJSON

              +

              拖拽时的目标节点 JSON 数据对象

              +

              返回值Boolean

              +

              返回值同 Boolean 格式的数据

              +
              +

              setting & function 举例

              +

              1. 禁止拖拽到节点前面的操作

              + 
              var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			prev: false,
+			next: true,
+			inner: true
+		}
+	}
+};
+......
              +

              2. 禁止拖拽到父节点前面的操作

              + 
              function canPrev(treeId, nodes, targetNode) {
+	return !targetNode.isParent;
+}
+var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			prev: canPrev,
+			next: true,
+			inner: true
+		}
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.edit.editNameSelectAll.html b/js/zTree_v3/api/cn/setting.edit.editNameSelectAll.html new file mode 100755 index 0000000..30784f3 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.edit.editNameSelectAll.html @@ -0,0 +1,27 @@ +
              +
              +

              Booleansetting.edit.editNameSelectAll

              +

              概述[ 依赖 jquery.ztree.exedit 扩展 js ]

              +
              +

              +
              +

              节点编辑名称 input 初次显示时,设置 txt 内容是否为全选状态。 [setting.edit.enable = true 时生效]

              +

              默认值: false

              +
              +
              +

              Boolean 格式说明

              +
              +

              true 表示 全选状态

              +

              false 表示 不是全选状态，光标默认在最后

              +
              +

              setting 举例

              +

              1. 设置节点编辑名称 input 初次显示时，txt内容为全选状态

              + 
              var setting = {
+	edit: {
+		enable: true,
+		editNameSelectAll: true
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.edit.enable.html b/js/zTree_v3/api/cn/setting.edit.enable.html new file mode 100755 index 0000000..de1afea --- /dev/null +++ b/js/zTree_v3/api/cn/setting.edit.enable.html @@ -0,0 +1,38 @@ +
              +
              +

              Booleansetting.edit.enable

              +

              概述[ 依赖 jquery.ztree.exedit 扩展 js ]

              +
              +

              +
              +

              设置 zTree 是否处于编辑状态

              +

              请在初始化之前设置，初始化后需要改变编辑状态请使用 zTreeObj.setEditable() 方法

              +

              默认值: false

              +
              +
              +

              Boolean 格式说明

              +
              +

              true / false 分别表示 可以 / 不可以 编辑

              +
              +

              编辑状态规则说明

              +
              +

              1、点击节点时，不会打开 node.url 指定的 URL。 +
              2、全面支持 编辑 与 异步加载 状态共存。 +
              3、可以对节点进行拖拽，且支持多棵树之间进行拖拽。 +
              4、支持拖拽时 复制/移动 节点。（参考: setting.edit.drag.isCopy / setting.edit.drag.isMove） +
              5、可以通过编辑按钮修改 name 属性。 +
              6、可以通过删除按钮删除节点。 +
              +

              +

              请注意大小写，不要改变

              +
              +

              setting 举例

              +

              1. 设置 zTree 进入编辑状态

              + 
              var setting = {
+	edit: {
+		enable: true
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.edit.removeTitle.html b/js/zTree_v3/api/cn/setting.edit.removeTitle.html new file mode 100755 index 0000000..55257da --- /dev/null +++ b/js/zTree_v3/api/cn/setting.edit.removeTitle.html @@ -0,0 +1,48 @@ +
              +
              +

              String / Function(treeId, treeNode)setting.edit.removeTitle

              +

              概述[ 依赖 jquery.ztree.exedit 扩展 js ]

              +
              +

              +
              +

              删除按钮的 Title 辅助信息。[setting.edit.enable = true & setting.edit.showRemoveBtn = true 时生效]

              +

              默认值："remove"

              +
              +
              +

              String 格式说明

              +
              +

              鼠标移动到 删除按钮 上时，浏览器自动弹出的辅助信息内容，可根据用户需要自行修改

              +
              +

              Function 参数说明

              +
              +

              treeIdString

              +

              对应 zTree 的 treeId，便于用户操控

              +

              treeNodeJSON

              +

              需要设置删除按钮 Title 信息的节点 JSON 数据对象

              +

              返回值String

              +

              返回值同 String 格式的数据

              +
              +

              setting & function 举例

              +

              1. 设置删除按钮的 Title 辅助信息为: "删除节点"

              + 
              var setting = {
+	edit: {
+		enable: true,
+		showRemoveBtn: true,
+		removeTitle: "删除节点"
+	}
+};
+......
              +

              2. 设置父节点删除按钮的 Title 辅助信息为: "删除父节点"

              + 
              function setRemoveTitle(treeId, treeNode) {
+	return treeNode.isParent ? "删除父节点":"删除叶子节点";
+}
+var setting = {
+	edit: {
+		enable: true,
+		showRemoveBtn: true,
+		removeTitle: setRemoveTitle
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.edit.renameTitle.html b/js/zTree_v3/api/cn/setting.edit.renameTitle.html new file mode 100755 index 0000000..2dfbcca --- /dev/null +++ b/js/zTree_v3/api/cn/setting.edit.renameTitle.html @@ -0,0 +1,48 @@ +
              +
              +

              String / Function(treeId, treeNode)setting.edit.renameTitle

              +

              概述[ 依赖 jquery.ztree.exedit 扩展 js ]

              +
              +

              +
              +

              编辑名称按钮的 Title 辅助信息。[setting.edit.enable = true & setting.edit.showRenameBtn = true 时生效]

              +

              默认值："rename"

              +
              +
              +

              String 格式说明

              +
              +

              设置鼠标移动到 编辑名称按钮 上时，浏览器自动弹出的辅助信息内容，可根据用户需要自行修改

              +
              +

              Function 参数说明

              +
              +

              treeIdString

              +

              对应 zTree 的 treeId，便于用户操控

              +

              treeNodeJSON

              +

              需要设置编辑名称按钮 Title 信息的节点 JSON 数据对象

              +

              返回值String

              +

              返回值同 String 格式的数据

              +
              +

              setting & function 举例

              +

              1. 设置编辑名称按钮的 Title 辅助信息为: "编辑节点名称"

              + 
              var setting = {
+	edit: {
+		enable: true,
+		showRenameBtn: true,
+		renameTitle: "编辑节点名称"
+	}
+};
+......
              +

              2. 设置父节点编辑名称按钮的 Title 辅助信息为: "编辑父节点名称"

              + 
              function setRenameTitle(treeId, treeNode) {
+	return treeNode.isParent ? "编辑父节点名称":"编辑叶子节点名称";
+}
+var setting = {
+	edit: {
+		enable: true,
+		showRenameBtn: true,
+		renameTitle: setRenameTitle
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.edit.showRemoveBtn.html b/js/zTree_v3/api/cn/setting.edit.showRemoveBtn.html new file mode 100755 index 0000000..db62053 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.edit.showRemoveBtn.html @@ -0,0 +1,49 @@ +
              +
              +

              Boolean / Function(treeId, treeNode)setting.edit.showRemoveBtn

              +

              概述[ 依赖 jquery.ztree.exedit 扩展 js ]

              +
              +

              +
              +

              设置是否显示删除按钮。[setting.edit.enable = true 时生效]

              +

              当点击某节点的删除按钮时：

              +

              1、首先触发 setting.callback.beforeRemove 回调函数，用户可判定是否进行删除操作。

              +

              2、如果未设置 beforeRemove 或 beforeRemove 返回 true，则删除节点并触发 setting.callback.onRemove 回调函数。

              +

              默认值：true

              +
              +
              +

              Boolean 格式说明

              +
              +

              true / false 分别表示 显示 / 隐藏 删除按钮

              +
              +

              Function 参数说明

              +
              +

              treeIdString

              +

              对应 zTree 的 treeId，便于用户操控

              +

              treeNodeJSON

              +

              需要设置是否显示删除按钮的节点 JSON 数据对象

              +

              返回值Boolean

              +

              返回值同 Boolean 格式的数据

              +
              +

              setting & function 举例

              +

              1. 不显示删除按钮

              + 
              var setting = {
+	edit: {
+		enable: true,
+		showRemoveBtn: false
+	}
+};
+......
              +

              2. 设置所有的父节点不显示删除按钮

              + 
              function setRemoveBtn(treeId, treeNode) {
+	return !treeNode.isParent;
+}
+var setting = {
+	edit: {
+		enable: true,
+		showRemoveBtn: setRemoveBtn
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.edit.showRenameBtn.html b/js/zTree_v3/api/cn/setting.edit.showRenameBtn.html new file mode 100755 index 0000000..33dd37a --- /dev/null +++ b/js/zTree_v3/api/cn/setting.edit.showRenameBtn.html @@ -0,0 +1,51 @@ +
              +
              +

              Boolean / Function(treeId, treeNode)setting.edit.showRenameBtn

              +

              概述[ 依赖 jquery.ztree.exedit 扩展 js ]

              +
              +

              +
              +

              设置是否显示编辑名称按钮。[setting.edit.enable = true 时生效]

              +

              当点击某节点的编辑名称按钮时：

              +

              1、进入节点编辑名称状态。

              +

              2、编辑名称完毕（Input 失去焦点 或 按下 Enter 键），会触发 setting.callback.beforeRename 回调函数，用户可根据自己的规则判定是否允许修改名称。

              +

              3、如果 beforeRename 返回 false，则继续保持编辑名称状态，直到名称符合规则位置 （按下 ESC 键可取消编辑名称状态，恢复原名称）。

              +

              4、如果未设置 beforeRename 或 beforeRename 返回 true，则结束节点编辑名称状态，更新节点名称，并触发 setting.callback.onRename 回调函数。

              +

              默认值：true

              +
              +
              +

              Boolean 格式说明

              +
              +

              true / false 分别表示 显示 / 隐藏 编辑名称按钮

              +
              +

              Function 参数说明

              +
              +

              treeIdString

              +

              对应 zTree 的 treeId，便于用户操控

              +

              treeNodeJSON

              +

              需要设置是否显示编辑名称按钮的节点 JSON 数据对象

              +

              返回值Boolean

              +

              返回值同 Boolean 格式的数据

              +
              +

              setting & function 举例

              +

              1. 不显示编辑名称按钮

              + 
              var setting = {
+	edit: {
+		enable: true,
+		showRenameBtn: false
+	}
+};
+......
              +

              2. 设置所有的父节点不显示编辑名称按钮

              + 
              function setRenameBtn(treeId, treeNode) {
+	return !treeNode.isParent;
+}
+var setting = {
+	edit: {
+		enable: true,
+		showRenameBtn: setRenameBtn
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.treeId.html b/js/zTree_v3/api/cn/setting.treeId.html new file mode 100755 index 0000000..819743e --- /dev/null +++ b/js/zTree_v3/api/cn/setting.treeId.html @@ -0,0 +1,14 @@ +
              +
              +

              Stringsetting.treeId

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              zTree 的唯一标识，初始化后，等于 用户定义的 zTree 容器的 id 属性值。

              +

              请勿进行初始化 或 修改，属于内部参数。

              +
              +
              + +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.treeObj.html b/js/zTree_v3/api/cn/setting.treeObj.html new file mode 100755 index 0000000..37684a1 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.treeObj.html @@ -0,0 +1,14 @@ +
              +
              +

              Objectsetting.treeObj

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              zTree 容器的 jQuery 对象，主要功能：便于操作。

              +

              请勿进行初始化 或 修改，属于内部参数。

              +
              +
              + +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.view.addDiyDom.html b/js/zTree_v3/api/cn/setting.view.addDiyDom.html new file mode 100755 index 0000000..0a508ac --- /dev/null +++ b/js/zTree_v3/api/cn/setting.view.addDiyDom.html @@ -0,0 +1,40 @@ +
              +
              +

              Function(treeId, treeNode)setting.view.addDiyDom

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              用于在节点上固定显示用户自定义控件

              +

              1. 大数据量的节点加载请注意：在 addDiyDom 中针对每个节点 查找 DOM 对象并且添加新 DOM 控件，肯定会影响初始化性能；如果不是必须使用，建议不使用此功能

              +

              2. 属于高级应用，使用时请确保对 zTree 比较了解。

              +

              默认值：null

              +
              +
              +

              Function 参数说明

              +
              +

              treeIdString

              +

              对应 zTree 的 treeId，便于用户操控

              +

              treeNodeJSON

              +

              需要显示自定义控件的节点 JSON 数据对象

              +
              +

              setting & function 举例

              +

              1. 设置节点后面显示一个按钮

              + 
              var setting = {
+	view: {
+		addDiyDom: addDiyDom
+	}
+};
+function addDiyDom(treeId, treeNode) {
+	var aObj = $("#" + treeNode.tId + "_a");
+	if ($("#diyBtn_"+treeNode.id).length>0) return;
+	var editStr = "<span id='diyBtn_space_" +treeNode.id+ "' > </span>"
+		+ "<button type='button' class='diyBtn1' id='diyBtn_" + treeNode.id
+		+ "' title='"+treeNode.name+"' onfocus='this.blur();'></button>";
+	aObj.append(editStr);
+	var btn = $("#diyBtn_"+treeNode.id);
+	if (btn) btn.bind("click", function(){alert("diy Button for " + treeNode.name);});
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.view.addHoverDom.html b/js/zTree_v3/api/cn/setting.view.addHoverDom.html new file mode 100755 index 0000000..f073e79 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.view.addHoverDom.html @@ -0,0 +1,45 @@ +
              +
              +

              Function(treeId, treeNode)setting.view.addHoverDom

              +

              概述[ 依赖 jquery.ztree.exedit 扩展 js ]

              +
              +

              +
              +

              用于当鼠标移动到节点上时，显示用户自定义控件，显示隐藏状态同 zTree 内部的编辑、删除按钮

              +

              请务必与 setting.view.removeHoverDom 同时使用；属于高级应用，使用时请确保对 zTree 比较了解。

              +

              默认值：null

              +
              +
              +

              Function 参数说明

              +
              +

              treeIdString

              +

              对应 zTree 的 treeId，便于用户操控

              +

              treeNodeJSON

              +

              需要显示自定义控件的节点 JSON 数据对象

              +
              +

              setting & function 举例

              +

              1. 设置鼠标移到节点上，在后面显示一个按钮

              + 
              var setting = {
+	view: {
+		addHoverDom: addHoverDom,
+		removeHoverDom: removeHoverDom,
+		......
+	}
+};
+function addHoverDom(treeId, treeNode) {
+	var aObj = $("#" + treeNode.tId + "_a");
+	if ($("#diyBtn_"+treeNode.id).length>0) return;
+	var editStr = "<span id='diyBtn_space_" +treeNode.id+ "' > </span>"
+		+ "<button type='button' class='diyBtn1' id='diyBtn_" + treeNode.id
+		+ "' title='"+treeNode.name+"' onfocus='this.blur();'></button>";
+	aObj.append(editStr);
+	var btn = $("#diyBtn_"+treeNode.id);
+	if (btn) btn.bind("click", function(){alert("diy Button for " + treeNode.name);});
+};
+function removeHoverDom(treeId, treeNode) {
+	$("#diyBtn_"+treeNode.id).unbind().remove();
+	$("#diyBtn_space_" +treeNode.id).unbind().remove();
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.view.autoCancelSelected.html b/js/zTree_v3/api/cn/setting.view.autoCancelSelected.html new file mode 100755 index 0000000..4890f78 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.view.autoCancelSelected.html @@ -0,0 +1,26 @@ +
              +
              +

              Booleansetting.view.autoCancelSelected

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              点击节点时，按下 Ctrl 或 Cmd 键是否允许取消选择操作。

              +

              如果不需要此功能，请设置为 false。

              +

              默认值: true

              +
              +
              +

              Boolean 格式说明

              +
              +

              true / false 分别表示 支持 / 不支持 配合 Ctrl 或 Cmd 键进行取消节点选择的操作

              +
              +

              setting 举例

              +

              1. 禁止配合 Ctrl 或 Cmd 键进行取消节点选择的操作

              + 
              var setting = {
+	view: {
+		autoCancelSelected: false
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.view.dblClickExpand.html b/js/zTree_v3/api/cn/setting.view.dblClickExpand.html new file mode 100755 index 0000000..5f3db96 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.view.dblClickExpand.html @@ -0,0 +1,44 @@ +
              +
              +

              Boolean / Function(treeId, treeNode)setting.view.dblClickExpand

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              双击节点时，是否自动展开父节点的标识

              +

              默认值: true

              +
              +
              +

              Boolean 格式说明

              +
              +

              true / false 分别表示双击节点 切换 / 不切换 展开状态

              +
              +

              Function 参数说明

              +
              +

              treeIdString

              +

              对应 zTree 的 treeId，便于用户操控

              +

              treeNodeJSON

              +

              需要设置是否双击切换展开状态的节点 JSON 数据对象

              +

              返回值Boolean

              +

              返回值同 Boolean 格式的数据

              +
              +

              setting 举例

              +

              1. 取消默认双击展开父节点的功能

              + 
              var setting = {
+	view: {
+		dblClickExpand: false
+	}
+};
+......
              +

              2. 设置 zTree 仅仅 level=0 的父节点取消双击展开的功能

              + 
              function dblClickExpand(treeId, treeNode) {
+	return treeNode.level > 0;
+};
+var setting = {
+	view: {
+		dblClickExpand: dblClickExpand
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.view.expandSpeed.html b/js/zTree_v3/api/cn/setting.view.expandSpeed.html new file mode 100755 index 0000000..3b799c3 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.view.expandSpeed.html @@ -0,0 +1,31 @@ +
              +
              +

              String / Numbersetting.view.expandSpeed

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              zTree 节点展开、折叠时的动画速度，设置方法同 JQuery 动画效果中 speed 参数。

              +

              IE6 下会自动关闭动画效果，以保证 zTree 的操作速度

              +

              默认值："fast"

              +
              +
              +

              String 格式说明

              +
              +

              三种预定速度之一的字符串("slow", "normal", or "fast")

              +

              设置为 "" 时，不显示动画效果

              +
              +

              Number 格式说明

              +
              +

              表示动画时长的毫秒数值 (如：1000)

              +
              +

              setting 举例

              +

              1. 设置为慢速显示动画效果

              + 
              var setting = {
+	view: {
+		expandSpeed: "slow"
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.view.fontCss.html b/js/zTree_v3/api/cn/setting.view.fontCss.html new file mode 100755 index 0000000..54efb1b --- /dev/null +++ b/js/zTree_v3/api/cn/setting.view.fontCss.html @@ -0,0 +1,42 @@ +
              +
              +

              JSON / Function(treeId, treeNode)setting.view.fontCss

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              个性化文字样式，只针对 zTree 在节点上显示的<A>对象。

              +

              默认值：{}

              +
              +
              +

              JSON 格式说明

              +
              +

              JSON 格式为 JQuery css方法中的 JSON 对象格式，例如：{color:"#ff0011", background:"blue"}

              +
              +

              Function 参数说明

              +
              +

              treeIdString

              +

              对应 zTree 的 treeId，便于用户操控

              +

              treeNodeJSON

              +

              需要设置自定义样式的节点 JSON 数据对象

              +

              返回值JSON

              +

              返回值同 JSON 格式的数据，例如：{color:"#ff0011", background:"blue"}

              +
              +

              setting & function 举例

              +

              1. 不修改CSS，设置全部节点 name 显示为红色

              + 
              var setting = {
+	view: {
+		fontCss : {color:"red"}
+	}
+};
              +

              2. 设置 level=0 的节点 name 显示为红色

              + 
              function setFontCss(treeId, treeNode) {
+	return treeNode.level == 0 ? {color:"red"} : {};
+};
+var setting = {
+	view: {
+		fontCss: setFontCss
+	}
+};
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.view.nameIsHTML.html b/js/zTree_v3/api/cn/setting.view.nameIsHTML.html new file mode 100755 index 0000000..a1d916c --- /dev/null +++ b/js/zTree_v3/api/cn/setting.view.nameIsHTML.html @@ -0,0 +1,27 @@ +
              +
              +

              Booleansetting.view.nameIsHTML

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              设置 name 属性是否支持 HTML 脚本

              +

              如果允许 HTML 脚本，请根据自己的需求做校验，避免出现 js 注入等安全问题。

              +

              默认值: false

              +
              +
              +

              Boolean 格式说明

              +
              +

              true / false 分别表示 支持 / 不支持 HTML 脚本

              +
              +

              setting 举例

              +

              1. 设置 name 属性支持 HTML 脚本

              + 
              var setting = {
+	view: {
+		nameIsHTML: true
+	}
+};
+var node = {"name":"<font color='red'>test</font>"};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.view.removeHoverDom.html b/js/zTree_v3/api/cn/setting.view.removeHoverDom.html new file mode 100755 index 0000000..bb1a9aa --- /dev/null +++ b/js/zTree_v3/api/cn/setting.view.removeHoverDom.html @@ -0,0 +1,45 @@ +
              +
              +

              Function(treeId, treeNode)setting.view.removeHoverDom

              +

              概述[ 依赖 jquery.ztree.exedit 扩展 js ]

              +
              +

              +
              +

              用于当鼠标移出节点时，隐藏用户自定义控件，显示隐藏状态同 zTree 内部的编辑、删除按钮

              +

              请务必与 addHoverDom 同时使用；属于高级应用，使用时请确保对 zTree 比较了解。

              +

              默认值：null

              +
              +
              +

              Function 参数说明

              +
              +

              treeIdString

              +

              对应 zTree 的 treeId，便于用户操控

              +

              treeNodeJSON

              +

              需要隐藏自定义控件的节点 JSON 数据对象

              +
              +

              setting & function 举例

              +

              1. 设置鼠标移到节点上，在后面显示一个按钮

              + 
              var setting = {
+	view: {
+		addHoverDom: addHoverDom,
+		removeHoverDom: removeHoverDom,
+		......
+	}
+};
+function addHoverDom(treeId, treeNode) {
+	var aObj = $("#" + treeNode.tId + "_a");
+	if ($("#diyBtn_"+treeNode.id).length>0) return;
+	var editStr = "<span id='diyBtn_space_" +treeNode.id+ "' > </span>"
+		+ "<button type='button' class='diyBtn1' id='diyBtn_" + treeNode.id
+		+ "' title='"+treeNode.name+"' onfocus='this.blur();'></button>";
+	aObj.append(editStr);
+	var btn = $("#diyBtn_"+treeNode.id);
+	if (btn) btn.bind("click", function(){alert("diy Button for " + treeNode.name);});
+};
+function removeHoverDom(treeId, treeNode) {
+	$("#diyBtn_"+treeNode.id).unbind().remove();
+	$("#diyBtn_space_" +treeNode.id).unbind().remove();
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.view.selectedMulti.html b/js/zTree_v3/api/cn/setting.view.selectedMulti.html new file mode 100755 index 0000000..2cc65a2 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.view.selectedMulti.html @@ -0,0 +1,27 @@ +
              +
              +

              Booleansetting.view.selectedMulti

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              设置是否允许同时选中多个节点。

              +

              默认值: true

              +
              +
              +

              Boolean 格式说明

              +
              +

              true / false 分别表示 支持 / 不支持 同时选中多个节点

              +

              1、设置为 true时，按下 Ctrl 或 Cmd 键可以选中多个节点

              +

              2、设置为 true / false 都不影响按下 Ctrl 或 Cmd 键可以让已选中的节点取消选中状态（ 取消选中状态可以参考 setting.view.autoCancelSelected ）

              +
              +

              setting 举例

              +

              1. 禁止多点同时选中的功能

              + 
              var setting = {
+	view: {
+		selectedMulti: false
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.view.showIcon.html b/js/zTree_v3/api/cn/setting.view.showIcon.html new file mode 100755 index 0000000..ebe423c --- /dev/null +++ b/js/zTree_v3/api/cn/setting.view.showIcon.html @@ -0,0 +1,44 @@ +
              +
              +

              Boolean / Function(treeId, treeNode)setting.view.showIcon

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              设置 zTree 是否显示节点的图标。

              +

              默认值：true

              +
              +
              +

              Boolean 格式说明

              +
              +

              true / false 分别表示 显示 / 隐藏 图标

              +
              +

              Function 参数说明

              +
              +

              treeIdString

              +

              对应 zTree 的 treeId，便于用户操控

              +

              treeNodeJSON

              +

              需要设置是否显示图标的节点 JSON 数据对象

              +

              返回值Boolean

              +

              返回值同 Boolean 格式的数据

              +
              +

              setting & function 举例

              +

              1. 设置 zTree 不显示图标

              + 
              var setting = {
+	view: {
+		showIcon: false
+	}
+};
+......
              +

              2. 设置 zTree 仅仅 level=2 的节点不显示图标

              + 
              function showIconForTree(treeId, treeNode) {
+	return treeNode.level != 2;
+};
+var setting = {
+	view: {
+		showIcon: showIconForTree
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.view.showLine.html b/js/zTree_v3/api/cn/setting.view.showLine.html new file mode 100755 index 0000000..02ab5eb --- /dev/null +++ b/js/zTree_v3/api/cn/setting.view.showLine.html @@ -0,0 +1,25 @@ +
              +
              +

              Booleansetting.view.showLine

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              设置 zTree 是否显示节点之间的连线。

              +

              默认值：true

              +
              +
              +

              Boolean 格式说明

              +
              +

              true / false 分别表示 显示 / 不显示 连线

              +
              +

              setting 举例

              +

              1. 设置 zTree 不显示节点之间的连线

              + 
              var setting = {
+	view: {
+		showLine: false
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.view.showTitle.html b/js/zTree_v3/api/cn/setting.view.showTitle.html new file mode 100755 index 0000000..5bcb860 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.view.showTitle.html @@ -0,0 +1,46 @@ +
              +
              +

              Boolean / Function(treeId, treeNode)setting.view.showTitle

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              设置 zTree 是否显示节点的 title 提示信息(即节点 DOM 的 title 属性)。

              +

              请务必与 setting.data.key.title 同时使用。

              +

              默认值：true

              +
              +
              +

              Boolean 格式说明

              +
              +

              true / false 分别表示 显示 / 隐藏 提示信息

              +

              如果 setting.view.showTitle = true & setting.data.key.title = ''，zTree 会自动使用 setting.data.key.name 指定的节点名称当做 title

              +
              +

              Function 参数说明

              +
              +

              treeIdString

              +

              对应 zTree 的 treeId，便于用户操控

              +

              treeNodeJSON

              +

              需要设置是否显示提示信息的节点 JSON 数据对象

              +

              返回值Boolean

              +

              返回值同 Boolean 格式的数据

              +
              +

              setting & function 举例

              +

              1. 设置 zTree 不显示提示信息

              + 
              var setting = {
+	view: {
+		showTitle: false
+	}
+};
+......
              +

              2. 设置 zTree 仅仅 level=2 的节点不显示提示信息

              + 
              function showTitleForTree(treeId, treeNode) {
+	return treeNode.level != 2;
+};
+var setting = {
+	view: {
+		showTitle: showTitleForTree
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/setting.view.txtSelectedEnable.html b/js/zTree_v3/api/cn/setting.view.txtSelectedEnable.html new file mode 100755 index 0000000..c22a8c0 --- /dev/null +++ b/js/zTree_v3/api/cn/setting.view.txtSelectedEnable.html @@ -0,0 +1,25 @@ +
              +
              +

              Booleansetting.view.txtSelectedEnable

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              设置 zTree 是否允许可以选择 zTree DOM 内的文本。

              +

              默认值：false

              +
              +
              +

              Boolean 格式说明

              +
              +

              true / false 分别表示 允许 / 不允许 选择 zTree Dom 内的文本

              +
              +

              setting & function 举例

              +

              1. 设置 zTree 允许选择文本

              + 
              var setting = {
+	view: {
+		txtSelectedEnable: true
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/treeNode.check_Child_State.html b/js/zTree_v3/api/cn/treeNode.check_Child_State.html new file mode 100755 index 0000000..fa37899 --- /dev/null +++ b/js/zTree_v3/api/cn/treeNode.check_Child_State.html @@ -0,0 +1,43 @@ +
              +
              +

              NumbertreeNode.check_Child_State

              +

              概述[ 依赖 jquery.ztree.excheck 扩展 js ]

              +
              +

              +
              +

              用于设置节点的子节点的 checkBox / radio 的半选状态。[setting.check.enable = true 时有效]

              +

              v3.x 针对节点数据对象提供 treeNode.getCheckStatus() 方法获取标准的半选状态

              +

              zTree 内部使用，请勿进行初始化 或 随意修改

              +

              默认值：true

              +
              +
              +

              Number 格式说明

              +
              +

              规则如下：

              + + + + + + + + + + + +
              setting.check.checkType = "checkbox"
              treeNode.check_Child_State勾选状态说明
              -1不存在子节点 或 子节点全部设置为 nocheck = true
              0无 子节点被勾选
              1部分 子节点被勾选
              2全部 子节点被勾选
              +
              + + + + + + + + + + +
              setting.check.checkType = "radio"
              treeNode.check_Child_State勾选状态说明
              -1不存在子节点 或 子节点全部设置为 nocheck = true
              0无 子节点被勾选
              2有 子节点被勾选
              +
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/treeNode.check_Focus.html b/js/zTree_v3/api/cn/treeNode.check_Focus.html new file mode 100755 index 0000000..785aec9 --- /dev/null +++ b/js/zTree_v3/api/cn/treeNode.check_Focus.html @@ -0,0 +1,19 @@ +
              +
              +

              BooleantreeNode.check_Focus

              +

              概述[ 依赖 jquery.ztree.excheck 扩展 js ]

              +
              +

              +
              +

              用于设置节点的 checkBox / radio 的 focus 状态。[setting.check.enable = true 时有效]

              +

              zTree 内部使用，请勿进行初始化 或 随意修改

              +

              默认值：false

              +
              +
              +

              Boolean 格式说明

              +
              +

              true 表示当前鼠标移动到输入框内

              +

              false 表示当前鼠标移动到输入框外

              +
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/treeNode.checked.html b/js/zTree_v3/api/cn/treeNode.checked.html new file mode 100755 index 0000000..049d6ba --- /dev/null +++ b/js/zTree_v3/api/cn/treeNode.checked.html @@ -0,0 +1,32 @@ +
              +
              +

              BooleantreeNode.checked

              +

              概述[ 依赖 jquery.ztree.excheck 扩展 js ]

              +
              +

              +
              +

              节点的 checkBox / radio 的 勾选状态。[setting.check.enable = true & treeNode.nocheck = false 时有效]

              +

              1、如果不使用 checked 属性设置勾选状态，请修改 setting.data.key.checked

              +

              2、建立 treeNode 数据时设置 treeNode.checked = true 可以让节点的输入框默认为勾选状态

              +

              3、修改节点勾选状态，可以使用 treeObj.checkNode / checkAllNodes / updateNode 方法，具体使用哪种请根据自己的需求而定

              +

              4、为了解决部分朋友生成 json 数据出现的兼容问题, 支持 "false","true" 字符串格式的数据

              +

              默认值：false

              +
              +
              +

              Boolean 格式说明

              +
              +

              true 表示节点的输入框被勾选

              +

              false 表示节点的输入框未勾选

              +
              +

              treeNode 举例

              +

              1. 初始化的数据设置 默认为勾选状态

              + 
              var nodes = [
+{ "id":1, "name":"test1", checked:true },
+{ "id":2, "name":"test2", checked:true }
+]
              +

              2. 获取第一个根节点的勾选状态

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var checked = treeObj.getNodes()[0].checked;
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/treeNode.checkedOld.html b/js/zTree_v3/api/cn/treeNode.checkedOld.html new file mode 100755 index 0000000..cab717e --- /dev/null +++ b/js/zTree_v3/api/cn/treeNode.checkedOld.html @@ -0,0 +1,25 @@ +
              +
              +

              BooleantreeNode.checkedOld

              +

              概述[ 依赖 jquery.ztree.excheck 扩展 js ]

              +
              +

              +
              +

              节点的 checkBox / radio 在初始化时的 勾选状态。[setting.check.enable = true & treeNode.nocheck = false 时有效]

              +

              1、zTree 初始化节点数据时会对此属性进行赋值，因此请勿对此属性初始化

              +

              2、如需配合 zTreeObj.getChangeCheckedNodes 方法实现特殊功能，可以根据需求在使用中自行修改 checkedOld 数据

              +

              默认值：checked的初始化值

              +
              +
              +

              Boolean 格式说明

              +
              +

              true 表示节点初始化时 输入框被勾选

              +

              false 表示节点初始化时 输入框未勾选

              +
              +

              treeNode 举例

              +

              1. 获取第一个根节点的初始勾选状态

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var checkedOld = treeObj.getNodes()[0].checkedOld;
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/treeNode.children.html b/js/zTree_v3/api/cn/treeNode.children.html new file mode 100755 index 0000000..4bab835 --- /dev/null +++ b/js/zTree_v3/api/cn/treeNode.children.html @@ -0,0 +1,35 @@ +
              +
              +

              Array(JSON)treeNode.children

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              节点的子节点数据集合。

              +

              1、如果不使用 children 属性保存子节点数据，请修改 setting.data.key.children

              +

              2、异步加载时，对于设置了 isParent = true 的节点，在展开时将进行异步加载

              +

              默认值：无

              +
              +
              +

              Array(JSON) 格式说明

              +
              +

              标准的 JSON 数据对象

              +
              +

              treeNode 举例

              +

              1. 初始化的标准嵌套格式的 JSON 数据对象

              + 
              var nodes = [
+{ "id":1, "name":"test1",
+	children: [
+	{ "id":3, "name":"test3"},
+	{ "id":4, "name":"test4"},
+	{ "id":5, "name":"test5"}
+	]
+},
+{ "id":2, "name":"test2"  }
+]
              +

              2. 获取第一个根节点的子节点

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodes()[0].children;
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/treeNode.chkDisabled.html b/js/zTree_v3/api/cn/treeNode.chkDisabled.html new file mode 100755 index 0000000..e6bb032 --- /dev/null +++ b/js/zTree_v3/api/cn/treeNode.chkDisabled.html @@ -0,0 +1,28 @@ +
              +
              +

              BooleantreeNode.chkDisabled

              +

              概述[ 依赖 jquery.ztree.excheck 扩展 js ]

              +
              +

              +
              +

              1、设置节点的 checkbox / radio 是否禁用 [setting.check.enable = true 时有效]

              +

              2、为了解决部分朋友生成 json 数据出现的兼容问题, 支持 "false","true" 字符串格式的数据

              +

              3、请勿对已加载的节点修改此属性，禁止 或 取消禁止 请使用 setChkDisabled() 方法

              +

              4、初始化时，如果需要子孙节点继承父节点的 chkDisabled 属性，请设置 setting.check.chkDisabledInherit 属性

              +

              默认值：false

              +
              +
              +

              Boolean 格式说明

              +
              +

              true 表示此节点的 checkbox / radio 被禁用。

              +

              false 表示此节点的 checkbox / radio 可以使用。

              +
              +

              treeNode 举例

              +

              1. 禁用节点 checkbox / radio

              + 
              var nodes = [
+	{ "id":1, "name":"test1", "checked":true, "chkDisabled":true},
+	{ "id":2, "name":"test2", "chkDisabled":true},
+	{ "id":3, "name":"test3"}
+]
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/treeNode.click.html b/js/zTree_v3/api/cn/treeNode.click.html new file mode 100755 index 0000000..833c678 --- /dev/null +++ b/js/zTree_v3/api/cn/treeNode.click.html @@ -0,0 +1,24 @@ +
              +
              +

              StringtreeNode.click

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              最简单的 click 事件操作。相当于 onclick="..." 的内容。 如果操作较复杂，请使用 onClick 事件回调函数。

              +

              由于 IE 对于 onclick 和 click事件共存时的处理与其他浏览器不同，所以请不要利用此参数控制是否允许跳转的操作（例如：treeNode.click = "return false;"）。如有类似需求，请不要使用 url 属性设置网址，同时利用 onClick 回调函数控制跳转。

              +

              默认值：无

              +
              +
              +

              String 格式说明

              +
              +

              标准 javascript 语法， 例如：alert("test"); 等

              +
              +

              treeNode 举例

              +

              1. 设置某节点点击时，弹出信息框

              + 
              var nodes = [
+	{ "id":1, "name":"Google CN", "url":"http://g.cn", "click":"alert('test');"},
+	......
+]
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/treeNode.diy.html b/js/zTree_v3/api/cn/treeNode.diy.html new file mode 100755 index 0000000..b2fb0d9 --- /dev/null +++ b/js/zTree_v3/api/cn/treeNode.diy.html @@ -0,0 +1,15 @@ +
              +
              +

              ?treeNode.* DIY *

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              用于保存节点的其他自定义数据信息，不要与 zTree 使用的属性相同即可，用户可随意设定。

              +
              +
              +

              treeNode 举例

              +

              1. 设置节点的备用英文名称

              + 
              var node = { "id":1, "name":"test1", "ename":"test eName"};
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/treeNode.editNameFlag.html b/js/zTree_v3/api/cn/treeNode.editNameFlag.html new file mode 100755 index 0000000..51162b8 --- /dev/null +++ b/js/zTree_v3/api/cn/treeNode.editNameFlag.html @@ -0,0 +1,19 @@ +
              +
              +

              BooleantreeNode.editNameFlag

              +

              概述[ 依赖 jquery.ztree.exedit 扩展 js ]

              +
              +

              +
              +

              用于记录节点是否处于编辑名称状态。[setting.edit.enable = true 时有效]

              +

              zTree 内部使用，请勿进行初始化 或 随意修改

              +

              默认值：false

              +
              +
              +

              Boolean 格式说明

              +
              +

              true 表示节点处于编辑名称状态

              +

              false 表示节点未处于编辑名称状态

              +
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/treeNode.getCheckStatus.html b/js/zTree_v3/api/cn/treeNode.getCheckStatus.html new file mode 100755 index 0000000..fc20eac --- /dev/null +++ b/js/zTree_v3/api/cn/treeNode.getCheckStatus.html @@ -0,0 +1,63 @@ +
              +
              +

              Function()treeNode.getCheckStatus

              +

              概述[ 依赖 jquery.ztree.excheck 扩展 js ]

              +
              +

              +
              +

              获取节点 checkbox / radio 半勾选状态。[setting.check.enable = true 时有效]

              +

              初始化节点数据时，由 zTree 增加此属性，请勿提前赋值

              +
              +
              +

              Function 参数说明

              +
              +

              返回值JSON

              + 
              {
+	checked: true, //等同于 treeNode.checked
+	half: true  //规则见下表
+}
              + + + + + + + + + + + + + + + + + + +
              setting.check.checkType = "checkbox"
              treeNode.checkedtreeNode.check_Child_StatetreeNode.halfCheck half
              --truetrue
               
              true-1falsefalse
              true0falsetrue
              true1falsetrue
              true2falsefalse
               
              false-1falsefalse
              false0falsefalse
              false1falsetrue
              false2falsetrue
              +
              + + + + + + + + + + + + + + + + +
              setting.check.checkType = "radio"
              treeNode.checkedtreeNode.check_Child_StatetreeNode.halfCheck half
              --truetrue
               
              true-1falsefalse
              true0falsefalse
              true2falsetrue
               
              false-1falsefalse
              false0falsefalse
              false2falsetrue
              +
              +

              treeNode 举例

              +

              1. 获取第一个根节点的半选状态

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var halfCheck = treeObj.getNodes()[0].getCheckStatus();
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/treeNode.getIndex.html b/js/zTree_v3/api/cn/treeNode.getIndex.html new file mode 100755 index 0000000..babdc2e --- /dev/null +++ b/js/zTree_v3/api/cn/treeNode.getIndex.html @@ -0,0 +1,26 @@ +
              +
              +

              Function()treeNode.getIndex

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              获取 treeNode 节点在同级节点中的位置。

              +

              初始化节点数据时，由 zTree 增加此属性，请勿提前赋值

              +
              +
              +

              Function 参数说明

              +
              +

              返回值Number

              +

              treeNode 节点在同级节点中的位置。(从 0 开始)

              +
              +

              treeNode 举例

              +

              1. 获取当前被选中的节点在同级节点中的位置

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getSelectedNodes();
+if (sNodes.length > 0) {
+	var node = sNodes[0].getIndex();
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/treeNode.getNextNode.html b/js/zTree_v3/api/cn/treeNode.getNextNode.html new file mode 100755 index 0000000..7a0fa5c --- /dev/null +++ b/js/zTree_v3/api/cn/treeNode.getNextNode.html @@ -0,0 +1,27 @@ +
              +
              +

              Function()treeNode.getNextNode

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              获取与 treeNode 节点相邻的后一个节点。

              +

              初始化节点数据时，由 zTree 增加此属性，请勿提前赋值

              +
              +
              +

              Function 参数说明

              +
              +

              返回值JSON

              +

              与 treeNode 节点相邻的后一个节点。

              +

              如果 treeNode 是最后一个节点，返回 null 。

              +
              +

              treeNode 举例

              +

              1. 获取当前被选中的节点的下一个节点

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getSelectedNodes();
+if (sNodes.length > 0) {
+	var node = sNodes[0].getNextNode();
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/treeNode.getParentNode.html b/js/zTree_v3/api/cn/treeNode.getParentNode.html new file mode 100755 index 0000000..31309a6 --- /dev/null +++ b/js/zTree_v3/api/cn/treeNode.getParentNode.html @@ -0,0 +1,27 @@ +
              +
              +

              Function()treeNode.getParentNode

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              获取 treeNode 节点的父节点。

              +

              初始化节点数据时，由 zTree 增加此属性，请勿提前赋值

              +
              +
              +

              Function 参数说明

              +
              +

              返回值JSON

              +

              treeNode 节点的父节点 JSON 数据对象。

              +

              如果 treeNode 是根节点，返回 null 。

              +
              +

              treeNode 举例

              +

              1. 获取当前被选中的节点的父节点

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getSelectedNodes();
+if (sNodes.length > 0) {
+	var node = sNodes[0].getParentNode();
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/treeNode.getPath.html b/js/zTree_v3/api/cn/treeNode.getPath.html new file mode 100755 index 0000000..46318f0 --- /dev/null +++ b/js/zTree_v3/api/cn/treeNode.getPath.html @@ -0,0 +1,26 @@ +
              +
              +

              Function()treeNode.getPath

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              获取 treeNode 节点的所有父节点（包括自己）。

              +

              初始化节点数据时，由 zTree 增加此属性，请勿提前赋值

              +
              +
              +

              Function 参数说明

              +
              +

              返回值Array (JSON)

              +

              treeNode 节点的所有父节点的数据集合（包括自己）

              +
              +

              treeNode 举例

              +

              1. 获取当前被选中的节点的所有父节点

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getSelectedNodes();
+if (sNodes.length > 0) {
+	var node = sNodes[0].getPath();
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/treeNode.getPreNode.html b/js/zTree_v3/api/cn/treeNode.getPreNode.html new file mode 100755 index 0000000..9d84184 --- /dev/null +++ b/js/zTree_v3/api/cn/treeNode.getPreNode.html @@ -0,0 +1,27 @@ +
              +
              +

              Function()treeNode.getPreNode

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              获取与 treeNode 节点相邻的前一个节点。

              +

              初始化节点数据时，由 zTree 增加此属性，请勿提前赋值

              +
              +
              +

              Function 参数说明

              +
              +

              返回值JSON

              +

              与 treeNode 节点相邻的前一个节点。

              +

              如果 treeNode 是第一个节点，返回 null 。

              +
              +

              treeNode 举例

              +

              1. 获取当前被选中的节点的前一个节点

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getSelectedNodes();
+if (sNodes.length > 0) {
+	var node = sNodes[0].getPreNode();
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/treeNode.halfCheck.html b/js/zTree_v3/api/cn/treeNode.halfCheck.html new file mode 100755 index 0000000..23ac744 --- /dev/null +++ b/js/zTree_v3/api/cn/treeNode.halfCheck.html @@ -0,0 +1,29 @@ +
              +
              +

              BooleantreeNode.halfCheck

              +

              概述[ 依赖 jquery.ztree.excheck 扩展 js ]

              +
              +

              +
              +

              强制节点的 checkBox / radio 的 半勾选状态。[setting.check.enable = true & treeNode.nocheck = false 时有效]

              +

              1、强制为半勾选状态后，不再进行自动计算半勾选状态

              +

              2、设置 treeNode.halfCheck = false 或 null 才能恢复自动计算半勾选状态

              +

              3、为了解决部分朋友生成 json 数据出现的兼容问题, 支持 "false","true" 字符串格式的数据

              +

              默认值：false

              +
              +
              +

              Boolean 格式说明

              +
              +

              true 表示节点的输入框 强行设置为半勾选

              +

              false 表示节点的输入框 根据 zTree 的规则自动计算半勾选状态

              +
              +

              treeNode 举例

              +

              1. 初始化的数据设置 默认为半勾选状态

              + 
              var nodes = [
+{ "id":1, "name":"test1", isParent:true, checked:true, halfCheck:true },
+{ "id":2, "name":"test2", isParent:true, checked:false, halfCheck:true },
+{ "id":3, "name":"test3", isParent:true, checked:true },
+{ "id":4, "name":"test4", isParent:true, checked:false }
+]
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/treeNode.icon.html b/js/zTree_v3/api/cn/treeNode.icon.html new file mode 100755 index 0000000..69c5db1 --- /dev/null +++ b/js/zTree_v3/api/cn/treeNode.icon.html @@ -0,0 +1,33 @@ +
              +
              +

              StringtreeNode.icon

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              节点自定义图标的 URL 路径。

              +

              1、父节点如果只设置 icon ，会导致展开、折叠时都使用同一个图标

              +

              2、父节点展开、折叠使用不同的个性化图标需要同时设置 treeNode.iconOpen / treeNode.iconClose 两个属性

              +

              3、如果想利用 className 设置个性化图标，需要设置 treeNode.iconSkin 属性

              +

              默认值：无

              +
              +
              +

              String 格式说明

              +
              +

              图标图片的 url 可以是相对路径也可以是绝对路径

              +

              设置相对路径请注意页面与图片之间的关系，确保图片能够正常加载

              +
              +

              treeNode 举例

              +

              1. 设置节点的个性化图标

              + 
              var nodes = [
+	//父节点展开 折叠时使用相同的图标
+	{ name:"父节点1", icon:"/img/parent.gif"},
+
+	//父节点展开 折叠时分别使用不同的图标
+	{ name:"父节点2", iconOpen:"/img/open.gif", iconClose:"/img/close.gif"}, 
+
+	//叶子节点个性化图标
+	{ name:"叶子节点", icon:"/img/leaf.gif"}
+]
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/treeNode.iconClose.html b/js/zTree_v3/api/cn/treeNode.iconClose.html new file mode 100755 index 0000000..f51da9c --- /dev/null +++ b/js/zTree_v3/api/cn/treeNode.iconClose.html @@ -0,0 +1,33 @@ +
              +
              +

              StringtreeNode.iconClose

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              父节点自定义折叠时图标的 URL 路径。

              +

              1、此属性只针对父节点有效

              +

              2、此属性必须与 iconOpen 同时使用

              +

              3、如果想利用 className 设置个性化图标，需要设置 treeNode.iconSkin 属性

              +

              默认值：无

              +
              +
              +

              String 格式说明

              +
              +

              图标图片的 url 可以是相对路径也可以是绝对路径

              +

              设置相对路径请注意页面与图片之间的关系，确保图片能够正常加载

              +
              +

              treeNode 举例

              +

              1. 设置节点的个性化图标

              + 
              var nodes = [
+	//父节点展开 折叠时使用相同的图标
+	{ name:"父节点1", icon:"/img/parent.gif"},
+
+	//父节点展开 折叠时分别使用不同的图标
+	{ name:"父节点2", iconOpen:"/img/open.gif", iconClose:"/img/close.gif"}, 
+
+	//叶子节点个性化图标
+	{ name:"叶子节点", icon:"/img/leaf.gif"}
+]
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/treeNode.iconOpen.html b/js/zTree_v3/api/cn/treeNode.iconOpen.html new file mode 100755 index 0000000..29c9baa --- /dev/null +++ b/js/zTree_v3/api/cn/treeNode.iconOpen.html @@ -0,0 +1,33 @@ +
              +
              +

              StringtreeNode.iconOpen

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              父节点自定义展开时图标的 URL 路径。

              +

              1、此属性只针对父节点有效

              +

              2、此属性必须与 iconClose 同时使用

              +

              3、如果想利用 className 设置个性化图标，需要设置 treeNode.iconSkin 属性

              +

              默认值：无

              +
              +
              +

              String 格式说明

              +
              +

              图标图片的 url 可以是相对路径也可以是绝对路径

              +

              设置相对路径请注意页面与图片之间的关系，确保图片能够正常加载

              +
              +

              treeNode 举例

              +

              1. 设置节点的个性化图标

              + 
              var nodes = [
+	//父节点展开 折叠时使用相同的图标
+	{ name:"父节点1", icon:"/img/parent.gif"},
+
+	//父节点展开 折叠时分别使用不同的图标
+	{ name:"父节点2", iconOpen:"/img/open.gif", iconClose:"/img/close.gif"}, 
+
+	//叶子节点个性化图标
+	{ name:"叶子节点", icon:"/img/leaf.gif"}
+]
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/treeNode.iconSkin.html b/js/zTree_v3/api/cn/treeNode.iconSkin.html new file mode 100755 index 0000000..d5d9726 --- /dev/null +++ b/js/zTree_v3/api/cn/treeNode.iconSkin.html @@ -0,0 +1,43 @@ +
              +
              +

              StringtreeNode.iconSkin

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              节点自定义图标的 className

              +

              1、需要修改 css，增加相应 className 的设置

              +

              2、css 方式简单、方便，并且同时支持父节点展开、折叠状态切换图片

              +

              3、css 建议采用图片分割渲染的方式以减少反复加载图片，并且避免图片闪动

              +

              4、zTree v3.x 的 iconSkin 同样支持 IE6

              +

              5、如果想直接使用 图片的Url路径 设置节点的个性化图标，需要设置 treeNode.icon / treeNode.iconOpen / treeNode.iconClose 属性

              +

              默认值：无

              +
              +
              +

              String 格式说明

              +
              +

              设置个性图标的 className

              +
              +

              css & treeNode 举例

              +

              1. 设置节点的个性化图标

              + 
              css 内容：
+.ztree li span.button.diy01_ico_open, .ztree li span.button.diy01_ico_close{...}
+
+.ztree li span.button.diy02_ico_open{...}
+.ztree li span.button.diy02_ico_close{...}
+
+.ztree li span.button.diy03_ico_docu{...}
+
+js中节点数据：
+var nodes = [
+	//父节点展开 折叠时使用相同的图标
+	{ name:"父节点1", iconSkin:"diy01"},
+
+	//父节点展开 折叠时分别使用不同的图标
+	{ name:"父节点2", iconSkin:"diy02"},
+
+	//叶子节点个性化图标
+	{ name:"叶子节点", iconSkin:"diy03"}
+]
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/treeNode.isAjaxing.html b/js/zTree_v3/api/cn/treeNode.isAjaxing.html new file mode 100755 index 0000000..330c120 --- /dev/null +++ b/js/zTree_v3/api/cn/treeNode.isAjaxing.html @@ -0,0 +1,26 @@ +
              +
              +

              BooleantreeNode.isAjaxing

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              记录 treeNode 节点是否正在进行异步加载。

              +

              初始化节点数据时，由 zTree 增加此属性，请勿提前赋值

              +
              +
              +

              Boolean 格式说明

              +
              +

              true 表示节点正在进行异步加载

              +

              false 表示节点没有进行异步加载

              +
              +

              treeNode 举例

              +

              1. 查看当前被选中的节点是否节点正在进行异步加载

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getSelectedNodes();
+if (sNodes.length > 0) {
+	var isAjaxing = sNodes[0].isAjaxing;
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/treeNode.isFirstNode.html b/js/zTree_v3/api/cn/treeNode.isFirstNode.html new file mode 100755 index 0000000..83b80bd --- /dev/null +++ b/js/zTree_v3/api/cn/treeNode.isFirstNode.html @@ -0,0 +1,28 @@ +
              +
              +

              BooleantreeNode.isFirstNode

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              记录 treeNode 节点是否为同级节点中的第一个节点。

              +

              使用 exhide 扩展后，只针对显示的节点设置此属性

              +

              初始化节点数据时，由 zTree 增加此属性，请勿提前赋值

              +
              +
              +

              Boolean 格式说明

              +
              +

              true 表示是同级节点中的第一个节点

              +

              false 表示不是同级节点中的第一个节点

              +

              节点被隐藏后，isFirstNode = false

              +
              +

              treeNode 举例

              +

              1. 查看当前被选中的节点是否是同级节点中的第一个节点

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getSelectedNodes();
+if (sNodes.length > 0) {
+	var isFirstNode = sNodes[0].isFirstNode;
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/treeNode.isHidden.html b/js/zTree_v3/api/cn/treeNode.isHidden.html new file mode 100755 index 0000000..5fb388e --- /dev/null +++ b/js/zTree_v3/api/cn/treeNode.isHidden.html @@ -0,0 +1,27 @@ +
              +
              +

              BooleantreeNode.isHidden

              +

              概述[ 依赖 jquery.ztree.exhide 扩展 js ]

              +
              +

              +
              +

              判断 treeNode 节点是否被隐藏。

              +

              1、初始化 zTree 时，如果节点设置 isHidden = true，会被自动隐藏

              +

              2、请勿对已加载的节点修改此属性，隐藏 / 显示 请使用 hideNode() / hideNodes() / showNode() / showNodes() 方法

              +
              +
              +

              Boolean 格式说明

              +
              +

              true 表示被隐藏

              +

              false 表示被显示

              +
              +

              treeNode 举例

              +

              1. 查看第一个根节点是否被隐藏

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getNodes();
+if (sNodes.length > 0) {
+	var isHidden = sNodes[0].isHidden;
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/treeNode.isHover.html b/js/zTree_v3/api/cn/treeNode.isHover.html new file mode 100755 index 0000000..dcef6eb --- /dev/null +++ b/js/zTree_v3/api/cn/treeNode.isHover.html @@ -0,0 +1,19 @@ +
              +
              +

              BooleantreeNode.isHover

              +

              概述[ 依赖 jquery.ztree.exedit 扩展 js ]

              +
              +

              +
              +

              记录节点 的 hover 状态，主要用于 setting.view.addHoverDom / removeHoverDom 。

              +

              zTree 内部使用，请勿进行初始化 或 随意修改

              +

              默认值：false

              +
              +
              +

              Boolean 格式说明

              +
              +

              true 表示节点处于 hover 状态

              +

              false 表示节点未处于 hover 状态

              +
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/treeNode.isLastNode.html b/js/zTree_v3/api/cn/treeNode.isLastNode.html new file mode 100755 index 0000000..5d5ac82 --- /dev/null +++ b/js/zTree_v3/api/cn/treeNode.isLastNode.html @@ -0,0 +1,28 @@ +
              +
              +

              BooleantreeNode.isLastNode

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              记录 treeNode 节点是否为同级节点中的最后一个节点。

              +

              使用 exhide 扩展后，只针对显示的节点设置此属性

              +

              初始化节点数据时，由 zTree 增加此属性，请勿提前赋值

              +
              +
              +

              Boolean 格式说明

              +
              +

              true 表示是同级节点中的最后一个节点

              +

              false 表示不是同级节点中的最后一个节点

              +

              节点被隐藏后，isLastNode = false

              +
              +

              treeNode 举例

              +

              1. 查看当前被选中的节点是否是同级节点中的最后一个节点

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getSelectedNodes();
+if (sNodes.length > 0) {
+	var isLastNode = sNodes[0].isLastNode;
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/treeNode.isParent.html b/js/zTree_v3/api/cn/treeNode.isParent.html new file mode 100755 index 0000000..bab887e --- /dev/null +++ b/js/zTree_v3/api/cn/treeNode.isParent.html @@ -0,0 +1,28 @@ +
              +
              +

              BooleantreeNode.isParent

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              记录 treeNode 节点是否为父节点。

              +

              1、初始化节点数据时，根据 treeNode.children 属性判断，有子节点则设置为 true，否则为 false

              +

              2、初始化节点数据时，如果设定 treeNode.isParent = true，即使无子节点数据，也会设置为父节点

              +

              3、为了解决部分朋友生成 json 数据出现的兼容问题, 支持 "false","true" 字符串格式的数据

              +
              +
              +

              Boolean 格式说明

              +
              +

              true 表示是父节点

              +

              false 表示不是父节点

              +
              +

              treeNode 举例

              +

              1. 查看当前被选中的节点是否是父节点

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getSelectedNodes();
+if (sNodes.length > 0) {
+	var isParent = sNodes[0].isParent;
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/treeNode.level.html b/js/zTree_v3/api/cn/treeNode.level.html new file mode 100755 index 0000000..aff3254 --- /dev/null +++ b/js/zTree_v3/api/cn/treeNode.level.html @@ -0,0 +1,25 @@ +
              +
              +

              NumbertreeNode.level

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              记录节点的层级

              +

              初始化节点数据时，由 zTree 增加此属性，请勿提前赋值

              +
              +
              +

              Number 格式说明

              +
              +

              根节点 level = 0，依次递增

              +
              +

              treeNode 举例

              +

              1. 查看当前被选中的节点的级数

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getSelectedNodes();
+if (sNodes.length > 0) {
+	var level = sNodes[0].level;
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/treeNode.name.html b/js/zTree_v3/api/cn/treeNode.name.html new file mode 100755 index 0000000..918f2b4 --- /dev/null +++ b/js/zTree_v3/api/cn/treeNode.name.html @@ -0,0 +1,25 @@ +
              +
              +

              StringtreeNode.name

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              节点名称。

              +

              1、如果不使用 name 属性保存节点名称，请修改 setting.data.key.name

              +

              默认值：无

              +
              +
              +

              String 格式说明

              +
              +

              节点显示的名称字符串，标准 String 即可，所有特殊字符都会被自动转义

              +
              +

              treeNode 举例

              +

              1. 设置节点的名称为 test1、test2、test3

              + 
              var nodes = [
+	{ "id":1, "name":"test1"},
+	{ "id":2, "name":"test2"},
+	{ "id":3, "name":"test3"}
+]
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/treeNode.nocheck.html b/js/zTree_v3/api/cn/treeNode.nocheck.html new file mode 100755 index 0000000..afaa62f --- /dev/null +++ b/js/zTree_v3/api/cn/treeNode.nocheck.html @@ -0,0 +1,26 @@ +
              +
              +

              BooleantreeNode.nocheck

              +

              概述[ 依赖 jquery.ztree.excheck 扩展 js ]

              +
              +

              +
              +

              1、设置节点是否隐藏 checkbox / radio [setting.check.enable = true 时有效]

              +

              2、为了解决部分朋友生成 json 数据出现的兼容问题, 支持 "false","true" 字符串格式的数据

              +

              默认值：false

              +
              +
              +

              Boolean 格式说明

              +
              +

              true 表示此节点不显示 checkbox / radio，不影响勾选的关联关系，不影响父节点的半选状态。

              +

              false 表示节点具有正常的勾选功能

              +
              +

              treeNode 举例

              +

              1. 不显示某个节点的 checkbox / radio

              + 
              var nodes = [
+	{ "id":1, "name":"test1", "nocheck":true},
+	{ "id":2, "name":"test2"},
+	{ "id":3, "name":"test3"}
+]
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/treeNode.open.html b/js/zTree_v3/api/cn/treeNode.open.html new file mode 100755 index 0000000..1eb9aec --- /dev/null +++ b/js/zTree_v3/api/cn/treeNode.open.html @@ -0,0 +1,30 @@ +
              +
              +

              BooleantreeNode.open

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              记录 treeNode 节点的 展开 / 折叠 状态。

              +

              1、初始化节点数据时，如果设定 treeNode.open = true，则会直接展开此节点

              +

              2、叶子节点 treeNode.open = false

              +

              3、为了解决部分朋友生成 json 数据出现的兼容问题, 支持 "false","true" 字符串格式的数据

              +

              4、非异步加载模式下，无子节点的父节点设置 open=true 后，可显示为展开状态，但异步加载模式下不会生效。（v3.5.15+）

              +

              默认值：false

              +
              +
              +

              Boolean 格式说明

              +
              +

              true 表示节点为 展开 状态

              +

              false 表示节点为 折叠 状态

              +
              +

              treeNode 举例

              +

              1. 查看当前被选中的节点的 展开 / 折叠 状态

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getSelectedNodes();
+if (sNodes.length > 0) {
+	var isOpen = sNodes[0].open;
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/treeNode.parentTId.html b/js/zTree_v3/api/cn/treeNode.parentTId.html new file mode 100755 index 0000000..d228a23 --- /dev/null +++ b/js/zTree_v3/api/cn/treeNode.parentTId.html @@ -0,0 +1,27 @@ +
              +
              +

              StringtreeNode.parentTId

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              treeNode 节点的父节点唯一标识 tId。

              +

              1、v3.x 用 parentTId 替换了原先的 parentNode 属性，同时增加了 getParentNode 方法，以避免原先 parentNode 造成的 clone 死循环

              +

              2、初始化节点数据时，由 zTree 增加此属性，请勿提前赋值

              +
              +
              +

              String 格式说明

              +
              +

              zTree 内部生成的节点唯一标识，请参考 treeNode.tId 的说明

              +

              如果 treeNode 是根节点，则 parentTId = null

              +
              +

              treeNode 举例

              +

              1. 查看当前被选中的节点的父节点 tId

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getSelectedNodes();
+if (sNodes.length > 0) {
+	var parentTId = sNodes[0].parentTId;
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/treeNode.tId.html b/js/zTree_v3/api/cn/treeNode.tId.html new file mode 100755 index 0000000..c32285c --- /dev/null +++ b/js/zTree_v3/api/cn/treeNode.tId.html @@ -0,0 +1,25 @@ +
              +
              +

              StringtreeNode.tId

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              treeNode 节点的唯一标识 tId。

              +

              初始化节点数据时，由 zTree 增加此属性，请勿提前赋值

              +
              +
              +

              String 格式说明

              +
              +

              生成规则：setting.treeId + "_" + 内部计数

              +
              +

              treeNode 举例

              +

              1. 查看当前被选中的节点的 tId

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getSelectedNodes();
+if (sNodes.length > 0) {
+	var tId = sNodes[0].tId;
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/treeNode.target.html b/js/zTree_v3/api/cn/treeNode.target.html new file mode 100755 index 0000000..f7c1b6b --- /dev/null +++ b/js/zTree_v3/api/cn/treeNode.target.html @@ -0,0 +1,24 @@ +
              +
              +

              StringtreeNode.target

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              设置点击节点后在何处打开 url。[treeNode.url 存在时有效]

              +

              默认值：无

              +
              +
              +

              String 格式说明

              +
              +

              同超链接 target 属性: "_blank", "_self" 或 其他指定窗口名称

              +

              省略此属性，则默认为 "_blank"

              +
              +

              treeNode 举例

              +

              1. 设置点击某节点时，弹出新页面

              + 
              var nodes = [
+	{ "id":1, "name":"test1", "url":"http://myTest.com", "target":"_blank"},
+	......
+]
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/treeNode.url.html b/js/zTree_v3/api/cn/treeNode.url.html new file mode 100755 index 0000000..0b2e007 --- /dev/null +++ b/js/zTree_v3/api/cn/treeNode.url.html @@ -0,0 +1,25 @@ +
              +
              +

              StringtreeNode.url

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              节点链接的目标 URL

              +

              1、编辑模式 (setting.edit.enable = true) 下此属性功能失效，如果必须使用类似功能，请利用 onClick 事件回调函数自行控制。

              +

              2、如果需要在 onClick 事件回调函数中进行跳转控制，那么请将 URL 地址保存在其他自定义的属性内，请勿使用 url

              +

              默认值：无

              +
              +
              +

              String 格式说明

              +
              +

              同超链接 href 属性

              +
              +

              treeNode 举例

              +

              1. 设置某节点点击时，跳转到 g.cn

              + 
              var nodes = [
+	{ "id":1, "name":"Google CN", "url":"http://g.cn"},
+	......
+]
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/treeNode.zAsync.html b/js/zTree_v3/api/cn/treeNode.zAsync.html new file mode 100755 index 0000000..00e48f3 --- /dev/null +++ b/js/zTree_v3/api/cn/treeNode.zAsync.html @@ -0,0 +1,28 @@ +
              +
              +

              BooleantreeNode.zAsync

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              记录 treeNode 节点是否已经进行过异步加载，避免父节点反复异步加载数据。

              +

              初始化节点数据时，由 zTree 增加此属性，请勿提前赋值

              +

              默认值：false （无子节点的父节点）； true （有子节点的父节点 & 叶子节点）

              +
              +
              +

              Boolean 格式说明

              +
              +

              true 表示父节点展开时不需要自动异步加载

              +

              false 表示父节点展开时需要自动异步加载

              +

              此参数不会对 reAsyncChildNodes 方法造成任何影响

              +
              +

              treeNode 举例

              +

              1. 查看当前被选中的节点是否节点是否需要自动异步加载

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getSelectedNodes();
+if (sNodes.length > 0) {
+	var zAsync = sNodes[0].zAsync;
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/zTreeObj.addNodes.html b/js/zTree_v3/api/cn/zTreeObj.addNodes.html new file mode 100755 index 0000000..0fa52e3 --- /dev/null +++ b/js/zTree_v3/api/cn/zTreeObj.addNodes.html @@ -0,0 +1,47 @@ +
              +
              +

              Function(parentNode, [index], newNodes, isSilent)zTreeObj.addNodes

              +

              概述[ 依赖 jquery.ztree.core 扩展 js ]

              +
              +

              +
              +

              添加节点。

              +

              v3.x 为了避免原先反复初始化造成的数据重复问题，在 初始化 和 添加节点 时内部进行 clone 操作。如果需要获取数据在 zTree 内的对象，请获取此方法的返回值。

              +

              请通过 zTree 对象执行此方法。

              +
              +
              +

              Function 参数说明

              +
              +

              parentNodeJSON

              +

              指定的父节点，如果增加根节点，请设置 parentNode 为 null 即可。

              +

              请务必保证此节点数据对象 是 zTree 内部的数据对象

              +

              [index]Number

              +

              新节点插入的位置（从 0 开始）

              +

              index = -1 时，插入到最后

              +

              此参数可忽略

              +

              v3.5.19+

              +

              newNodesJSON / Array(JSON)

              +

              需要增加的节点数据 JSON 对象集合，数据只需要满足 zTree 的节点数据必需的属性即可，详细请参考“treeNode 节点数据详解”

              +

              1、v3.x 支持单独添加一个节点，即如果只新增一个节点，不用必须包在数组中

              +

              2、使用简单数据模式，请参考 setting.data.simpleData 内的属性说明

              +

              isSilentBoolean

              +

              设定增加节点后是否自动展开父节点。

              +

              isSilent = true 时，不展开父节点，其他值或缺省状态都自动展开。

              +

              返回值Array(JSON)

              +

              返回值是 zTree 最终添加的节点数据集合

              +

              如果 newNodes 是单个节点数据 JSON，返回值也是将其包在 Array 内

              +

              请务必记住：返回值中的数据对象 是 newNodes 被 clone 后的，所以绝对不相等！

              +
              +

              function 举例

              +

              1. 对于 id = "tree" 的 zTree 增加 1 个根节点

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var newNode = {name:"newNode1"};
+newNode = treeObj.addNodes(null, newNode);
+
              +

              2. 对于 id = "tree" 的 zTree 增加 3 个根节点

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var newNodes = [{name:"newNode1"}, {name:"newNode2"}, {name:"newNode3"}];
+newNodes = treeObj.addNodes(null, newNodes);
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/zTreeObj.cancelEditName.html b/js/zTree_v3/api/cn/zTreeObj.cancelEditName.html new file mode 100755 index 0000000..9df098f --- /dev/null +++ b/js/zTree_v3/api/cn/zTreeObj.cancelEditName.html @@ -0,0 +1,30 @@ +
              +
              +

              Function(newName)zTreeObj.cancelEditName

              +

              概述[ 依赖 jquery.ztree.exedit 扩展 js ]

              +
              +

              +
              +

              取消节点的编辑名称状态，可以恢复原名称，也可以强行赋给新的名称。

              +

              请通过 zTree 对象执行此方法。

              +
              +
              +

              Function 参数说明

              +
              +

              newNameString

              +

              重新给定的新名称。

              +

              如果省略此参数，则恢复原名称。

              +

              返回值无

              +

              目前无任何返回值

              +
              +

              function 举例

              +

              1. 取消 zTree 的编辑名称状态，恢复该节点原有名称

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+treeObj.cancelEditName();
+
              +

              2. 取消 zTree 的编辑名称状态，并且重新设定该节点名称

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+treeObj.cancelEditName("test_new_name");
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/zTreeObj.cancelSelectedNode.html b/js/zTree_v3/api/cn/zTreeObj.cancelSelectedNode.html new file mode 100755 index 0000000..d841768 --- /dev/null +++ b/js/zTree_v3/api/cn/zTreeObj.cancelSelectedNode.html @@ -0,0 +1,35 @@ +
              +
              +

              Function(treeNode)zTreeObj.cancelSelectedNode

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              取消节点的选中状态。

              +

              v3.x 支持多点同时选中，因此取消选中状态可以全部取消，也可以单独取消某个节点的选中状态。

              +

              请通过 zTree 对象执行此方法。

              +
              +
              +

              Function 参数说明

              +
              +

              treeNodeJSON

              +

              需要取消选中状态的节点。

              +

              请务必保证此节点数据对象 是 zTree 内部的数据对象

              +

              如果省略此参数，则将取消全部被选中节点的选中状态。

              +

              返回值无

              +

              目前无任何返回值

              +
              +

              function 举例

              +

              1. 取消当前所有被选中节点的选中状态

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+treeObj.cancelSelectedNode();
+
              +

              2. 取消当前第一个被选中节点的选中状态

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getSelectedNodes();
+if (nodes.length>0) { 
+	treeObj.cancelSelectedNode(nodes[0]);
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/zTreeObj.checkAllNodes.html b/js/zTree_v3/api/cn/zTreeObj.checkAllNodes.html new file mode 100755 index 0000000..be51299 --- /dev/null +++ b/js/zTree_v3/api/cn/zTreeObj.checkAllNodes.html @@ -0,0 +1,29 @@ +
              +
              +

              Function(checked)zTreeObj.checkAllNodes

              +

              概述[ 依赖 jquery.ztree.excheck 扩展 js ]

              +
              +

              +
              +

              勾选 或 取消勾选 全部节点。[setting.check.enable = true 且 setting.check.chkStyle = "checkbox" 时有效]

              +

              此方法不会触发 beforeCheck / onCheck 事件回调函数。

              +

              请通过 zTree 对象执行此方法。

              +
              +
              +

              Function 参数说明

              +
              +

              checkedBoolean

              +

              checked = true 表示勾选全部节点

              +

              checked = false 表示全部节点取消勾选

              +

              不会影响 treeNode.nocheck = true 的节点。

              +

              不会影响未加载的节点。

              +

              返回值无

              +

              目前无任何返回值

              +
              +

              function 举例

              +

              1. 勾选全部节点

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+treeObj.checkAllNodes(true);
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/zTreeObj.checkNode.html b/js/zTree_v3/api/cn/zTreeObj.checkNode.html new file mode 100755 index 0000000..7bc0dbf --- /dev/null +++ b/js/zTree_v3/api/cn/zTreeObj.checkNode.html @@ -0,0 +1,44 @@ +
              +
              +

              Function(treeNode, checked, checkTypeFlag, callbackFlag)zTreeObj.checkNode

              +

              概述[ 依赖 jquery.ztree.excheck 扩展 js ]

              +
              +

              +
              +

              勾选 或 取消勾选 单个节点。[setting.check.enable = true 时有效]

              +

              v3.x 中 checkNode() 方法可以触发 beforeCheck / onCheck 事件回调函数。便于减少冗余代码

              +

              请通过 zTree 对象执行此方法。

              +
              +
              +

              Function 参数说明

              +
              +

              treeNodeJSON

              +

              需要勾选 或 取消勾选 的节点数据

              +

              请务必保证此节点数据对象 是 zTree 内部的数据对象

              +

              checkedBoolean

              +

              checked = true 表示勾选节点

              +

              checked = false 表示节点取消勾选

              +

              省略此参数，则根据对此节点的勾选状态进行 toggle 切换

              +

              不影响 treeNode.nocheck = true 的节点。

              +

              checkTypeFlagBoolean

              +

              checkTypeFlag = true 表示按照 setting.check.chkboxType 属性进行父子节点的勾选联动操作

              +

              checkTypeFlag = false 表示只修改此节点勾选状态，无任何勾选联动操作

              +

              checkTypeFlag = false 且 treeNode.checked = checked 时，不会触发回调函数，直接返回

              +

              不影响父子节点中 treeNode.nocheck = true 的节点。

              +

              callbackFlagBoolean

              +

              callbackFlag = true 表示执行此方法时触发 beforeCheck & onCheck 事件回调函数

              +

              callbackFlag = false 表示执行此方法时不触发事件回调函数

              +

              省略此参数，等同于 false

              +

              返回值无

              +

              目前无任何返回值

              +
              +

              function 举例

              +

              1. 勾选当前选中的节点

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getSelectedNodes();
+for (var i=0, l=nodes.length; i < l; i++) {
+	treeObj.checkNode(nodes[i], true, true);
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/zTreeObj.copyNode.html b/js/zTree_v3/api/cn/zTreeObj.copyNode.html new file mode 100755 index 0000000..f1b624b --- /dev/null +++ b/js/zTree_v3/api/cn/zTreeObj.copyNode.html @@ -0,0 +1,44 @@ +
              +
              +

              Function(targetNode, treeNode, moveType, isSilent)zTreeObj.copyNode

              +

              概述[ 依赖 jquery.ztree.exedit 扩展 js ]

              +
              +

              +
              +

              复制节点。

              +

              v3.x 复制节点时进行 clone 操作。如果需要获取数据在 zTree 内的对象，请获取此方法的返回值。

              +

              请通过 zTree 对象执行此方法。

              +
              +
              +

              Function 参数说明

              +
              +

              targetNodeJSON

              +

              要复制到的目标节点 JSON 数据

              +

              如果复制成为根节点，请设置 targetNode 为 null 即可

              +

              请务必保证此节点数据对象 是 zTree 内部的数据对象

              +

              treeNodeJSON

              +

              需要被复制的节点数据

              +

              请务必保证此节点数据对象 是 zTree 内部的数据对象

              +

              moveTypeString

              +

              复制到目标节点的相对位置

              +

              "inner"：成为子节点，"prev"：成为同级前一个节点，"next"：成为同级后一个节点

              +

              isSilentBoolean

              +

              设定复制节点后是否自动展开父节点。

              +

              isSilent = true 时，不展开父节点，其他值或缺省状态都自动展开。

              +

              返回值JSON

              +

              返回值是最终加入到 zTree 内的节点数据

              +

              请务必记住：返回值中的数据对象 是 treeNode 被 clone 后的，所以绝对不相等！

              +
              +

              function 举例

              +

              1. 将根节点中第二个节点 复制成为 第一个节点的子节点

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodes();
+treeObj.copyNode(nodes[0], nodes[1], "inner");
+
              +

              2. 将根节点中第二个节点 复制成为 第一个节点的前一个节点

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodes();
+treeObj.copyNode(nodes[0], nodes[1], "before");
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/zTreeObj.destroy.html b/js/zTree_v3/api/cn/zTreeObj.destroy.html new file mode 100755 index 0000000..d9f6da0 --- /dev/null +++ b/js/zTree_v3/api/cn/zTreeObj.destroy.html @@ -0,0 +1,25 @@ +
              +
              +

              Function(treeId)zTreeObj.destroy

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              从 zTree v3.4 开始提供销毁 zTree 的方法。

              +

              1、用此方法可以销毁 zTreeObj 代表的 zTree。

              +

              2、销毁当前页面全部的 zTree，也可以使用 $.fn.zTree.destroy() 方法。

              +

              3、重新使用已经被销毁的树，必须要使用 init 方法进行初始化。

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              返回值无

              +

              目前无任何返回值

              +
              +

              function 举例

              +

              1. 销毁 id 为 "treeDemo" 的 zTree

              + 
              var zTreeObj = $.fn.zTree.getZTreeObj("treeDemo");
+zTreeObj.destroy();
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/zTreeObj.editName.html b/js/zTree_v3/api/cn/zTreeObj.editName.html new file mode 100755 index 0000000..2d4eaf7 --- /dev/null +++ b/js/zTree_v3/api/cn/zTreeObj.editName.html @@ -0,0 +1,29 @@ +
              +
              +

              Function(treeNode)zTreeObj.editName

              +

              概述[ 依赖 jquery.ztree.exedit 扩展 js ]

              +
              +

              +
              +

              设置某节点进入编辑名称状态。

              +

              1、如果需要用 js 取消编辑名称状态，请使用 cancelEditName(newName) 方法。

              +

              2、可利用此方法让当前正编辑的节点 input 输入框获取焦点。

              +

              3、请通过 zTree 对象执行此方法。

              +
              +
              +

              Function 参数说明

              +
              +

              treeNodeJSON

              +

              指定进入编辑名称状态的节点 JSON 数据

              +

              请务必保证此节点数据对象 是 zTree 内部的数据对象

              +

              返回值无

              +

              目前无任何返回值

              +
              +

              function 举例

              +

              1. 设置根节点第一个节点进入编辑名称状态

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodes();
+treeObj.editName(nodes[0]);
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/zTreeObj.expandAll.html b/js/zTree_v3/api/cn/zTreeObj.expandAll.html new file mode 100755 index 0000000..aaa3e46 --- /dev/null +++ b/js/zTree_v3/api/cn/zTreeObj.expandAll.html @@ -0,0 +1,30 @@ +
              +
              +

              Function(expandFlag)zTreeObj.expandAll

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              展开 / 折叠 全部节点

              +

              此方法不会触发 beforeExpand / onExpand 和 beforeCollapse / onCollapse 事件回调函数。

              +

              请通过 zTree 对象执行此方法。

              +
              +
              +

              Function 参数说明

              +
              +

              expandFlagBoolean

              +

              expandFlag = true 表示 展开 全部节点

              +

              expandFlag = false 表示 折叠 全部节点

              +

              返回值Boolean

              +

              返回值表示最终实际操作情况

              +

              true 表示 展开 全部节点

              +

              false 表示 折叠 全部节点

              +

              null 表示 不存在任何父节点

              +
              +

              function 举例

              +

              1. 展开全部节点

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+treeObj.expandAll(true);
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/zTreeObj.expandNode.html b/js/zTree_v3/api/cn/zTreeObj.expandNode.html new file mode 100755 index 0000000..5d96d3f --- /dev/null +++ b/js/zTree_v3/api/cn/zTreeObj.expandNode.html @@ -0,0 +1,50 @@ +
              +
              +

              Function(treeNode, expandFlag, sonSign, focus, callbackFlag)zTreeObj.expandNode

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              展开 / 折叠 指定的节点

              +

              v3.x 中执行此方法可以触发 beforeExpand / onExpand 或 beforeCollapse / onCollapse 事件回调函数。便于减少冗余代码

              +

              请通过 zTree 对象执行此方法。

              +
              +
              +

              Function 参数说明

              +
              +

              treeNodeJSON

              +

              需要 展开 / 折叠 的节点数据

              +

              请务必保证此节点数据对象 是 zTree 内部的数据对象

              +

              expandFlagBoolean

              +

              expandFlag = true 表示 展开 节点

              +

              expandFlag = false 表示 折叠 节点

              +

              省略此参数，则根据对此节点的展开状态进行 toggle 切换

              +

              sonSignBoolean

              +

              sonSign = true 表示 全部子孙节点 进行与 expandFlag 相同的操作

              +

              sonSign = false 表示 只影响此节点，对于其 子孙节点无任何影响

              +

              sonSign = false 且 treeNode.open = expandFlag 时，不会触发回调函数，直接返回

              +

              省略此参数，等同于 false

              +

              focusBoolean

              +

              focus = true 表示 展开 / 折叠 操作后，通过设置焦点保证此焦点进入可视区域内

              +

              focus = false 表示 展开 / 折叠 操作后，不设置任何焦点

              +

              省略此参数，等同于 true

              +

              callbackFlagBoolean

              +

              callbackFlag = true 表示执行此方法时触发 beforeExpand / onExpand 或 beforeCollapse / onCollapse 事件回调函数

              +

              callbackFlag = false 表示执行此方法时不触发事件回调函数

              +

              省略此参数，等同于 false

              +

              返回值Boolean

              +

              返回值表示最终实际操作情况

              +

              true 表示 展开 节点

              +

              false 表示 折叠 节点

              +

              null 表示 不是父节点

              +
              +

              function 举例

              +

              1. 展开当前选择的第一个节点（包括其全部子节点）

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getSelectedNodes();
+if (nodes.length>0) {
+	treeObj.expandNode(nodes[0], true, true, true);
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/zTreeObj.getChangeCheckedNodes.html b/js/zTree_v3/api/cn/zTreeObj.getChangeCheckedNodes.html new file mode 100755 index 0000000..ba86534 --- /dev/null +++ b/js/zTree_v3/api/cn/zTreeObj.getChangeCheckedNodes.html @@ -0,0 +1,24 @@ +
              +
              +

              Function()zTreeObj.getChangeCheckedNodes

              +

              概述[ 依赖 jquery.ztree.excheck 扩展 js ]

              +
              +

              +
              +

              获取输入框勾选状态被改变的节点集合（与原始数据 checkedOld 对比）。[setting.check.enable = true 时有效]

              +

              请通过 zTree 对象执行此方法。

              +
              +
              +

              Function 参数说明

              +
              +

              返回值Array(JSON)

              +

              返回全部勾选状态被改变的节点集合 Array

              +

              如果需要获取每次操作后全部被改变勾选状态的节点数据，请在每次勾选操作后，遍历所有被改变勾选状态的节点数据，让其 checkedOld = checked 就可以了。

              +
              +

              function 举例

              +

              1. 获取当前勾选状态被改变的节点集合

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getChangeCheckedNodes();
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/zTreeObj.getCheckedNodes.html b/js/zTree_v3/api/cn/zTreeObj.getCheckedNodes.html new file mode 100755 index 0000000..41a7df3 --- /dev/null +++ b/js/zTree_v3/api/cn/zTreeObj.getCheckedNodes.html @@ -0,0 +1,28 @@ +
              +
              +

              Function(checked)zTreeObj.getCheckedNodes

              +

              概述[ 依赖 jquery.ztree.excheck 扩展 js ]

              +
              +

              +
              +

              获取输入框被勾选 或 未勾选的节点集合。[setting.check.enable = true 时有效]

              +

              请通过 zTree 对象执行此方法。

              +
              +
              +

              Function 参数说明

              +
              +

              checkedBoolean

              +

              checked = true 表示获取 被勾选 的节点集合

              +

              checked = false 表示获取 未勾选 的节点集合

              +

              省略此参数，等同于 true。

              +

              对于 treeNode.nocheck = true 的节点不进行获取。

              +

              返回值Array(JSON)

              +

              返回全部符合要求的节点集合 Array

              +
              +

              function 举例

              +

              1. 获取当前被勾选的节点集合

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getCheckedNodes(true);
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/zTreeObj.getNodeByParam.html b/js/zTree_v3/api/cn/zTreeObj.getNodeByParam.html new file mode 100755 index 0000000..89e72c7 --- /dev/null +++ b/js/zTree_v3/api/cn/zTreeObj.getNodeByParam.html @@ -0,0 +1,32 @@ +
              +
              +

              Function(key, value, parentNode)zTreeObj.getNodeByParam

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              根据节点数据的属性搜索，获取条件完全匹配的节点数据 JSON 对象

              +

              请通过 zTree 对象执行此方法。

              +
              +
              +

              Function 参数说明

              +
              +

              keyString

              +

              需要精确匹配的属性名称

              +

              value?

              +

              需要精确匹配的属性值，可以是任何类型，只要保证与 key 指定的属性值保持一致即可

              +

              parentNodeJSON

              +

              搜索范围，指定在某个父节点下的子节点中进行搜索

              +

              忽略此参数，表示在全部节点中搜索

              +

              返回值JSON

              +

              匹配精确搜索的节点数据

              +

              1、如无结果，返回 null

              +

              2、如有多个节点满足查询条件，只返回第一个匹配到的节点

              +
              +

              function 举例

              +

              1. 查找 id = 1 的节点数据

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var node = treeObj.getNodeByParam("id", 1, null);
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/zTreeObj.getNodeByTId.html b/js/zTree_v3/api/cn/zTreeObj.getNodeByTId.html new file mode 100755 index 0000000..76fcc48 --- /dev/null +++ b/js/zTree_v3/api/cn/zTreeObj.getNodeByTId.html @@ -0,0 +1,27 @@ +
              +
              +

              Function(tId)zTreeObj.getNodeByTId

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              根据 zTree 的唯一标识 tId 快速获取节点 JSON 数据对象

              +

              通过内部的 cache 获取，不需要遍历节点。

              +

              请通过 zTree 对象执行此方法。

              +
              +
              +

              Function 参数说明

              +
              +

              tIdString

              +

              节点在 zTree 内的唯一标识 tId

              +

              返回值JSON

              +

              tId 对应的节点 JSON 数据对象

              +

              如无结果，返回 null

              +
              +

              function 举例

              +

              1. 获取 tId = "tree_10" 的节点数据

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var node = treeObj.getNodeByTId("tree_10");
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/zTreeObj.getNodeIndex.html b/js/zTree_v3/api/cn/zTreeObj.getNodeIndex.html new file mode 100755 index 0000000..b2c757d --- /dev/null +++ b/js/zTree_v3/api/cn/zTreeObj.getNodeIndex.html @@ -0,0 +1,30 @@ +
              +
              +

              Function(treeNode)zTreeObj.getNodeIndex

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              获取某节点在同级节点中的序号（从0开始）

              +

              请通过 zTree 对象执行此方法。

              +
              +
              +

              Function 参数说明

              +
              +

              treeNodeJSON

              +

              需要查询顺序的节点 JSON 数据对象

              +

              请务必保证此节点数据对象 是 zTree 内部的数据对象

              +

              返回值Number

              +

              返回值从 0 开始计数

              +

              如果不存在该节点数据，返回 -1

              +
              +

              function 举例

              +

              1. 获取当前选中的第一个节点在同级节点中的序号

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getSelectedNodes();
+if (nodes.length>0) {
+	var index = treeObj.getNodeIndex(nodes[0]);
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/zTreeObj.getNodes.html b/js/zTree_v3/api/cn/zTreeObj.getNodes.html new file mode 100755 index 0000000..b368535 --- /dev/null +++ b/js/zTree_v3/api/cn/zTreeObj.getNodes.html @@ -0,0 +1,26 @@ +
              +
              +

              Function()zTreeObj.getNodes

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              获取 zTree 的全部节点数据

              +

              请通过 zTree 对象执行此方法。

              +
              +
              +

              Function 参数说明

              +
              +

              返回值Array(JSON)

              +

              全部节点数据

              +

              1、Array 仅仅是根节点的集合（默认情况子节点都处于 children 属性下）；

              +

              2、如需遍历全部节点需要利用递归，或利用 transformToArray 方法 将数据变成简单的 Array 集合

              +

              3、对于异步加载模式下，尚未加载的子节点是无法通过此方法获取的。

              +
              +

              function 举例

              +

              1. 获取全部节点数据

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodes();
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/zTreeObj.getNodesByFilter.html b/js/zTree_v3/api/cn/zTreeObj.getNodesByFilter.html new file mode 100755 index 0000000..6917425 --- /dev/null +++ b/js/zTree_v3/api/cn/zTreeObj.getNodesByFilter.html @@ -0,0 +1,43 @@ +
              +
              +

              Function(filter, isSingle, parentNode, invokeParam)zTreeObj.getNodesByFilter

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              根据自定义规则搜索节点数据 JSON 对象集合 或 单个节点数据

              +

              可自定义复杂的搜索规则

              +

              请通过 zTree 对象执行此方法。

              +
              +
              +

              Function 参数说明

              +
              +

              filterFunction

              +

              自定义过滤器函数 function filter(node) {...}

              +

              filter 参数：node (节点数据 JSON)

              +

              filter 返回值：boolean (true 表示符合搜索条件；false 表示不符合搜索条件)

              +

              isSingleBoolean

              +

              isSingle = true 表示只查找单个节点

              +

              isSingle = false 表示查找节点集合

              +

              忽略此参数，表示查找节点集合

              +

              parentNodeJSON

              +

              可以指定在某个父节点下的子节点中搜索

              +

              忽略此参数，表示在全部节点中搜索

              +

              invokeParam任意类型

              +

              用户自定义的数据对象，用于 filter 中进行计算

              +

              返回值Array(JSON) / JSON

              +

              isSingle = true 返回 第一个找到的节点数据 JSON，无结果时返回 null

              +

              isSingle = false 返回 节点数据集合 Array(JSON)，无结果时返回 [ ]

              +
              +

              function 举例

              +

              1. 查找 level = 2 & name 中包含 "test" 的节点数据

              + 
              function filter(node) {
+    return (node.level == 2 && node.name.indexOf("test")>-1);
+}
+......
+var treeObj = $.fn.zTree.getZTreeObj("tree");
+var node = treeObj.getNodesByFilter(filter, true); // 仅查找一个节点
+var nodes = treeObj.getNodesByFilter(filter); // 查找节点集合
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/zTreeObj.getNodesByParam.html b/js/zTree_v3/api/cn/zTreeObj.getNodesByParam.html new file mode 100755 index 0000000..cf45939 --- /dev/null +++ b/js/zTree_v3/api/cn/zTreeObj.getNodesByParam.html @@ -0,0 +1,31 @@ +
              +
              +

              Function(key, value, parentNode)zTreeObj.getNodesByParam

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              根据节点数据的属性搜索，获取条件完全匹配的节点数据 JSON 对象集合

              +

              请通过 zTree 对象执行此方法。

              +
              +
              +

              Function 参数说明

              +
              +

              keyString

              +

              需要精确匹配的属性名称

              +

              value?

              +

              需要精确匹配的属性值，可以是任何类型，只要保证与 key 指定的属性值保持一致即可

              +

              parentNodeJSON

              +

              可以指定在某个父节点下的子节点中搜索

              +

              忽略此参数，表示在全部节点中搜索

              +

              返回值Array(JSON)

              +

              匹配精确搜索的节点数据集合

              +

              如无结果，返回 [ ]

              +
              +

              function 举例

              +

              1. 查找 name = "test" 的节点数据

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodesByParam("name", "test", null);
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/zTreeObj.getNodesByParamFuzzy.html b/js/zTree_v3/api/cn/zTreeObj.getNodesByParamFuzzy.html new file mode 100755 index 0000000..04d183f --- /dev/null +++ b/js/zTree_v3/api/cn/zTreeObj.getNodesByParamFuzzy.html @@ -0,0 +1,32 @@ +
              +
              +

              Function(key, value, parentNode)zTreeObj.getNodesByParamFuzzy

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              根据节点数据的属性搜索，获取条件模糊匹配的节点数据 JSON 对象集合

              +

              请通过 zTree 对象执行此方法。

              +
              +
              +

              Function 参数说明

              +
              +

              keyString

              +

              需要模糊匹配的属性名称

              +

              valueString

              +

              需要模糊匹配的属性值

              +

              模糊匹配只能针对 String 类型的数据

              +

              parentNodeJSON

              +

              可以指定在某个父节点下的子节点中搜索

              +

              忽略此参数，表示在全部节点中搜索

              +

              返回值Array(JSON)

              +

              匹配模糊搜索的节点数据集合

              +

              如无结果，返回 [ ]

              +
              +

              function 举例

              +

              1. 查找 name 包含 "test" 的节点数据

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodesByParamFuzzy("name", "test", null);
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/zTreeObj.getSelectedNodes.html b/js/zTree_v3/api/cn/zTreeObj.getSelectedNodes.html new file mode 100755 index 0000000..ab36f8e --- /dev/null +++ b/js/zTree_v3/api/cn/zTreeObj.getSelectedNodes.html @@ -0,0 +1,23 @@ +
              +
              +

              Function()zTreeObj.getSelectedNodes

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              获取 zTree 当前被选中的节点数据集合

              +

              请通过 zTree 对象执行此方法。

              +
              +
              +

              Function 参数说明

              +
              +

              返回值Array(JSON)

              +

              当前被选中的节点数据集合

              +
              +

              function 举例

              +

              1. 获取当前被选中的节点数据集合

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getSelectedNodes();
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/zTreeObj.hideNode.html b/js/zTree_v3/api/cn/zTreeObj.hideNode.html new file mode 100755 index 0000000..a1996b8 --- /dev/null +++ b/js/zTree_v3/api/cn/zTreeObj.hideNode.html @@ -0,0 +1,29 @@ +
              +
              +

              Function(treeNode)zTreeObj.hideNode

              +

              概述[ 依赖 jquery.ztree.exhide 扩展 js ]

              +
              +

              +
              +

              隐藏某个节点。

              +

              1、此功能不支持 exedit 扩展，因此不要在编辑状态时使用隐藏节点的方法。

              +

              2、隐藏/显示节点，会影响节点的 isFirstNode 和 isLastNode 属性。

              +

              3、请通过 zTree 对象执行此方法。

              +
              +
              +

              Function 参数说明

              +
              +

              treeNodeJSON

              +

              指定被隐藏的节点 JSON 数据

              +

              请务必保证此节点数据对象 是 zTree 内部的数据对象

              +

              返回值无

              +

              目前无任何返回值

              +
              +

              function 举例

              +

              1. 隐藏根节点第一个节点

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodes();
+treeObj.hideNode(nodes[0]);
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/zTreeObj.hideNodes.html b/js/zTree_v3/api/cn/zTreeObj.hideNodes.html new file mode 100755 index 0000000..cf752b5 --- /dev/null +++ b/js/zTree_v3/api/cn/zTreeObj.hideNodes.html @@ -0,0 +1,29 @@ +
              +
              +

              Function(treeNodes)zTreeObj.hideNodes

              +

              概述[ 依赖 jquery.ztree.exhide 扩展 js ]

              +
              +

              +
              +

              隐藏一批节点。

              +

              1、此功能不支持 exedit 扩展，因此不要在编辑状态时使用隐藏节点的方法。

              +

              2、隐藏/显示节点，会影响节点的 isFirstNode 和 isLastNode 属性。

              +

              3、请通过 zTree 对象执行此方法。

              +
              +
              +

              Function 参数说明

              +
              +

              treeNodesArray(JSON)

              +

              指定被隐藏的节点 JSON 数据集合

              +

              请务必保证这些节点数据对象 是 zTree 内部的数据对象

              +

              返回值无

              +

              目前无任何返回值

              +
              +

              function 举例

              +

              1. 隐藏根节点第一个节点的子节点

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodes();
+treeObj.hideNodes(nodes[0].children);
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/zTreeObj.moveNode.html b/js/zTree_v3/api/cn/zTreeObj.moveNode.html new file mode 100755 index 0000000..9c9180b --- /dev/null +++ b/js/zTree_v3/api/cn/zTreeObj.moveNode.html @@ -0,0 +1,46 @@ +
              +
              +

              Function(targetNode, treeNode, moveType, isSilent)zTreeObj.moveNode

              +

              概述[ 依赖 jquery.ztree.exedit 扩展 js ]

              +
              +

              +
              +

              移动节点。

              +

              请通过 zTree 对象执行此方法。

              +
              +
              +

              Function 参数说明

              +
              +

              targetNodeJSON

              +

              要移动到的目标节点 JSON 数据

              +

              如果移动成为根节点，请设置 targetNode 为 null 即可

              +

              请务必保证此节点数据对象 是 zTree 内部的数据对象

              +

              treeNodeJSON

              +

              需要被移动的节点数据

              +

              请务必保证此节点数据对象 是 zTree 内部的数据对象

              +

              moveTypeString

              +

              指定移动到目标节点的相对位置

              +

              "inner"：成为子节点，"prev"：成为同级前一个节点，"next"：成为同级后一个节点

              +

              isSilentBoolean

              +

              设定移动节点后是否自动展开父节点。

              +

              isSilent = true 时，不展开父节点，其他值或缺省状态都自动展开。

              +

              返回值JSON

              +

              返回值是最终被移动的节点数据，正常情况下与 treeNode 参数完全相同

              +

              如果 返回值 为 null，说明 移动失败，主要原因有：
              +  1、targetNode 是 treeNode 父节点，且 moveType = "inner"
              +  2、targetNode 是 treeNode 子孙节点 +

              +
              +

              function 举例

              +

              1. 将根节点中第二个节点 移动成为 第一个节点的子节点

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodes();
+treeObj.moveNode(nodes[0], nodes[1], "inner");
+
              +

              2. 将根节点中第二个节点 移动成为 第一个节点的前一个节点

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodes();
+treeObj.moveNode(nodes[0], nodes[1], "prev");
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/zTreeObj.reAsyncChildNodes.html b/js/zTree_v3/api/cn/zTreeObj.reAsyncChildNodes.html new file mode 100755 index 0000000..3ca0492 --- /dev/null +++ b/js/zTree_v3/api/cn/zTreeObj.reAsyncChildNodes.html @@ -0,0 +1,45 @@ +
              +
              +

              Function(parentNode, reloadType, isSilent, callback)zTreeObj.reAsyncChildNodes +

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              强行异步加载父节点的子节点。[setting.async.enable = true 时有效]

              +

              已经加载过的父节点可反复使用此方法重新加载。

              +

              请通过 zTree 对象执行此方法。

              +
              +
              +

              Function 参数说明

              +
              +

              parentNodeJSON

              +

              指定需要异步加载的父节点 JSON 数据

              +

              1、parentNode = null 时，相当于从根节点 Root 进行异步加载

              +

              2、parentNode.isParent = false 时，不进行异步加载

              +

              3、请务必保证此节点数据对象 是 zTree 内部的数据对象

              +

              reloadTypeString

              +

              reloadType = "refresh" 表示清空后重新加载。

              +

              reloadType != "refresh" 时，表示追加子节点处理。

              +

              isSilentBoolean

              +

              设定异步加载后是否自动展开父节点。

              +

              isSilent = true 时，不展开父节点，其他值或缺省状态都自动展开。

              +

              callbackfunction

              +

              刷新完成后的回调函数。

              +

              返回值无

              +

              目前无任何返回值

              +
              +

              function 举例

              +

              1. 重新异步加载 zTree

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+treeObj.reAsyncChildNodes(null, "refresh");
+
              +

              2. 重新异步加载当前选中的第一个节点

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getSelectedNodes();
+if (nodes.length>0) {
+	treeObj.reAsyncChildNodes(nodes[0], "refresh");
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/zTreeObj.reAsyncChildNodesPromise.html b/js/zTree_v3/api/cn/zTreeObj.reAsyncChildNodesPromise.html new file mode 100755 index 0000000..b95200a --- /dev/null +++ b/js/zTree_v3/api/cn/zTreeObj.reAsyncChildNodesPromise.html @@ -0,0 +1,44 @@ +
              +
              +

              Function(parentNode, reloadType, isSilent)zTreeObj.reAsyncChildNodesPromise +

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              强行异步加载父节点的子节点（ES6 Promise 版）。[setting.async.enable = true 时有效]

              +

              已经加载过的父节点可反复使用此方法重新加载。

              +

              请通过 zTree 对象执行此方法。

              +

              v3.5.29+

              +
              +
              +

              Function 参数说明

              +
              +

              parentNodeJSON

              +

              指定需要异步加载的父节点 JSON 数据

              +

              1、parentNode = null 时，相当于从根节点 Root 进行异步加载

              +

              2、parentNode.isParent = false 时，不进行异步加载

              +

              3、请务必保证此节点数据对象 是 zTree 内部的数据对象

              +

              reloadTypeString

              +

              reloadType = "refresh" 表示清空后重新加载。

              +

              reloadType != "refresh" 时，表示追加子节点处理。

              +

              isSilentBoolean

              +

              设定异步加载后是否自动展开父节点。

              +

              isSilent = true 时，不展开父节点，其他值或缺省状态都自动展开。

              +

              返回值ES6 Promise

              +

              ES6 的 Promise 对象，便于异步控制，使用时请注意浏览器兼容问题

              +
              +

              function 举例

              +

              1. 重新异步加载 zTree

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+treeObj.reAsyncChildNodes(null, "refresh");
+
              +

              2. 重新异步加载当前选中的第一个节点

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getSelectedNodes();
+if (nodes.length>0) {
+	treeObj.reAsyncChildNodes(nodes[0], "refresh");
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/zTreeObj.refresh.html b/js/zTree_v3/api/cn/zTreeObj.refresh.html new file mode 100755 index 0000000..09a74ca --- /dev/null +++ b/js/zTree_v3/api/cn/zTreeObj.refresh.html @@ -0,0 +1,24 @@ +
              +
              +

              Function()zTreeObj.refresh

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              刷新 zTree 。

              +

              没有特殊必要，尽量不要使用此方法。单个节点更新请使用 updateNode 方法，异步加载模式下请使用 reAsyncChildNodes 方法。

              +

              请通过 zTree 对象执行此方法。

              +
              +
              +

              Function 参数说明

              +
              +

              返回值无

              +

              目前无任何返回值

              +
              +

              function 举例

              +

              1. 刷新 zTree

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+treeObj.refresh();
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/zTreeObj.removeChildNodes.html b/js/zTree_v3/api/cn/zTreeObj.removeChildNodes.html new file mode 100755 index 0000000..588639f --- /dev/null +++ b/js/zTree_v3/api/cn/zTreeObj.removeChildNodes.html @@ -0,0 +1,32 @@ +
              +
              +

              Function(parentNode)zTreeObj.removeChildNodes

              +

              概述[ 依赖 jquery.ztree.core 扩展 js ]

              +
              +

              +
              +

              清空某父节点的子节点。

              +

              1、清空子节点后，父节点会自动变为叶子节点，如需要父节点保持父节点状态，请设置 setting.data.keep.parent 属性。

              +

              2、请勿用此方法清空根节点，如果需要清空根节点，直接初始化 zTree，并且设置初始节点为 null 即可。

              +

              3、此方法不会触发任何事件回调函数。

              +

              请通过 zTree 对象执行此方法。

              +
              +
              +

              Function 参数说明

              +
              +

              parentNodeJSON

              +

              需要清空子节点的父节点数据

              +

              请务必保证此节点数据对象 是 zTree 内部的数据对象

              +

              返回值Array(JSON)

              +

              将该父节点的子节点数据返回，如果不存在则返回 null

              +
              +

              function 举例

              +

              1. 清空选中的第一个节点的子节点

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getSelectedNodes();
+if (nodes && nodes.length>0) {
+	treeObj.removeChildNodes(nodes[0]);
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/zTreeObj.removeNode.html b/js/zTree_v3/api/cn/zTreeObj.removeNode.html new file mode 100755 index 0000000..442f5c7 --- /dev/null +++ b/js/zTree_v3/api/cn/zTreeObj.removeNode.html @@ -0,0 +1,34 @@ +
              +
              +

              Function(treeNode, callbackFlag)zTreeObj.removeNode

              +

              概述[ 依赖 jquery.ztree.core 扩展 js ]

              +
              +

              +
              +

              删除节点。

              +

              v3.x 中删除节点可以触发 beforeRemove / onRemove 事件回调函数。便于减少冗余代码

              +

              请通过 zTree 对象执行此方法。

              +
              +
              +

              Function 参数说明

              +
              +

              treeNodeJSON

              +

              需要被删除的节点数据

              +

              请务必保证此节点数据对象 是 zTree 内部的数据对象

              +

              callbackFlagBoolean

              +

              callbackFlag = true 表示执行此方法时触发 beforeRemove & onRemove 事件回调函数

              +

              callbackFlag = false 表示执行此方法时不触发事件回调函数

              +

              省略此参数，等同于 false

              +

              返回值无

              +

              目前无任何返回值

              +
              +

              function 举例

              +

              1. 删除所有选中的节点

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getSelectedNodes();
+for (var i=0, l=nodes.length; i < l; i++) {
+	treeObj.removeNode(nodes[i]);
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/zTreeObj.selectNode.html b/js/zTree_v3/api/cn/zTreeObj.selectNode.html new file mode 100755 index 0000000..8d074c4 --- /dev/null +++ b/js/zTree_v3/api/cn/zTreeObj.selectNode.html @@ -0,0 +1,38 @@ +
              +
              +

              Function(treeNode, addFlag, isSilent)zTreeObj.selectNode

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              选中指定节点

              +

              v3.x 支持同时选中多个节点。

              +

              请通过 zTree 对象执行此方法。

              +
              +
              +

              Function 参数说明

              +
              +

              treeNodeJSON

              +

              需要被选中的节点数据

              +

              请务必保证此节点数据对象 是 zTree 内部的数据对象

              +

              addFlagBoolean

              +

              addFlag = true 表示追加选中，会出现多点同时被选中的情况

              +

              addFlag = false （默认）表示单独选中，原先被选中的节点会被取消选中状态

              +

              setting.view.selectedMulti = false 时，此参数无效，始终进行单独选中

              +

              isSilentBoolean

              +

              isSilent = true 选中节点时，不会让节点自动滚到到可视区域内

              +

              isSilent = false （默认）表示选中节点时，会让节点自动滚到到可视区域内

              +

              (v3.5.23+)

              +

              返回值无

              +

              目前无任何返回值

              +
              +

              function 举例

              +

              1. 单独选中根节点中第一个节点

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodes();
+if (nodes.length>0) {
+	treeObj.selectNode(nodes[0]);
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/zTreeObj.setChkDisabled.html b/js/zTree_v3/api/cn/zTreeObj.setChkDisabled.html new file mode 100755 index 0000000..9540080 --- /dev/null +++ b/js/zTree_v3/api/cn/zTreeObj.setChkDisabled.html @@ -0,0 +1,44 @@ +
              +
              +

              Function(node, disabled, inheritParent, inheritChildren)zTreeObj.setChkDisabled

              +

              概述[ 依赖 jquery.ztree.excheck 扩展 js ]

              +
              +

              +
              +

              禁用 或 解禁 某个节点的 checkbox / radio [setting.check.enable = true 时有效]

              +

              1、节点的 checkbox / radio 被禁用后，无法勾选或取消勾选，但能够影响父节点的半选状态

              +

              2、请不要直接修改已加载节点的 treeNode.chkDisabled 属性。

              +

              3、请通过 zTree 对象执行此方法。

              +
              +
              +

              Function 参数说明

              +
              +

              treeNodeJSON

              +

              需要禁用 或 解禁 checkbox / radio 的节点数据

              +

              请务必保证此节点数据对象 是 zTree 内部的数据对象

              +

              disabledBoolean

              +

              disabled = true 表示禁用 checkbox / radio

              +

              disabled = false 表示解禁 checkbox / radio

              +

              省略此参数，等同于 disabled = false

              +

              不影响 treeNode.nocheck = true 的节点。

              +

              inheritParentBoolean

              +

              inheritParent = true 表示全部父节点进行同样的操作

              +

              inheritParent = false 表示不影响父节点

              +

              省略此参数，等同于 inheritParent = false

              +

              inheritChildrenBoolean

              +

              inheritChildren = true 表示全部子节点进行同样的操作

              +

              inheritChildren = false 表示不影响子节点

              +

              省略此参数，等同于 inheritChildren = false

              +

              返回值无

              +

              目前无任何返回值

              +
              +

              function 举例

              +

              1. 禁用当前选中的节点的 checkbox / radio

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getSelectedNodes();
+for (var i=0, l=nodes.length; i < l; i++) {
+	treeObj.setChkDisabled(nodes[i], true);
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/zTreeObj.setEditable.html b/js/zTree_v3/api/cn/zTreeObj.setEditable.html new file mode 100755 index 0000000..c90c8de --- /dev/null +++ b/js/zTree_v3/api/cn/zTreeObj.setEditable.html @@ -0,0 +1,27 @@ +
              +
              +

              Function(editable)zTreeObj.setEditable

              +

              概述[ 依赖 jquery.ztree.exedit 扩展 js ]

              +
              +

              +
              +

              设置 zTree 进入 / 取消 编辑状态。

              +

              对于编辑状态的各种功能需要提前设置对应 setting 中的不同属性

              +

              请通过 zTree 对象执行此方法。

              +
              +
              +

              Function 参数说明

              +
              +

              editableBoolean

              +

              true 表示进入 编辑状态

              +

              false 表示取消 编辑状态

              +

              返回值无

              +

              目前无任何返回值

              +
              +

              function 举例

              +

              1. 设置 zTree 进入编辑状态

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+treeObj.setEditable(true);
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/zTreeObj.setting.html b/js/zTree_v3/api/cn/zTreeObj.setting.html new file mode 100755 index 0000000..61abd53 --- /dev/null +++ b/js/zTree_v3/api/cn/zTreeObj.setting.html @@ -0,0 +1,13 @@ +
              +
              +

              JSONzTreeObj.setting

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              zTree 对象使用的 setting 配置数据，详细请参考 “setting 配置详解”中的各个属性详细说明

              +

              v3.x 取消了原先操作 setting 的方法，让用户可以较自由的修改参数，但请注意，对于 zTree 初始化有影响的参数后期修改是不会起作用的，请对各个属性有较深入的了解以后再考虑进行修改。

              +
              +
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/zTreeObj.showNode.html b/js/zTree_v3/api/cn/zTreeObj.showNode.html new file mode 100755 index 0000000..ed22d51 --- /dev/null +++ b/js/zTree_v3/api/cn/zTreeObj.showNode.html @@ -0,0 +1,31 @@ +
              +
              +

              Function(treeNode)zTreeObj.showNode

              +

              概述[ 依赖 jquery.ztree.exhide 扩展 js ]

              +
              +

              +
              +

              显示某个被隐藏的节点。

              +

              1、此功能不支持 exedit 扩展，因此不要在编辑状态时使用隐藏节点的方法。

              +

              2、隐藏/显示节点，会影响节点的 isFirstNode 和 isLastNode 属性。

              +

              3、请通过 zTree 对象执行此方法。

              +
              +
              +

              Function 参数说明

              +
              +

              treeNodeJSON

              +

              指定被显示的节点 JSON 数据

              +

              请务必保证此节点数据对象 是 zTree 内部的数据对象

              +

              返回值无

              +

              目前无任何返回值

              +
              +

              function 举例

              +

              1. 显示某个隐藏的节点

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var node = treeObj.getNodeByParam("isHidden", true);
+if (node) {
+  treeObj.showNode(node);
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/zTreeObj.showNodes.html b/js/zTree_v3/api/cn/zTreeObj.showNodes.html new file mode 100755 index 0000000..b090657 --- /dev/null +++ b/js/zTree_v3/api/cn/zTreeObj.showNodes.html @@ -0,0 +1,29 @@ +
              +
              +

              Function(treeNodes)zTreeObj.showNodes

              +

              概述[ 依赖 jquery.ztree.exhide 扩展 js ]

              +
              +

              +
              +

              显示一批已经被隐藏的节点。

              +

              1、此功能不支持 exedit 扩展，因此不要在编辑状态时使用隐藏节点的方法。

              +

              2、隐藏/显示节点，会影响节点的 isFirstNode 和 isLastNode 属性。

              +

              3、请通过 zTree 对象执行此方法。

              +
              +
              +

              Function 参数说明

              +
              +

              treeNodesArray(JSON)

              +

              指定被显示的节点 JSON 数据集合

              +

              请务必保证这些节点数据对象 是 zTree 内部的数据对象

              +

              返回值无

              +

              目前无任何返回值

              +
              +

              function 举例

              +

              1. 显示全部隐藏的节点

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodesByParam("isHidden", true);
+treeObj.showNodes(nodes);
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/zTreeObj.transformToArray.html b/js/zTree_v3/api/cn/zTreeObj.transformToArray.html new file mode 100755 index 0000000..a46dc61 --- /dev/null +++ b/js/zTree_v3/api/cn/zTreeObj.transformToArray.html @@ -0,0 +1,25 @@ +
              +
              +

              Function(treeNodes)zTreeObj.transformToArray

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              将 zTree 使用的标准 JSON 嵌套格式的数据转换为简单 Array 格式。(免去用户自行编写递归遍历全部节点的麻烦)

              +

              请通过 zTree 对象执行此方法。

              +
              +
              +

              Function 参数说明

              +
              +

              treeNodesArray(JSON) / JSON

              +

              需要被转换的 zTree 节点数据对象集合 或 某个单独节点的数据对象

              +

              返回值Array(JSON)

              +

              转换后的简单 Array 数据格式

              +
              +

              function 举例

              +

              1. 将 zTree 节点数据转换为简单 Array 格式

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.transformToArray(treeObj.getNodes());
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/zTreeObj.transformTozTreeNodes.html b/js/zTree_v3/api/cn/zTreeObj.transformTozTreeNodes.html new file mode 100755 index 0000000..4b02650 --- /dev/null +++ b/js/zTree_v3/api/cn/zTreeObj.transformTozTreeNodes.html @@ -0,0 +1,43 @@ +
              +
              +

              Function(simpleNodes)zTreeObj.transformTozTreeNodes

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              将简单 Array 格式数据转换为 zTree 使用的标准 JSON 嵌套数据格式。

              +

              使用此方法，请务必设置节点唯一标识属性名称 setting.data.simpleData.idKey 和 父节点唯一标识属性名称 setting.data.simpleData.pIdKey，并且让数据满足父子关系。

              +

              请通过 zTree 对象执行此方法。

              +
              +
              +

              Function 参数说明

              +
              +

              simpleNodesArray(JSON) / JSON

              +

              需要被转换的简单 Array 格式数据 或 某个单独的数据对象

              +

              返回值Array(JSON)

              +

              zTree 使用的标准数据，子节点都存在于父节点数据的 children 属性中

              +

              如果 simpleNodes 是一个 JSON 对象，则被简单封装成长度为 1 的数组。

              +
              +

              function 举例

              +

              1. 将简单 Array 格式转换为zTree使用的标准格式

              + 
              var setting = {
+	data: {
+		simpleData: {
+			enable: true,
+			idKey: "id",
+			pIdKey: "pId",
+			rootPId: 0
+		}
+	}
+};
+var simpleNodes = [
+    {"id":1, "pId":0, "name":"test1"},
+    {"id":11, "pId":1, "name":"test11"},
+    {"id":12, "pId":1, "name":"test12"},
+    {"id":111, "pId":11, "name":"test111"}
+];
+var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.transformTozTreeNodes(simpleNodes);
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/cn/zTreeObj.updateNode.html b/js/zTree_v3/api/cn/zTreeObj.updateNode.html new file mode 100755 index 0000000..e13419c --- /dev/null +++ b/js/zTree_v3/api/cn/zTreeObj.updateNode.html @@ -0,0 +1,37 @@ +
              +
              +

              Function(treeNode, checkTypeFlag)zTreeObj.updateNode

              +

              概述[ 依赖 jquery.ztree.core 核心 js ]

              +
              +

              +
              +

              更新某节点数据，主要用于该节点显示属性的更新。

              +

              1、可针对 name、target、 url、icon、 iconSkin、checked、nocheck 等这几个用于显示效果的参数进行更新，其他用于 zTreeNodes 的参数请不要随意更新，对于展开节点，还请调用 expandNode方法，因此请勿随意修改 open 属性。

              +

              2、用此方法修改 checked 勾选状态不会触发 beforeCheck / onCheck 事件回调函数。

              +

              请通过 zTree 对象执行此方法。

              +
              +
              +

              Function 参数说明

              +
              +

              treeNodeJSON

              +

              指定需要更新的节点 JSON 数据

              +

              请务必保证此节点数据对象 是 zTree 内部的数据对象

              +

              checkTypeFlagBoolean

              +

              checkTypeFlag = true 表示按照 setting.check.chkboxType 属性进行父子节点的勾选联动操作

              +

              checkTypeFlag = false 表示只修改此节点勾选状态，无任何勾选联动操作

              +

              当 setting.check.enable = true 且 setting.check.chkStyle = "checkbox" 时才有效

              +

              不影响父子节点中 treeNode.nocheck = true 的节点。

              +

              返回值无

              +

              目前无任何返回值

              +
              +

              function 举例

              +

              1. 更新根节点中第一个节点的名称

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodes();
+if (nodes.length>0) {
+	nodes[0].name = "test";
+	treeObj.updateNode(nodes[0]);
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/fn.zTree._z.html b/js/zTree_v3/api/en/fn.zTree._z.html new file mode 100755 index 0000000..e2ae61d --- /dev/null +++ b/js/zTree_v3/api/en/fn.zTree._z.html @@ -0,0 +1,15 @@ +
              +
              +

              JSON$.fn.zTree._z

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              All of the internal methods in zTree v3.x are available through '$. fn.zTree._z', + use this if you want to develop your own zTree plug-ins.

              +

              Unless you are writing a plugin, + you should not use this object.

              +
              +
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/fn.zTree.destroy.html b/js/zTree_v3/api/en/fn.zTree.destroy.html new file mode 100755 index 0000000..c53cb80 --- /dev/null +++ b/js/zTree_v3/api/en/fn.zTree.destroy.html @@ -0,0 +1,29 @@ +
              +
              +

              Function(treeId)$.fn.zTree.destroy

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              From zTree v3.4, zTree provides a method for destruction.

              +

              1. This method can destroy a zTree by treeId, or destroy all zTree instances.

              +

              2. If you want to destroy a zTree, you can use the 'zTreeObj.destroy()' method.

              +

              3. If you want to re-use the tree which has been destroyed, + you must first re-initialise it with the 'init()' method.

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              treeIdString

              +

              zTree unique identifier

              +

              If this parameter is omitted, all zTree instances will be destroyed.

              +

              Return none

              +

              no return value

              +
              +

              Examples of function

              +

              1. Destroy the zTree with id === 'treeDemo'

              + 
              $.fn.zTree.destroy("treeDemo");
              +

              2. Destroy all zTree instances

              + 
              $.fn.zTree.destroy();
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/fn.zTree.getZTreeObj.html b/js/zTree_v3/api/en/fn.zTree.getZTreeObj.html new file mode 100755 index 0000000..49dadaa --- /dev/null +++ b/js/zTree_v3/api/en/fn.zTree.getZTreeObj.html @@ -0,0 +1,27 @@ +
              +
              +

              Function(treeId)$.fn.zTree.getZTreeObj

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              zTree v3.x provides this method to get zTree object from the tree's Id.

              +

              Please initialize zTree first, then you can use this method.

              +

              Users don't need to use a global variable to reference the zTree object, + as all of the callback methods will pass 'treeId' parameters, + and you can always call this method to get the zTree object.

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              treeIdString

              +

              zTree unique identifier

              +

              Return JSON

              +

              zTree object

              +

              This is a reference to the zTree object.

              +
              +

              Examples of function

              +

              1. Get the zTree object with id='tree'

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/fn.zTree.init.html b/js/zTree_v3/api/en/fn.zTree.init.html new file mode 100755 index 0000000..413056c --- /dev/null +++ b/js/zTree_v3/api/en/fn.zTree.init.html @@ -0,0 +1,81 @@ +
              +
              +

              Function(obj, zSetting, zNodes)$.fn.zTree.init

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              This method is used to create a zTree.

              +

              1. The web page must use the W3C DTD. For example: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

              +

              2. Needs jquery-1.4.2.js or better.

              +

              3. Needs jquery-ztree.core-3.0.js or better. + If you are using edit mode or checkbox / radio mode, + make sure you load jquery-ztree.exedit-3.0.js and jquery-ztree.excheck-3.0.js.

              +

              4. Needs zTreeStyle.css and image files

              +

              5. If you plan to use custom icons, please refer to the Demo, + or see the help on iconSkin.

              +

              6. Note: You need to set zTree container's class name to "ztree". + If you need to change it, don't forget to modify the css file. + If you need other special styles, you can modify the css file.

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              objectjQuery Object

              +

              DOM Container for zTree

              +

              zSettingJSON

              +

              zTree's configuration data, please refer to "setting details" in the API Document.

              +

              zNodesArray(JSON) / JSON

              +

              zTree's node data, please refer to "treeNode data details" in the API Document.

              +

              1. zTree v3.x support to add single node, that is, if only to add one node, + you can use JSON without using Array.

              +

              2. If you are planning on using asynchronous loading of root nodes, set it to null or [ ]

              +

              3. If you are using simple data mode, please refer to "setting.data.simpleData" in the API Document.

              +

              Return JSON

              +

              zTree object

              +

              This object can provide the methods of operate the zTree

              +

              You can use $.fn.zTree.getZTreeObj method at any time to obtain.

              +
              +

              Examples of setting & function

              +

              1. create a simple tree

              + 
              <!DOCTYPE html>
+<HTML>
+ <HEAD>
+  <TITLE> ZTREE DEMO </TITLE>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <link rel="stylesheet" href="zTreeStyle/zTreeStyle.css" type="text/css">
+  <script type="text/javascript" src="jquery-1.4.2.js"></script>
+  <script type="text/javascript" src="jquery.ztree.core.js"></script>
+<!--
+  <script type="text/javascript" src="jquery.ztree.excheck.js"></script>
+  <script type="text/javascript" src="jquery.ztree.exedit.js"></script>
+-->
+  <SCRIPT type="text/javascript" >
+	var zTreeObj,
+	setting = {
+		view: {
+			selectedMulti: false
+		}
+	},
+	zTreeNodes = [
+		{"name":"Site Map", open:true, children: [
+			{ "name":"google", "url":"http://www.google.com", "target":"_blank"},
+			{ "name":"baidu", "url":"http://baidu.com", "target":"_blank"},
+			{ "name":"sina", "url":"http://www.sina.com.cn", "target":"_blank"}
+			]
+		}
+	];
+
+	$(document).ready(function(){
+		zTreeObj = $.fn.zTree.init($("#tree"), setting, zTreeNodes);
+
+	});
+  </SCRIPT>
+ </HEAD>
+
+<BODY>
+<ul id="tree" class="ztree" style="width:230px; overflow:auto;"></ul>
+ </BODY>
+</HTML>
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.async.autoParam.html b/js/zTree_v3/api/en/setting.async.autoParam.html new file mode 100755 index 0000000..6c4cbe0 --- /dev/null +++ b/js/zTree_v3/api/en/setting.async.autoParam.html @@ -0,0 +1,52 @@ +
              +
              +

              Array(String) / Function(treeId, treeNode)setting.async.autoParam

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              During asynchronous loading, a request is sent to the server, which contains the identify of the parent node, + so it can retrieve the children. + This attribute is an array of strings, which is the identity parameter (or parameters). + It applies when [setting.async.enable = true]

              +

              Default：[ ]

              +
              +
              +

              Array(String) Format

              +
              +

              1. Put the attribute name(s) of node to the array. For example: ["id", "name"]

              +

              2. You can rename the parameter name as sent to the server. For example: server only accepts "zId" -- ["id=zId"]

              +
              +

              Function Parameter Descriptions

              +
              +

              treeIdString

              +

              zTree unique identifier: treeId.

              +

              treeNodeJSON

              +

              Parent node's JSON data object

              +

              When asynchronously loading the root, the treeNode = null

              +

              Return Array(String)

              +

              Return value is same as 'Array(String) Format'

              +
              +

              Examples of setting

              +

              1. set auto commit 'id' attribute

              + 
              var setting = {
+	async: {
+		enable: true,
+		url: "http://host/getNode.php",
+		autoParam: ["id"]
+	}
+};
+If we have a parent node: {id:1, name:"test"}, When we are asynchronously loading this parent node's children, it will be submitted to the server with parameters: id=1
+......
              +

              2. set auto commit 'id' attribute, but the parameter name expected by the server is 'zId'

              + 
              var setting = {
+	async: {
+		enable: true,
+		url: "http://host/getNode.php",
+		autoParam: ["id=zId"]
+	}
+};
+If we have a parent node: {id:1, name:"test"}, When we are asynchronously loading this parent node's children, it will be submitted to the server with parameters: zId=1
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.async.contentType.html b/js/zTree_v3/api/en/setting.async.contentType.html new file mode 100755 index 0000000..c9e1509 --- /dev/null +++ b/js/zTree_v3/api/en/setting.async.contentType.html @@ -0,0 +1,30 @@ +
              +
              +

              Stringsetting.async.contentType

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              When Ajax sends data to the server, it uses this content-type. + It is used when [setting.async.enable = true]

              +

              Default："application/x-www-form-urlencoded"

              +
              +
              +

              String Format

              +
              +

              contentType = "application/x-www-form-urlencoded", means: the sending data format is "form" format.

              +

              contentType = "application/json", means: the sending data format is "json" format. (for .Net)

              +
              +

              Examples of setting

              +

              1. set the sending data format to "json" format.

              + 
              var setting = {
+	async: {
+		enable: true,
+		contentType: "application/json",
+		url: "http://host/getNode.php",
+		autoParam: ["id", "name"]
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.async.dataFilter.html b/js/zTree_v3/api/en/setting.async.dataFilter.html new file mode 100755 index 0000000..4347a08 --- /dev/null +++ b/js/zTree_v3/api/en/setting.async.dataFilter.html @@ -0,0 +1,45 @@ +
              +
              +

              Function(treeId, parentNode, responseData)setting.async.dataFilter

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Callback function to pre-process Ajax return data. It is valid when [setting.async.enable = true]

              +

              Default: null

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              treeIdString

              +

              zTree unique identifier: treeId

              +

              parentNodeJSON

              +

              Parent node's JSON data object

              +

              When asynchronously loading the root, the parentNode = null

              +

              responseDataArray(JSON) / JSON / String

              +

              Array (JSON) / JSON / String data objects

              +

              From v3.4, support XML strings.

              +

              Return Array(JSON) / JSON

              +

              The return value should be the JSON data structure which is supported by the zTree.

              +

              v3.x supports to load single node JSON data object.

              +
              +

              Examples of setting & function

              +

              1. Modify the node name attributes returned by an Ajax request.

              + 
              function ajaxDataFilter(treeId, parentNode, responseData) {
+    if (responseData) {
+      for(var i =0; i < responseData.length; i++) {
+        responseData[i].name += "_filter";
+      }
+    }
+    return responseData;
+};
+var setting = {
+	async: {
+		enable: true,
+		url: "http://host/getNode.php",
+		dataFilter: ajaxDataFilter
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.async.dataType.html b/js/zTree_v3/api/en/setting.async.dataType.html new file mode 100755 index 0000000..41db300 --- /dev/null +++ b/js/zTree_v3/api/en/setting.async.dataType.html @@ -0,0 +1,29 @@ +
              +
              +

              Stringsetting.async.dataType

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              The data type of Ajax requests. It is valid when [setting.async.enable = true]

              +

              Default："text"

              +
              +
              +

              String Format

              +
              +

              dataType = "text", There is probably no need to change this.

              +

              The 'dataType' in zTree and jQuery's ajax requests is same.

              +
              +

              Examples of setting

              +

              1. Set the dataType which ajax retrieves to "text".

              + 
              var setting = {
+	async: {
+		enable: true,
+		dataType: "text",
+		url: "http://host/getNode.php",
+		autoParam: ["id", "name"]
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.async.enable.html b/js/zTree_v3/api/en/setting.async.enable.html new file mode 100755 index 0000000..c284476 --- /dev/null +++ b/js/zTree_v3/api/en/setting.async.enable.html @@ -0,0 +1,30 @@ +
              +
              +

              Booleansetting.async.enable

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Set zTree asynchronous loading mode on/off.

              +

              Default: false

              +
              +
              +

              Boolean Format

              +
              +

              true - turn on asynchronous loading mode

              +

              false - turn off asynchronous loading mode

              +

              If set it is true, you must set other attributes in setting.async

              +

              If you don't pass the 'treeNodes' parameter when you initialize zTree, the root nodes will be retrieved using ajax.

              +
              +

              Examples of setting

              +

              1. Turn on asynchronous loading mode

              + 
              var setting = {
+	async: {
+		enable: true,
+		url: "http://host/getNode.php",
+		autoParam: ["id", "name"]
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.async.headers.html b/js/zTree_v3/api/en/setting.async.headers.html new file mode 100755 index 0000000..e719583 --- /dev/null +++ b/js/zTree_v3/api/en/setting.async.headers.html @@ -0,0 +1,18 @@ +
              +
              +

              Objectsetting.async.headers

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              It is valid when [setting.async.enable = true]

              +

              Default："{}"

              +

              v3.5.36+

              +
              +
              +

              String Format

              +
              +

              The 'headers' in zTree and jQuery's ajax requests is same.

              +
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.async.otherParam.html b/js/zTree_v3/api/en/setting.async.otherParam.html new file mode 100755 index 0000000..cf8faa3 --- /dev/null +++ b/js/zTree_v3/api/en/setting.async.otherParam.html @@ -0,0 +1,50 @@ +
              +
              +

              Array(String) / JSON / Function(treeId, treeNode)setting.async.otherParam

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              The query parameters of the Ajax request. (key - value) It is valid when [setting.async.enable = true]

              +

              Default: [ ]

              +
              +
              +

              Array(String) Format

              +
              +

              Can be an empty array. e.g. [ ]. The array should contain key value pairs, e.g. [key, value]. (Either or [key] or [key, value, key] is wrong!!)

              +
              +

              JSON Format

              +
              +

              Use JSON hash data to set the key-value pairs. e.g. { key1:value1, key2:value2 }

              +
              +

              Function Parameter Descriptions

              +
              +

              treeIdString

              +

              zTree unique identifier: treeId.

              +

              treeNodeJSON

              +

              Parent node's JSON data object

              +

              When asynchronously loading the root, the treeNode = null

              +

              Return Array(String) || JSON

              +

              Return value is same as 'Array(String) || JSON Format'

              +
              +

              Examples of setting

              +

              1. Using Array(String) Format

              + 
              var setting = {
+	async: {
+		enable: true,
+		url: "http://host/getNode.php",
+		otherParam: ["id", "1", "name", "test"]
+	}
+};
+when zTree sends the ajax request, the query string will be like this: id=1&name=test
              +

              2. Using JSON data Format

              + 
              var setting = {
+	async: {
+		enable: true,
+		url: "http://host/getNode.php",
+		otherParam: { "id":"1", "name":"test"}
+	}
+};
+when zTree sends the ajax request, the query string will be like this: id=1&name=test
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.async.type.html b/js/zTree_v3/api/en/setting.async.type.html new file mode 100755 index 0000000..c67599a --- /dev/null +++ b/js/zTree_v3/api/en/setting.async.type.html @@ -0,0 +1,30 @@ +
              +
              +

              Stringsetting.async.type

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Http request tyoe in ajax. It is valid when [setting.async.enable = true]

              +

              Default: "post"

              +
              +
              +

              String Format

              +
              +

              "post" - http request mode

              +

              "get" - http request mode

              +

              Both zTree and jQuery's this 'type' for ajax requests.

              +
              +

              Examples of setting

              +

              1. Set http request mode is 'get'

              + 
              var setting = {
+	async: {
+		enable: true,
+		type: "get",
+		url: "http://host/getNode.php",
+		autoParam: ["id", "name"]
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.async.url.html b/js/zTree_v3/api/en/setting.async.url.html new file mode 100755 index 0000000..2384c08 --- /dev/null +++ b/js/zTree_v3/api/en/setting.async.url.html @@ -0,0 +1,50 @@ +
              +
              +

              String / Function(treeId, treeNode)setting.async.url

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              The URL to which the ajax request is sent. It is valid when [setting.async.enable = true]

              +

              Default: ""

              +
              +
              +

              String Format

              +
              +

              A url string(e.g. "http://www.domain.com/cgi-bin/my-script.cgi"). Note: please check that the url can be loaded with a browser

              +

              Url can also take parameters, please note that they need to be urlencoded.

              +
              +

              Function Parameter Descriptions

              +
              +

              treeIdString

              +

              zTree unique identifier: treeId.

              +

              treeNodeJSON

              +

              Parent node's JSON data object

              +

              When asynchronously loading the root, the treeNode = null

              +

              Return String

              +

              Return value is same as 'String Format'

              +
              +

              Examples of setting & function

              +

              1. set ajax url is "nodes.php"

              + 
              var setting = {
+	async: {
+		enable: true,
+		url: "nodes.php",
+		autoParam: ["id", "name"]
+	}
+};
+......
              +

              2. set ajax url is "function"

              + 
              function getAsyncUrl(treeId, treeNode) {
+    return treeNode.isParent ? "nodes1.php" : "nodes2.php";
+};
+var setting = {
+	async: {
+		enable: true,
+		url: getAsyncUrl,
+		autoParam: ["id", "name"]
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.async.xhrFields.html b/js/zTree_v3/api/en/setting.async.xhrFields.html new file mode 100755 index 0000000..d1588cf --- /dev/null +++ b/js/zTree_v3/api/en/setting.async.xhrFields.html @@ -0,0 +1,18 @@ +
              +
              +

              Objectsetting.async.xhrFields

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              It is valid when [setting.async.enable = true]

              +

              Default："{}"

              +

              v3.5.36+

              +
              +
              +

              String Format

              +
              +

              The 'xhrFields' in zTree and jQuery's ajax requests is same.

              +
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.callback.beforeAsync.html b/js/zTree_v3/api/en/setting.callback.beforeAsync.html new file mode 100755 index 0000000..55f52ee --- /dev/null +++ b/js/zTree_v3/api/en/setting.callback.beforeAsync.html @@ -0,0 +1,36 @@ +
              +
              +

              Function(treeId, treeNode)setting.callback.beforeAsync

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              This callback is made before zTree makes an ajax request, giving you an opportunity to decide if it should proceed or not. + Return false to prevent zTree from sending the ajax request.

              +

              Default: null

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              treeIdString

              +

              zTree unique identifier: treeId.

              +

              treeNodeJSON

              +

              JSON data object of the parent node

              +

              When asynchronously loading the root, treeNode = null

              +

              Return Boolean

              +

              return true or false

              +

              If the function returns false, zTree will not send the ajax request, and will not trigger the 'onAsyncSuccess / onAsyncError' callback.

              +
              +

              Examples of setting & function

              +

              1. If the parent node's attribute 'id' is 1, don't send the ajax request.

              + 
              function myBeforeCallBack(treeId, treeNode) {
+    return (treeNode.id !== 1);
+};
+var setting = {
+	callback: {
+		beforeAsync: myBeforeCallBack
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.callback.beforeCheck.html b/js/zTree_v3/api/en/setting.callback.beforeCheck.html new file mode 100755 index 0000000..b2d71e5 --- /dev/null +++ b/js/zTree_v3/api/en/setting.callback.beforeCheck.html @@ -0,0 +1,34 @@ +
              +
              +

              Function(treeId, treeNode)setting.callback.beforeCheck

              +

              Overview[ depends on jquery.ztree.excheck js ]

              +
              +

              +
              +

              Callback before checking or unchecking a node, A false return value from the callback will prevent any change in the checked state.

              +

              Default: null

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              treeIdString

              +

              zTree unique identifier: treeId.

              +

              treeNodeJSON

              +

              JSON data object of the node which is checked or unchecked

              +

              Return Boolean

              +

              return true or false

              +

              If return false, zTree will not change the checkbox state, and will not trigger the 'onCheck' callback.

              +
              +

              Examples of setting & function

              +

              1. This example returns false, preventing all checkboxes in the tree from toggling.

              + 
              function myBeforeCheckCallBack(treeId, treeNode) {
+    return false;
+};
+var setting = {
+	callback: {
+		beforeCheck: myBeforeCheckCallBack
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.callback.beforeClick.html b/js/zTree_v3/api/en/setting.callback.beforeClick.html new file mode 100755 index 0000000..250416b --- /dev/null +++ b/js/zTree_v3/api/en/setting.callback.beforeClick.html @@ -0,0 +1,49 @@ +
              +
              +

              Function(treeId, treeNode, clickFlag)setting.callback.beforeClick

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Before click callback, return false to prevent the 'onClick' callback.

              +

              Default: null

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              treeIdString

              +

              zTree unique identifier: treeId.

              +

              treeNodeJSON

              +

              JSON data object of the node which is clicked

              +

              clickFlagNumber

              +

              Node is selected or deselected state, please see table below for details

              + + + + + + + + + + + + +
              clickFlagselectedMultiautoCancelSelected
              &&
              event.ctrlKey / metaKey              		isSelectedoperate for selected
              1truefalsefalsenode is selected (single)
              1truefalsetruenode is selected (single)
              2truetruefalsenode is selected (multi)
              0truetruetruenode is deselected
              1falsefalsefalsenode is selected (single)
              1falsefalsetruenode is selected (single)
              1falsetruefalsenode is selected (single)
              0falsetruetruenode is deselected
              +

              Return Boolean

              +

              return true or false

              +

              If return false, zTree will not change selected state, and will not trigger the 'onClick' callback.

              +
              +

              Examples of setting & function

              +

              1. disabled to click the node

              + 
              function myBeforeClick(treeId, treeNode, clickFlag) {
+    return (treeNode.id !== 1);
+};
+var setting = {
+	callback: {
+		beforeClick: myBeforeClick
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.callback.beforeCollapse.html b/js/zTree_v3/api/en/setting.callback.beforeCollapse.html new file mode 100755 index 0000000..950b728 --- /dev/null +++ b/js/zTree_v3/api/en/setting.callback.beforeCollapse.html @@ -0,0 +1,34 @@ +
              +
              +

              Function(treeId, treeNode)setting.callback.beforeCollapse

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Specify callback function to be called before collapse node, The return value controls the collapse node.

              +

              Default: null

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              treeIdString

              +

              zTree unique identifier: treeId.

              +

              treeNodeJSON

              +

              JSON data object of the node to be collapsed

              +

              Return Boolean

              +

              return true or false

              +

              If return false, zTree will not collapse node, and will not trigger the 'onCollapse' callback.

              +
              +

              Examples of setting & function

              +

              1. disabled to collapse node which is expanded

              + 
              function myBeforeCollapse(treeId, treeNode) {
+    return false;
+};
+var setting = {
+	callback: {
+		beforeCollapse: myBeforeCollapse
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.callback.beforeDblClick.html b/js/zTree_v3/api/en/setting.callback.beforeDblClick.html new file mode 100755 index 0000000..3d4ead1 --- /dev/null +++ b/js/zTree_v3/api/en/setting.callback.beforeDblClick.html @@ -0,0 +1,36 @@ +
              +
              +

              Function(treeId, treeNode)setting.callback.beforeDblClick

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Specify callback function, executed before the 'onDblClick' callback, The return value controls the 'onDblClick' callback.

              +

              Default: null

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              treeIdString

              +

              zTree unique identifier: treeId.

              +

              treeNodeJSON

              +

              JSON data object of the node which is double clicked

              +

              If the DOM which dblclicked isn't a node, it will return null.

              +

              Return Boolean

              +

              return true or false

              +

              If return false, ztree will not trigger the 'onDblClick' callback, no effect on other operations.

              +

              This callback function does not affect the auto expand of the parent node , please refer to setting.view.dblClickExpand properties.

              +
              +

              Examples of setting & function

              +

              1. disable to trigger the 'onDblClick' callback

              + 
              function myBeforeDblClick(treeId, treeNode) {
+    return false;
+};
+var setting = {
+	callback: {
+		beforeDblClick: myBeforeDblClick
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.callback.beforeDrag.html b/js/zTree_v3/api/en/setting.callback.beforeDrag.html new file mode 100755 index 0000000..fca278d --- /dev/null +++ b/js/zTree_v3/api/en/setting.callback.beforeDrag.html @@ -0,0 +1,39 @@ +
              +
              +

              Function(treeId, treeNodes)setting.callback.beforeDrag

              +

              Overview[ depends on jquery.ztree.exedit js ]

              +
              +

              +
              +

              Specify callback function to be called before the drag node callback, The return value controls whether the drag node callback will execute.

              +

              Default: null

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              treeIdString

              +

              zTree unique identifier: treeId, the id of the containing tree.

              +

              treeNodesArray(JSON)

              +

              A collection of the nodes being dragged

              +

              v3.x allows the drag and drop of multiple sibling nodes, so this parameter's type is changed to Array(JSON).

              +

              If the selected nodes aren't sibling nodes, you can only drag one node.

              +

              Return Boolean

              +

              return true or false

              +

              If return false, zTree will abort the drag and drop, and will not trigger the 'onDrag / beforeDrop / onDrop' sequence of callbacks.

              +
              +

              Examples of setting & function

              +

              1. disable drag completely (by returning false)

              + 
              function myBeforeDrag(treeId, treeNodes) {
+    return false;
+};
+var setting = {
+	edit: {
+		enable: true
+	},
+	callback: {
+		beforeDrag: myBeforeDrag
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.callback.beforeDragOpen.html b/js/zTree_v3/api/en/setting.callback.beforeDragOpen.html new file mode 100755 index 0000000..d28bafe --- /dev/null +++ b/js/zTree_v3/api/en/setting.callback.beforeDragOpen.html @@ -0,0 +1,37 @@ +
              +
              +

              Function(treeId, treeNode)setting.callback.beforeDragOpen

              +

              Overview[ depends on jquery.ztree.exedit js ]

              +
              +

              +
              +

              Callback executed before drag node to collapsed parent node, The return value controls the auto expand behaviour of the parent node.

              +

              Default: null

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              treeIdString

              +

              zTree unique identifier: treeId, the tree is what the treeNode(parent node) is belong to.

              +

              treeNodeJSON

              +

              JSON data object of the parent node which will be auto expanded

              +

              Return Boolean

              +

              return true or false

              +

              If return false, zTree will not auto expand parent node.

              +
              +

              Examples of setting & function

              +

              1. disable to auto expand parent node.

              + 
              function myBeforeDragOpen(treeId, treeNode) {
+    return false;
+};
+var setting = {
+	edit: {
+		enable: true
+	},
+	callback: {
+		beforeDragOpen: myBeforeDragOpen
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.callback.beforeDrop.html b/js/zTree_v3/api/en/setting.callback.beforeDrop.html new file mode 100755 index 0000000..9b24475 --- /dev/null +++ b/js/zTree_v3/api/en/setting.callback.beforeDrop.html @@ -0,0 +1,50 @@ +
              +
              +

              Function(treeId, treeNodes, targetNode, moveType, isCopy)setting.callback.beforeDrop

              +

              Overview[ depends on jquery.ztree.exedit js ]

              +
              +

              +
              +

              Specify callback function to be called before drag-drop of a node, The return value controls the execution of drag-drop callback.

              +

              Default: null

              +

              When a node is dropped, if the drop is not in a valid location, this callback will not be triggered, and will revert to the original position.

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              treeIdString

              +

              zTree unique identifier: treeId, the id of the containing tree.

              +

              treeNodesArray(JSON)

              +

              A collection of the nodes which has been dragged

              +

              The treeNodes which have been dragged, when copying nodes or moving nodes.

              +

              targetNodeJSON

              +

              JSON data object of the destination node on which treeNodes are being dropped.

              +

              If the treeNodes is the root node, the targetNode = null

              +

              moveTypeString

              +

              the relative position of move to the target node

              +

              "inner": will be child of targetNode

              +

              "prev": will be sibling node, and be in front of targetNode

              +

              "next": will be sibling node, and be behind targetNode

              +

              isCopyBoolean

              +

              the flag used to determine if the drop is to copy or move the node

              +

              true: copy node; false: move node

              +

              Return Boolean

              +

              return true or false

              +

              If return false, zTree will restore the dragged nodes, and will not trigger the 'onDrop' callback.

              +
              +

              Examples of setting & function

              +

              1. disable to drag nodes to root

              + 
              function myBeforeDrop(treeId, treeNodes, targetNode, moveType) {
+    return !(targetNode == null || (moveType != "inner" && !targetNode.parentTId));
+};
+var setting = {
+	edit: {
+		enable: true
+	},
+	callback: {
+		beforeDrop: myBeforeDrop
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.callback.beforeEditName.html b/js/zTree_v3/api/en/setting.callback.beforeEditName.html new file mode 100755 index 0000000..a820080 --- /dev/null +++ b/js/zTree_v3/api/en/setting.callback.beforeEditName.html @@ -0,0 +1,38 @@ +
              +
              +

              Function(treeId, treeNode)setting.callback.beforeEditName

              +

              Overview[ depends on jquery.ztree.exedit js ]

              +
              +

              +
              +

              Specify callback function to be called before click edit button, The return value controls the editing of the name.

              +

              This callback is fired when the edit button is clicked, to control the custom editing operation.

              +

              Default: null

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              treeIdString

              +

              zTree unique identifier: treeId.

              +

              treeNodeJSON

              +

              JSON data object of the node to be edited.

              +

              Return Boolean

              +

              return true or false

              +

              If return false, allow editing of the name.

              +
              +

              Examples of setting & function

              +

              1. disable editing of any parent node's name

              + 
              function myBeforeEditName(treeId, treeNode) {
+	return !treeNode.isParent;
+}
+var setting = {
+	edit: {
+		enable: true
+	},
+	callback: {
+		beforeEditName: myBeforeEditName
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.callback.beforeExpand.html b/js/zTree_v3/api/en/setting.callback.beforeExpand.html new file mode 100755 index 0000000..8b0a6e7 --- /dev/null +++ b/js/zTree_v3/api/en/setting.callback.beforeExpand.html @@ -0,0 +1,34 @@ +
              +
              +

              Function(treeId, treeNode)setting.callback.beforeExpand

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Specify callback function to be called before expanding a node, The return value controls the expand node callback.

              +

              Default: null

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              treeIdString

              +

              zTree unique identifier: treeId.

              +

              treeNodeJSON

              +

              JSON data object of the node to be expanded

              +

              Return Boolean

              +

              return true or false

              +

              If return false, zTree will not expand node, and will not trigger the 'onExpand' callback.

              +
              +

              Examples of setting & function

              +

              1. disables expanding of all nodes

              + 
              function myBeforeExpand(treeId, treeNode) {
+    return false;
+};
+var setting = {
+	callback: {
+		beforeExpand: myBeforeExpand
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.callback.beforeMouseDown.html b/js/zTree_v3/api/en/setting.callback.beforeMouseDown.html new file mode 100755 index 0000000..d27f431 --- /dev/null +++ b/js/zTree_v3/api/en/setting.callback.beforeMouseDown.html @@ -0,0 +1,35 @@ +
              +
              +

              Function(treeId, treeNode)setting.callback.beforeMouseDown

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Specify callback function, executed before the 'onMouseDown' callback, The return value controls the 'onMouseDown' callback.

              +

              Default: null

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              treeIdString

              +

              zTree unique identifier: treeId.

              +

              treeNodeJSON

              +

              JSON data object of the node which mouse over

              +

              If the DOM which mouse over isn't a node, it will return null.

              +

              Return Boolean

              +

              return true or false

              +

              If return false, zTree will not trigger the 'onMouseDown' callback, no effect on other operations.

              +
              +

              Examples of setting & function

              +

              1. disable to trigger the 'onMouseDown' callback

              + 
              function myBeforeMouseDown(treeId, treeNode) {
+    return false;
+};
+var setting = {
+	callback: {
+		beforeMouseDown: myBeforeMouseDown
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.callback.beforeMouseUp.html b/js/zTree_v3/api/en/setting.callback.beforeMouseUp.html new file mode 100755 index 0000000..e7d10de --- /dev/null +++ b/js/zTree_v3/api/en/setting.callback.beforeMouseUp.html @@ -0,0 +1,35 @@ +
              +
              +

              Function(treeId, treeNode)setting.callback.beforeMouseUp

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Specify callback function, executed before the 'onMouseUp' callback, The return value controls the 'onMouseUp' callback.

              +

              Default: null

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              treeIdString

              +

              zTree unique identifier: treeId.

              +

              treeNodeJSON

              +

              JSON data object of the node which mouse over

              +

              If the DOM which mouse over isn't a node, it will return null.

              +

              Return Boolean

              +

              return true or false

              +

              If return false, zTree will not trigger the 'onMouseUp' callback, no effect on other operations.

              +
              +

              Examples of setting & function

              +

              1. disable to trigger the 'onMouseUp' callback

              + 
              function myBeforeMouseUp(treeId, treeNode) {
+    return false;
+};
+var setting = {
+	callback: {
+		beforeMouseUp: myBeforeMouseUp
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.callback.beforeRemove.html b/js/zTree_v3/api/en/setting.callback.beforeRemove.html new file mode 100755 index 0000000..0e155d4 --- /dev/null +++ b/js/zTree_v3/api/en/setting.callback.beforeRemove.html @@ -0,0 +1,37 @@ +
              +
              +

              Function(treeId, treeNode)setting.callback.beforeRemove

              +

              Overview[ depends on jquery.ztree.exedit js ]

              +
              +

              +
              +

              Specify callback function to be called before remove node, The return value controls the allow to remove node.

              +

              Default: null

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              treeIdString

              +

              zTree unique identifier: treeId.

              +

              treeNodeJSON

              +

              JSON data object of the node to be removed.

              +

              Return Boolean

              +

              return true or false

              +

              If return false, zTree will not remove node, and will not trigger the 'onRemove' callback.

              +
              +

              Examples of setting & function

              +

              1. disable to remove node

              + 
              function myBeforeRemove(treeId, treeNode) {
+	return false;
+}
+var setting = {
+	edit: {
+		enable: true
+	},
+	callback: {
+		beforeRemove: myBeforeRemove
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.callback.beforeRename.html b/js/zTree_v3/api/en/setting.callback.beforeRename.html new file mode 100755 index 0000000..bfed144 --- /dev/null +++ b/js/zTree_v3/api/en/setting.callback.beforeRename.html @@ -0,0 +1,46 @@ +
              +
              +

              Function(treeId, treeNode, newName, isCancel)setting.callback.beforeRename

              +

              Overview[ depends on jquery.ztree.exedit js ]

              +
              +

              +
              +

              Specify callback function to be called before rename(when input DOM blur or press Enter Key), The return value controls the allow to rename node.

              +

              When node is editing name, press the ESC key to restore the original name and stop edit name.

              +

              From v3.5.13, zTree will trigger this callback when user cancel edit name. please see 'isCancel' parameter.

              +

              Default: null

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              treeIdString

              +

              zTree unique identifier: treeId.

              +

              treeNodeJSON

              +

              JSON data object of the node to be rename.

              +

              newNameString

              +

              the new name

              +

              isCancelBoolean

              +

              the status about cancel edit name (v3.5.13+)

              +

              isCancel = true means: user cancel edit name. (press ESC or use cancelEditName() function)

              +

              isCancel = false means: user submit edit name.

              +

              Return Boolean

              +

              return true or false

              +

              If return false, the treeNode will keep the editing name, don't trigger the 'onRename' callback, and will ignore other enents, until the callback return true.

              +

              If returns false, zTree will not set the input box to get focus to avoid the warning message which led to repeated triggering ‘beforeRename’ callback. Please use editName() method to set the input box to get focus when user close the warning message.

              +
              +

              Examples of setting & function

              +

              1. the length of the new name can't less than 5

              + 
              function myBeforeRename(treeId, treeNode, newName, isCancel) {
+	return newName.length > 5;
+}
+var setting = {
+	edit: {
+		enable: true
+	},
+	callback: {
+		beforeRename: myBeforeRename
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.callback.beforeRightClick.html b/js/zTree_v3/api/en/setting.callback.beforeRightClick.html new file mode 100755 index 0000000..9d05a0b --- /dev/null +++ b/js/zTree_v3/api/en/setting.callback.beforeRightClick.html @@ -0,0 +1,35 @@ +
              +
              +

              Function(treeId, treeNode)setting.callback.beforeRightClick

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Used to capture the right click event before the 'onRightClick' callback, The return value controls the 'onRightClick' callback.

              +

              Default: null

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              treeIdString

              +

              zTree unique identifier: treeId.

              +

              treeNodeJSON

              +

              JSON data object of the node which is mouse right clicked

              +

              If the DOM which mouse right clicked isn't a node, it will return null.

              +

              ReturnBoolean

              +

              return true or false

              +

              If return false, ztree will not trigger the 'onRightClick' callback, no effect on other operations.

              +
              +

              Examples of setting & function

              +

              1. disable to trigger the 'onRightClick' callback

              + 
              function myBeforeRightClick(treeId, treeNode) {
+    return false;
+};
+var setting = {
+	callback: {
+		beforeRightClick: myBeforeRightClick
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.callback.onAsyncError.html b/js/zTree_v3/api/en/setting.callback.onAsyncError.html new file mode 100755 index 0000000..239f3ff --- /dev/null +++ b/js/zTree_v3/api/en/setting.callback.onAsyncError.html @@ -0,0 +1,42 @@ +
              +
              +

              setting.callback.onAsyncError

              +

              Function(event, treeId, treeNode, XMLHttpRequest, textStatus, errorThrown) 

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Used to capture the error event when execute ajax.

              +

              If you set 'setting.callback.beforeAsync',and return false, zTree will not execute ajax, and will not trigger the 'onAsyncSuccess / onAsyncError' callback.

              +

              Default: null

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              eventjs event Object

              +

              event Object

              +

              treeIdString

              +

              zTree unique identifier: treeId.

              +

              treeNodeJSON

              +

              JSON data object of the parent node

              +

              When load root nodes, treeNode = null

              +

              XMLHttpRequestString

              +

              XMLHttpRequest Object, please refer to JQuery API documentation.

              +

              textStatusString

              +

              a string categorizing the status of the request("success", "error"...), please refer to JQuery API documentation.

              +

              errorThrownString

              +

              eWhen an HTTP error occurs, errorThrown receives the textual portion of the HTTP status, please refer to JQuery API documentation.

              +
              +

              Examples of setting & function

              +

              1. When execute ajax make error, alert message.

              + 
              function myOnAsyncError(event, treeId, treeNode, XMLHttpRequest, textStatus, errorThrown) {
+    alert(XMLHttpRequest);
+};
+var setting = {
+	callback: {
+		onAsyncError: myOnAsyncError
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.callback.onAsyncSuccess.html b/js/zTree_v3/api/en/setting.callback.onAsyncSuccess.html new file mode 100755 index 0000000..b8deca5 --- /dev/null +++ b/js/zTree_v3/api/en/setting.callback.onAsyncSuccess.html @@ -0,0 +1,38 @@ +
              +
              +

              Function(event, treeId, treeNode, msg)setting.callback.onAsyncSuccess

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Used to capture the complete success event when execute ajax.

              +

              If you set 'setting.callback.beforeAsync',and return false, zTree will not execute ajax, and will not trigger the 'onAsyncSuccess / onAsyncError' callback.

              +

              Default: null

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              eventjs event Object

              +

              event Object

              +

              treeIdString

              +

              zTree unique identifier: treeId.

              +

              treeNodeJSON

              +

              JSON data object of the parent node

              +

              When load root nodes, treeNode = null

              +

              msgString / Object

              +

              The actualnode data which got by ajax. User-friendly debugging.

              +

              The actual data's type of msg is affected by 'setting.async.dataType', please refer to JQuery API documentation.

              +
              +

              Examples of setting & function

              +

              1. When execute ajax complete success, alert message.

              + 
              function myOnAsyncSuccess(event, treeId, treeNode, msg) {
+    alert(msg);
+};
+var setting = {
+	callback: {
+		onAsyncSuccess: myOnAsyncSuccess
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.callback.onCheck.html b/js/zTree_v3/api/en/setting.callback.onCheck.html new file mode 100755 index 0000000..eadfadc --- /dev/null +++ b/js/zTree_v3/api/en/setting.callback.onCheck.html @@ -0,0 +1,34 @@ +
              +
              +

              Function(event, treeId, treeNode)setting.callback.onCheck

              +

              Overview[ depends on jquery.ztree.excheck js ]

              +
              +

              +
              +

              Used to capture the check or uncheck event when check or uncheck the checkbox and radio.

              +

              If you set 'setting.callback.beforeCheck',and return false, zTree will not change check state, and will not trigger the 'onCheck' callback.

              +

              Default: null

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              eventjs event Object

              +

              event Object

              +

              treeIdString

              +

              zTree unique identifier: treeId.

              +

              treeNodeJSON

              +

              JSON data object of the node which is checked or unchecked

              +
              +

              Examples of setting & function

              +

              1. When check or uncheck the checkbox and radio, alert info about 'tId' and 'name' and 'checked'.

              + 
              function myOnCheck(event, treeId, treeNode) {
+    alert(treeNode.tId + ", " + treeNode.name + "," + treeNode.checked);
+};
+var setting = {
+	callback: {
+		onCheck: myOnCheck
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.callback.onClick.html b/js/zTree_v3/api/en/setting.callback.onClick.html new file mode 100755 index 0000000..537dbe0 --- /dev/null +++ b/js/zTree_v3/api/en/setting.callback.onClick.html @@ -0,0 +1,49 @@ +
              +
              +

              Function(event, treeId, treeNode, clickFlag)setting.callback.onClick

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Used to capture the click event when click node.

              +

              If you set 'setting.callback.beforeClick',and return false, zTree will not change selected state, and will not trigger the 'onClick' callback.

              +

              Default: null

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              eventjs event Object

              +

              event Object

              +

              treeIdString

              +

              zTree unique identifier: treeId.

              +

              treeNodeJSON

              +

              JSON data object of the node which is clicked

              +

              clickFlagNumber

              +

              Node is selected or deselected state, please see table below for details

              + + + + + + + + + + + + +
              clickFlagselectedMultiautoCancelSelected
              &&
              event.ctrlKey / metaKey              		isSelectedoperate for selected
              1truefalsefalsenode is selected (single)
              1truefalsetruenode is selected (single)
              2truetruefalsenode is selected (multi)
              0truetruetruenode is deselected
              1falsefalsefalsenode is selected (single)
              1falsefalsetruenode is selected (single)
              1falsetruefalsenode is selected (single)
              0falsetruetruenode is deselected
              +
              +

              Examples of setting & function

              +

              1. When click node, alert info about 'tId' and 'name'.

              + 
              function myOnClick(event, treeId, treeNode) {
+    alert(treeNode.tId + ", " + treeNode.name);
+};
+var setting = {
+	callback: {
+		onClick: myOnClick
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.callback.onCollapse.html b/js/zTree_v3/api/en/setting.callback.onCollapse.html new file mode 100755 index 0000000..d62f3fe --- /dev/null +++ b/js/zTree_v3/api/en/setting.callback.onCollapse.html @@ -0,0 +1,34 @@ +
              +
              +

              Function(event, treeId, treeNode)setting.callback.onCollapse

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Callback for collapse node.

              +

              If you set 'setting.callback.beforeCollapse',and return false, zTree will not collapse node, and will not trigger the 'onCollapse' callback.

              +

              Default: null

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              eventjs event Object

              +

              event Object

              +

              treeIdString

              +

              zTree unique identifier: treeId.

              +

              treeNodeJSON

              +

              JSON data object of the node to be collapsed

              +
              +

              Examples of setting & function

              +

              1. When collapse node, alert info about 'tId' and 'name'.

              + 
              function myOnCollapse(event, treeId, treeNode) {
+    alert(treeNode.tId + ", " + treeNode.name);
+};
+var setting = {
+	callback: {
+		onCollapse: myOnCollapse
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.callback.onDblClick.html b/js/zTree_v3/api/en/setting.callback.onDblClick.html new file mode 100755 index 0000000..d59602c --- /dev/null +++ b/js/zTree_v3/api/en/setting.callback.onDblClick.html @@ -0,0 +1,35 @@ +
              +
              +

              Function(event, treeId, treeNode)setting.callback.onDblClick

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Used to capture the dblclick event when double click node.

              +

              If you set 'setting.callback.beforeDblClick',and return false, zTree will not trigger the 'onDblClick' callback.

              +

              Default: null

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              eventjs event Object

              +

              event Object

              +

              treeIdString

              +

              zTree unique identifier: treeId.

              +

              treeNodeJSON

              +

              JSON data object of the node which is double clicked

              +

              If the DOM which dblclicked isn't a node, it will return null.

              +
              +

              Examples of setting & function

              +

              1. When double click node, alert info about 'tId' and 'name'.

              + 
              function myOnDblClick(event, treeId, treeNode) {
+    alert(treeNode ? treeNode.tId + ", " + treeNode.name : "isRoot");
+};
+var setting = {
+	callback: {
+		onDblClick: myOnDblClick
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.callback.onDrag.html b/js/zTree_v3/api/en/setting.callback.onDrag.html new file mode 100755 index 0000000..7c975bc --- /dev/null +++ b/js/zTree_v3/api/en/setting.callback.onDrag.html @@ -0,0 +1,34 @@ +
              +
              +

              Function(event, treeId, treeNodes)setting.callback.onDrag

              +

              Overview[ depends on jquery.ztree.exedit js ]

              +
              +

              +
              +

              Used to capture the drag event when drag node.

              +

              If you set 'setting.callback.beforeDrag',and return false, zTree will stop drag, and will not trigger the 'onDragMove' & 'onDrag' callback.

              +

              Default: null

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              eventjs event Object

              +

              event Object

              +

              treeIdString

              +

              zTree unique identifier: treeId, the id of the containing tree.

              +

              treeNodesArray(JSON)

              +

              A collection of the nodes which will be dragged

              +
              +

              Examples of setting & function

              +

              1. When drag nodes, alert the number of dragged nodes.

              + 
              function myOnDrag(event, treeId, treeNodes) {
+    alert(treeNodes.length);
+};
+var setting = {
+	callback: {
+		onDrag: myOnDrag
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.callback.onDragMove.html b/js/zTree_v3/api/en/setting.callback.onDragMove.html new file mode 100755 index 0000000..b8596b9 --- /dev/null +++ b/js/zTree_v3/api/en/setting.callback.onDragMove.html @@ -0,0 +1,34 @@ +
              +
              +

              Function(event, treeId, treeNodes)setting.callback.onDragMove

              +

              Overview[ depends on jquery.ztree.exedit js ]

              +
              +

              +
              +

              Used to capture the drag-move event when drag & drop node.

              +

              Mainly used to capture the DOM which the nodes was drag in.

              +

              Default: null

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              eventjs event Object

              +

              event Object

              +

              treeIdString

              +

              zTree unique identifier: treeId, the id of the containing tree.

              +

              treeNodesArray(JSON)

              +

              A collection of the nodes which will be dragged

              +
              +

              Examples of setting & function

              +

              1. When drag nodes, output the target dom.

              + 
              function myOnDragMove(event, treeId, treeNodes) {
+	console.log(event.target);
+};
+var setting = {
+	callback: {
+		onDragMove: myOnDragMove
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.callback.onDrop.html b/js/zTree_v3/api/en/setting.callback.onDrop.html new file mode 100755 index 0000000..475526d --- /dev/null +++ b/js/zTree_v3/api/en/setting.callback.onDrop.html @@ -0,0 +1,48 @@ +
              +
              +

              Function(event, treeId, treeNodes, targetNode, moveType, isCopy)setting.callback.onDrop

              +

              Overview[ depends on jquery.ztree.exedit js ]

              +
              +

              +
              +

              Used to capture the drop event when drag-drop node.

              +

              If you set 'setting.callback.beforeDrop',and return false, zTree will restore the dragged nodes, and will not trigger the 'onDrop' callback.

              +

              Default: null

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              eventjs event Object

              +

              event Object

              +

              treeIdString

              +

              zTree unique identifier: treeId, the id of the containing tree.

              +

              treeNodesArray(JSON)

              +

              A collection of the nodes which has been dragged

              +

              The treeNodes are the data of the nodes which be dragged, when move nodes.

              +

              The treeNodes are the clone data of the nodes which be dragged, when copy nodes.

              +

              targetNodeJSON

              +

              JSON data object of the target node which treeNodes are drag-dropped.

              +

              If the treeNodes will be root node, the targetNode = null

              +

              moveTypeString

              +

              the relative position of move to the target node

              +

              "inner": will be child of targetNode

              +

              "prev": will be sibling node, and be in front of targetNode

              +

              "next": will be sibling node, and be behind targetNode

              +

              If moveType is null, means drag & drop is cancel.

              +

              isCopyBoolean

              +

              the flag used to judge copy node or move node

              +

              true: copy node; false: move node

              +
              +

              Examples of setting & function

              +

              1. When drag-drop nodes complete, alert the number of dragged nodes and info about targetNode.

              + 
              function myOnDrop(event, treeId, treeNodes, targetNode, moveType) {
+    alert(treeNodes.length + "," + (targetNode ? (targetNode.tId + ", " + targetNode.name) : "isRoot" ));
+};
+var setting = {
+	callback: {
+		onDrop: myOnDrop
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.callback.onExpand.html b/js/zTree_v3/api/en/setting.callback.onExpand.html new file mode 100755 index 0000000..70024fe --- /dev/null +++ b/js/zTree_v3/api/en/setting.callback.onExpand.html @@ -0,0 +1,34 @@ +
              +
              +

              Function(event, treeId, treeNode)setting.callback.onExpand

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Callback for expand node.

              +

              If you set 'setting.callback.beforeExpand',and return false, zTree will not expand node, and will not trigger the 'onExpand' callback.

              +

              Default: null

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              eventjs event Object

              +

              event Object

              +

              treeIdString

              +

              zTree unique identifier: treeId.

              +

              treeNodeJSON

              +

              JSON data object of the node to be expanded

              +
              +

              Examples of setting & function

              +

              1. When expand node, alert info about 'tId' and 'name'.

              + 
              function myOnExpand(event, treeId, treeNode) {
+    alert(treeNode.tId + ", " + treeNode.name);
+};
+var setting = {
+	callback: {
+		onExpand: myOnExpand
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.callback.onMouseDown.html b/js/zTree_v3/api/en/setting.callback.onMouseDown.html new file mode 100755 index 0000000..255469f --- /dev/null +++ b/js/zTree_v3/api/en/setting.callback.onMouseDown.html @@ -0,0 +1,35 @@ +
              +
              +

              Function(event, treeId, treeNode)setting.callback.onMouseDown

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Callback for mouse down.

              +

              If you set 'setting.callback.beforeMouseDown',and return false, zTree will not trigger the 'onMouseDown' callback.

              +

              Default: null

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              eventjs event Object

              +

              event Object

              +

              treeIdString

              +

              zTree unique identifier: treeId.

              +

              treeNodeJSON

              +

              JSON data object of the node which mouse over

              +

              If the DOM which mouse over isn't a node, it will return null.

              +
              +

              Examples of setting & function

              +

              1. When mouse down, alert info about 'tId' and 'name'.

              + 
              function myOnMouseDown(event, treeId, treeNode) {
+    alert(treeNode ? treeNode.tId + ", " + treeNode.name : "isRoot");
+};
+var setting = {
+	callback: {
+		onMouseDown: myOnMouseDown
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.callback.onMouseUp.html b/js/zTree_v3/api/en/setting.callback.onMouseUp.html new file mode 100755 index 0000000..84e06a9 --- /dev/null +++ b/js/zTree_v3/api/en/setting.callback.onMouseUp.html @@ -0,0 +1,35 @@ +
              +
              +

              Function(event, treeId, treeNode)setting.callback.onMouseUp

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Callback for mouse up.

              +

              If you set 'setting.callback.beforeMouseUp',and return false, zTree will not trigger the 'onMouseUp' callback.

              +

              Default: null

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              eventjs event Object

              +

              event Object

              +

              treeIdString

              +

              zTree unique identifier: treeId.

              +

              treeNodeJSON

              +

              JSON data object of the node which mouse over

              +

              If the DOM which mouse over isn't a node, it will return null.

              +
              +

              Examples of setting & function

              +

              1. When mouse up, alert info about 'tId' and 'name'.

              + 
              function myOnMouseUp(event, treeId, treeNode) {
+    alert(treeNode ? treeNode.tId + ", " + treeNode.name : "isRoot");
+};
+var setting = {
+	callback: {
+		onMouseUp: myOnMouseUp
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.callback.onNodeCreated.html b/js/zTree_v3/api/en/setting.callback.onNodeCreated.html new file mode 100755 index 0000000..4e5c8ae --- /dev/null +++ b/js/zTree_v3/api/en/setting.callback.onNodeCreated.html @@ -0,0 +1,35 @@ +
              +
              +

              Function(event, treeId, treeNode)setting.callback.onNodeCreated

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Callback for node's DOM is created.

              +

              Because v3.x uses lazy loading technology, so the nodes which doesn't create DOM when initialized will not trigger this callback, until its parent node is expanded.

              +

              Large amount of data to load, please note: do not set onNodeCreated, can improve performance as when initialized.

              +

              Default: null

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              eventjs event Object

              +

              event Object

              +

              treeIdString

              +

              zTree unique identifier: treeId.

              +

              treeNodeJSON

              +

              JSON data object of the node which DOM is created

              +
              +

              Examples of setting & function

              +

              1. When node's DOM is created, alert info about 'tId' and 'name'.

              + 
              function myOnNodeCreated(event, treeId, treeNode) {
+    alert(treeNode.tId + ", " + treeNode.name);
+};
+var setting = {
+	callback: {
+		onNodeCreated: myOnNodeCreated
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.callback.onRemove.html b/js/zTree_v3/api/en/setting.callback.onRemove.html new file mode 100755 index 0000000..37ed1f7 --- /dev/null +++ b/js/zTree_v3/api/en/setting.callback.onRemove.html @@ -0,0 +1,34 @@ +
              +
              +

              Function(event, treeId, treeNode)setting.callback.onRemove

              +

              Overview[ depends on jquery.ztree.exedit js ]

              +
              +

              +
              +

              Callback for remove node.

              +

              If you set 'setting.callback.beforeRemove',and return false, zTree will not remove node, and will not trigger the 'onRemove' callback.

              +

              Default: null

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              eventjs event Object

              +

              event Object

              +

              treeIdString

              +

              zTree unique identifier: treeId.

              +

              treeNodeJSON

              +

              JSON data object of the node which was removed.

              +
              +

              Examples of setting & function

              +

              1. When remove node, alert info about 'tId' and 'name'.

              + 
              function myOnRemove(event, treeId, treeNode) {
+	alert(treeNode.tId + ", " + treeNode.name);
+}
+var setting = {
+	callback: {
+		onRemove: myOnRemove
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.callback.onRename.html b/js/zTree_v3/api/en/setting.callback.onRename.html new file mode 100755 index 0000000..c83206f --- /dev/null +++ b/js/zTree_v3/api/en/setting.callback.onRename.html @@ -0,0 +1,40 @@ +
              +
              +

              Function(event, treeId, treeNode, isCancel)setting.callback.onRename

              +

              Overview[ depends on jquery.ztree.exedit js ]

              +
              +

              +
              +

              Callback for remove node.

              +

              1. If you set 'setting.callback.beforeRename',and return false, zTree will keep the editing name, and will not trigger the 'onRename' callback.

              +

              2. If you modify treeNode data, and use 'updateNode' function, zTree will not trigger the 'onRename' callback.

              +

              3. From v3.5.13, zTree will trigger this callback when user cancel edit name. please see 'isCancel' parameter.

              +

              Default: null

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              eventjs event Object

              +

              event Object

              +

              treeIdString

              +

              zTree unique identifier: treeId.

              +

              treeNodeJSON

              +

              JSON data object of the node which was rename.

              +

              isCancelBoolean

              +

              the status about cancel edit name (v3.5.13+)

              +

              isCancel = true means: user cancel edit name. (press ESC or use cancelEditName() function)

              +

              isCancel = false means: user submit edit name.

              +
              +

              Examples of setting & function

              +

              1. When rename node, alert info about 'tId' and 'name'.

              + 
              function myOnRename(event, treeId, treeNode, isCancel) {
+	alert(treeNode.tId + ", " + treeNode.name);
+}
+var setting = {
+	callback: {
+		onRename: myOnRename
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.callback.onRightClick.html b/js/zTree_v3/api/en/setting.callback.onRightClick.html new file mode 100755 index 0000000..110c952 --- /dev/null +++ b/js/zTree_v3/api/en/setting.callback.onRightClick.html @@ -0,0 +1,36 @@ +
              +
              +

              Function(event, treeId, treeNode)setting.callback.onRightClick

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Callback for mouse right click node.

              +

              If you set 'setting.callback.beforeRightClick',and return false, zTree will not trigger the 'onRightClick' callback.

              +

              If you set 'setting.callback.onRightClick', zTree will shield the browser context menu when mouse right click on zTree.

              +

              Default: null

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              eventjs event Object

              +

              event Object

              +

              treeIdString

              +

              zTree unique identifier: treeId.

              +

              treeNodeJSON

              +

              JSON data object of the node which is mouse right clicked

              +

              If the DOM which mouse right clicked isn't a node, it will return null.

              +
              +

              Examples of setting & function

              +

              1. When mouse right click node, alert info about 'tId' and 'name'.

              + 
              function myOnRightClick(event, treeId, treeNode) {
+    alert(treeNode ? treeNode.tId + ", " + treeNode.name : "isRoot");
+};
+var setting = {
+	callback: {
+		onRightClick: myOnRightClick
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.check.autoCheckTrigger.html b/js/zTree_v3/api/en/setting.check.autoCheckTrigger.html new file mode 100755 index 0000000..b8b04cc --- /dev/null +++ b/js/zTree_v3/api/en/setting.check.autoCheckTrigger.html @@ -0,0 +1,29 @@ +
              +
              +

              Booleansetting.check.autoCheckTrigger

              +

              Overview[ depends on jquery.ztree.excheck js ]

              +
              +

              +
              +

              When node is automatically checked or unchecked, this parameter used to set to trigger 'beforeCheck / onCheck' callback. It is valid when [setting.check.enable = true & setting.check.chkStyle = "checkbox"]

              +

              1. If you set 'setting.check.chkboxType' to { "Y": "", "N": "" }, will not automatically checked or unchecked.

              +

              2. If you turn on the trigger and there are many more nodes, will affect the performance, because the check or uncheck node can cause many nodes to be automatically checked or unchecked, it will trigger a lot of callbacks, according to the need to decide whether to use this feature.

              +

              Default: false

              +
              +
              +

              Boolean Format

              +
              +

              true means: trigger callback

              +

              false means: don't trigger callback

              +
              +

              Examples of setting

              +

              1. When node is automatically checked or unchecked, zTree trigger 'beforeCheck / onCheck' callback.

              + 
              var setting = {
+	check: {
+		enable: true,
+		autoCheckTrigger: true
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.check.chkDisabledInherit.html b/js/zTree_v3/api/en/setting.check.chkDisabledInherit.html new file mode 100755 index 0000000..98d824e --- /dev/null +++ b/js/zTree_v3/api/en/setting.check.chkDisabledInherit.html @@ -0,0 +1,28 @@ +
              +
              +

              Booleansetting.check.chkDisabledInherit

              +

              Overview[ depends on jquery.ztree.excheck js ]

              +
              +

              +
              +

              When the parent node's 'chkDisabled' attribute is true, set the child nodes automatically inherit the 'chkDisabled' attribute. It is valid when [setting.check.enable = true]

              +

              1. Only be used to initialize the nodes, easy batch operations. Please use the 'updateNode' method modify existing node.

              +

              Default: false

              +
              +
              +

              Boolean Format

              +
              +

              true means: When add new child nodes, if parent node's 'chkDisabled' attribute is true, the child nodes automatically inherit the 'chkDisabled' attribute.

              +

              false means: When add new child nodes, the child nodes don't inherit the 'chkDisabled' attribute from parent node.

              +
              +

              Examples of setting

              +

              1. When add new child nodes, the child nodes automatically inherit the 'chkDisabled' attribute from parent node.

              + 
              var setting = {
+	check: {
+		enable: true,
+		chkDisabledInherit: true
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.check.chkStyle.html b/js/zTree_v3/api/en/setting.check.chkStyle.html new file mode 100755 index 0000000..d42e757 --- /dev/null +++ b/js/zTree_v3/api/en/setting.check.chkStyle.html @@ -0,0 +1,48 @@ +
              +
              +

              Stringsetting.check.chkStyle

              +

              Overview[ depends on jquery.ztree.excheck js ]

              +
              +

              +
              +

              Use the checkbox or radio. It is valid when [setting.check.enable = true]

              +

              Default: "checkbox"

              +
              +
              +

              String Format

              +
              +

              When chkStyle = "checkbox", zTree show checkbox, and 'setting.check.chkboxType' attribute is valid. +
              When chkStyle = "radio", zTree show radio, and 'setting.check.radioType' attribute is valid.

              +

              Please note that letter case, do not change.

              +
              +

              checkbox States Descriptions

              +
              +

              +
              +

              not checked; If node is parent, so its child nodes have been not checked. when mouse over:

              +

              not checked; (only parent node) some of its child nodes have been checked. when mouse over:

              +

              be checked; If node is parent, so its all child nodes have been checked. when mouse over:

              +

              be checked; (only parent node) some of its child nodes or all have been not checked. when mouse over:

              +
              +
              +

              radio States Descriptions

              +
              +

              +
              +

              not checked; If node is parent, so its child have been not checked. when mouse over:

              +

              not checked; (only parent node) some of its child have been checked. when mouse over:

              +

              be checked; If node is parent, so its child have been not checked. when mouse over:

              +

              be checked; (only parent node) some of its child have been checked. when mouse over:

              +
              +
              +

              Examples of setting

              +

              1. use radio

              + 
              var setting = {
+	check: {
+		enable: true,
+		chkStyle: "radio"
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.check.chkboxType.html b/js/zTree_v3/api/en/setting.check.chkboxType.html new file mode 100755 index 0000000..5cecc9e --- /dev/null +++ b/js/zTree_v3/api/en/setting.check.chkboxType.html @@ -0,0 +1,31 @@ +
              +
              +

              JSONsetting.check.chkboxType

              +

              Overview[ depends on jquery.ztree.excheck js ]

              +
              +

              +
              +

              When one node is checked or unchecked, control its parent node and its child node auto checked or unchecked. It is valid when [setting.check.enable = true & setting.check.chkStyle = "checkbox"]

              +

              Default: { "Y": "ps", "N": "ps" }

              +
              +
              +

              JSON Format

              +
              +

              "Y" attribute use to set auto check after checkbox was checked. +
              "N" attribute use to set auto uncheck after checkbox was unchecked. +
              If value has "p", so parent nodes will be checked or unchecked. +
              If value has "s", so child nodes will be checked or unchecked.

              +

              Please note that letter case, do not change.

              +
              +

              Examples of setting

              +

              1. If check the node, so only auto check parent nodes; If uncheck the node, so only auto uncheck child nodes;

              + 
              var setting = {
+	check: {
+		enable: true,
+		chkStyle: "checkbox",
+		chkboxType: { "Y": "p", "N": "s" }
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.check.enable.html b/js/zTree_v3/api/en/setting.check.enable.html new file mode 100755 index 0000000..0236b5f --- /dev/null +++ b/js/zTree_v3/api/en/setting.check.enable.html @@ -0,0 +1,26 @@ +
              +
              +

              Booleansetting.check.enable

              +

              Overview[ depends on jquery.ztree.excheck js ]

              +
              +

              +
              +

              Set to use checkbox or radio in zTree

              +

              Default: false

              +
              +
              +

              Boolean Format

              +
              +

              true means: use the checkbox or radio

              +

              false means: don't use the checkbox or radio

              +
              +

              Examples of setting

              +

              1. use the checkbox

              + 
              var setting = {
+	check: {
+		enable: true
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.check.nocheckInherit.html b/js/zTree_v3/api/en/setting.check.nocheckInherit.html new file mode 100755 index 0000000..758b437 --- /dev/null +++ b/js/zTree_v3/api/en/setting.check.nocheckInherit.html @@ -0,0 +1,28 @@ +
              +
              +

              Booleansetting.check.nocheckInherit

              +

              Overview[ depends on jquery.ztree.excheck js ]

              +
              +

              +
              +

              When the parent node's 'nocheck' attribute is true, set the child nodes automatically inherit the 'nocheck' attribute. It is valid when [setting.check.enable = true]

              +

              1. Only be used to initialize the nodes, easy batch operations. Please use the 'updateNode' method modify existing node.

              +

              Default: false

              +
              +
              +

              Boolean Format

              +
              +

              true means: When add new child nodes, if parent node's 'nocheck' attribute is true, the child nodes automatically inherit the 'nocheck' attribute.

              +

              false means: When add new child nodes, the child nodes don't inherit the 'nocheck' attribute from parent node.

              +
              +

              Examples of setting

              +

              1. When add new child nodes, the child nodes automatically inherit the 'nocheck' attribute from parent node.

              + 
              var setting = {
+	check: {
+		enable: true,
+		nocheckInherit: true
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.check.radioType.html b/js/zTree_v3/api/en/setting.check.radioType.html new file mode 100755 index 0000000..be867d7 --- /dev/null +++ b/js/zTree_v3/api/en/setting.check.radioType.html @@ -0,0 +1,29 @@ +
              +
              +

              Stringsetting.check.radioType

              +

              Overview[ depends on jquery.ztree.excheck js ]

              +
              +

              +
              +

              The group about radio. It is valid when [setting.check.enable = true & setting.check.chkStyle = "radio"]

              +

              Default: "level"

              +
              +
              +

              String Format

              +
              +

              When radioType = "level", will be grouped with same level nodes which have the same parent node. +
              When radioType = "all", will be grouped with all nodes.

              +

              Please note that letter case, do not change.

              +
              +

              Examples of setting

              +

              1. Set the group about radio is all nodes.

              + 
              var setting = {
+	check: {
+		enable: true,
+		chkStyle: "radio",
+		radioType: "all"
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.data.keep.leaf.html b/js/zTree_v3/api/en/setting.data.keep.leaf.html new file mode 100755 index 0000000..71c573e --- /dev/null +++ b/js/zTree_v3/api/en/setting.data.keep.leaf.html @@ -0,0 +1,28 @@ +
              +
              +

              Booleansetting.data.keep.leaf

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              The leaf node's lock, the leaf node will lock the 'isParent' attribute to false.

              +

              Default: false

              +
              +
              +

              Boolean Format

              +
              +

              true means: lock the leaf node, and the node which 'isParent' attribute is false can't add child nodes.

              +

              false means: don't lock the leaf node, and the node which 'isParent' attribute is false can add child nodes.

              +
              +

              Examples of setting

              +

              1. lock the leaf node

              + 
              var setting = {
+	data: {
+		keep: {
+			leaf: true
+		}
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.data.keep.parent.html b/js/zTree_v3/api/en/setting.data.keep.parent.html new file mode 100755 index 0000000..5bab2f1 --- /dev/null +++ b/js/zTree_v3/api/en/setting.data.keep.parent.html @@ -0,0 +1,28 @@ +
              +
              +

              Booleansetting.data.keep.parent

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              The parent node's lock, the parent node will lock 'isParent' attribute to true.

              +

              Default: false

              +
              +
              +

              Boolean Format

              +
              +

              true means: lock the parent node, and if remove all of the parent node's child nodes, its 'isParent' attribute still keep to be true..

              +

              false means: don't lock the parent node, and if remove all of the parent node's child nodes, its 'isParent' attribute will change to be false..

              +
              +

              Examples of setting

              +

              1. lock the parent node

              + 
              var setting = {
+	data: {
+		keep: {
+			parent: true
+		}
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.data.key.checked.html b/js/zTree_v3/api/en/setting.data.key.checked.html new file mode 100755 index 0000000..2678cf2 --- /dev/null +++ b/js/zTree_v3/api/en/setting.data.key.checked.html @@ -0,0 +1,24 @@ +
              +
              +

              Stringsetting.data.key.checked

              +

              Overview[ depends on jquery.ztree.excheck js ]

              +
              +

              +
              +

              The node data's attribute to save the checked state.

              +

              Default: "checked"

              +

              Please don't set the other node attribute which zTree used. (e.g., checkedOld)

              +
              +
              +

              Examples of setting

              +

              1. set the 'isChecked' attribute to save the checked state.

              + 
              var setting = {
+	data: {
+		key: {
+			checked: "isChecked"
+		}
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.data.key.children.html b/js/zTree_v3/api/en/setting.data.key.children.html new file mode 100755 index 0000000..321a1a7 --- /dev/null +++ b/js/zTree_v3/api/en/setting.data.key.children.html @@ -0,0 +1,23 @@ +
              +
              +

              Stringsetting.data.key.children

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              The node data's attribute to save the child nodes.

              +

              Default: "children"

              +
              +
              +

              Examples of setting

              +

              1. Set the 'nodes' attribute to save the child nodes.

              + 
              var setting = {
+	data: {
+		key: {
+			children: "nodes"
+		}
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.data.key.isHidden.html b/js/zTree_v3/api/en/setting.data.key.isHidden.html new file mode 100755 index 0000000..a275d30 --- /dev/null +++ b/js/zTree_v3/api/en/setting.data.key.isHidden.html @@ -0,0 +1,24 @@ +
              +
              +

              Stringsetting.data.key.isHidden

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              The node data's attribute to save whether the node is the parent node.

              +

              Default: "isHidden"

              +

              v3.5.32+

              +
              +
              +

              Examples of setting

              +

              1. Set the 'hidden' attribute to save whether the node is the parent node.

              + 
              var setting = {
+	data: {
+		key: {
+			isHidden: "hidden"
+		}
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.data.key.isParent.html b/js/zTree_v3/api/en/setting.data.key.isParent.html new file mode 100755 index 0000000..37940ca --- /dev/null +++ b/js/zTree_v3/api/en/setting.data.key.isParent.html @@ -0,0 +1,24 @@ +
              +
              +

              Stringsetting.data.key.isParent

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              The node data's attribute to save whether the node is the parent node.

              +

              Default: "isParent"

              +

              v3.5.32+

              +
              +
              +

              Examples of setting

              +

              1. Set the 'parent' attribute to save whether the node is the parent node.

              + 
              var setting = {
+	data: {
+		key: {
+			isParent: "parent"
+		}
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.data.key.name.html b/js/zTree_v3/api/en/setting.data.key.name.html new file mode 100755 index 0000000..0208c55 --- /dev/null +++ b/js/zTree_v3/api/en/setting.data.key.name.html @@ -0,0 +1,23 @@ +
              +
              +

              Stringsetting.data.key.name

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              The node data's attribute to save the node name.

              +

              Default: "name"

              +
              +
              +

              Examples of setting

              +

              1. Set the 'ename' attribute to save the node name.

              + 
              var setting = {
+	data: {
+		key: {
+			name: "ename"
+		}
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.data.key.title.html b/js/zTree_v3/api/en/setting.data.key.title.html new file mode 100755 index 0000000..96540eb --- /dev/null +++ b/js/zTree_v3/api/en/setting.data.key.title.html @@ -0,0 +1,24 @@ +
              +
              +

              Stringsetting.data.key.title

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              The node data's attribute to save the 'title' attribute of node DOM. It is valid when [setting.view.showTitle = true]

              +

              If set it to "", the title of node DOM will be same as 'setting.data.key.name' attribute.

              +

              Default: ""

              +
              +
              +

              Examples of setting

              +

              1. Set the 'fullName' attribute to save the title of node DOM.

              + 
              var setting = {
+	data: {
+		key: {
+			title: "fullName"
+		}
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.data.key.url.html b/js/zTree_v3/api/en/setting.data.key.url.html new file mode 100755 index 0000000..e9a08ce --- /dev/null +++ b/js/zTree_v3/api/en/setting.data.key.url.html @@ -0,0 +1,24 @@ +
              +
              +

              Stringsetting.data.key.url

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              The node data's attribute to save the node link's url.

              +

              Special: If the nodes's data can only use the 'url' attribute, and don't use the link to jump feature, you can modify this attribute to any nonexistent attribute.

              +

              Default: "url"

              +
              +
              +

              Examples of setting

              +

              1. Set the 'xUrl' attribute to save the node link's url.

              + 
              var setting = {
+	data: {
+		key: {
+			url: "xUrl"
+		}
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.data.simpleData.enable.html b/js/zTree_v3/api/en/setting.data.simpleData.enable.html new file mode 100755 index 0000000..9bb56d1 --- /dev/null +++ b/js/zTree_v3/api/en/setting.data.simpleData.enable.html @@ -0,0 +1,39 @@ +
              +
              +

              Booleansetting.data.simpleData.enable

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Set zTree's node to accept the simple data format, when zTree is initialized or when ajax get / or when use addNodes method.

              +

              Don't have to generate the complex nested data.

              +

              Default: false

              +
              +
              +

              Boolean Format

              +
              +

              true means: zTree's node accept the simple data format.

              +

              false means: zTree's node only accept the nested data format.

              +

              If set it is true, you must set the other attributes in 'setting.data.simpleData'. (e.g., idKey, pIdKey, rootPId) And let the data satisfy the parent-child relationship.

              +
              +

              Examples of setting

              +

              1. use the simple data format

              + 
              var setting = {
+	data: {
+		simpleData: {
+			enable: true,
+			idKey: "id",
+			pIdKey: "pId",
+			rootPId: 0
+		}
+	}
+};
+var treeNodes = [
+    {"id":1, "pId":0, "name":"test1"},
+    {"id":11, "pId":1, "name":"test11"},
+    {"id":12, "pId":1, "name":"test12"},
+    {"id":111, "pId":11, "name":"test111"}
+];
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.data.simpleData.idKey.html b/js/zTree_v3/api/en/setting.data.simpleData.idKey.html new file mode 100755 index 0000000..1216e0c --- /dev/null +++ b/js/zTree_v3/api/en/setting.data.simpleData.idKey.html @@ -0,0 +1,32 @@ +
              +
              +

              Stringsetting.data.simpleData.idKey

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              The node data's attribute to save node data's unique identifier. It is valid when [setting.data.simpleData.enable = true]

              +

              Default: "id"

              +
              +
              +

              Examples of setting

              +

              1. use the simple data format

              + 
              var setting = {
+	data: {
+		simpleData: {
+			enable: true,
+			idKey: "id",
+			pIdKey: "pId",
+			rootPId: 0
+		}
+	}
+};
+var treeNodes = [
+    {"id":1, "pId":0, "name":"test1"},
+    {"id":11, "pId":1, "name":"test11"},
+    {"id":12, "pId":1, "name":"test12"},
+    {"id":111, "pId":11, "name":"test111"}
+];
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.data.simpleData.pIdKey.html b/js/zTree_v3/api/en/setting.data.simpleData.pIdKey.html new file mode 100755 index 0000000..8378c6e --- /dev/null +++ b/js/zTree_v3/api/en/setting.data.simpleData.pIdKey.html @@ -0,0 +1,32 @@ +
              +
              +

              Stringsetting.data.simpleData.pIdKey

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              The node data's attribute to save its parent node data's unique identifier. It is valid when [setting.data.simpleData.enable = true]

              +

              Default: "pId"

              +
              +
              +

              Examples of setting

              +

              1. use the simple data format

              + 
              var setting = {
+	data: {
+		simpleData: {
+			enable: true,
+			idKey: "id",
+			pIdKey: "pId",
+			rootPId: 0
+		}
+	}
+};
+var treeNodes = [
+    {"id":1, "pId":0, "name":"test1"},
+    {"id":11, "pId":1, "name":"test11"},
+    {"id":12, "pId":1, "name":"test12"},
+    {"id":111, "pId":11, "name":"test111"}
+];
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.data.simpleData.rootPId.html b/js/zTree_v3/api/en/setting.data.simpleData.rootPId.html new file mode 100755 index 0000000..61c9bbd --- /dev/null +++ b/js/zTree_v3/api/en/setting.data.simpleData.rootPId.html @@ -0,0 +1,32 @@ +
              +
              +

              String / Numbersetting.data.simpleData.rootPId

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Set the default value of root's 'pIdKey' specified attribute values​​. It is valid when [setting.data.simpleData.enable = true]

              +

              Default: null

              +
              +
              +

              Examples of setting

              +

              1. use the simple data format

              + 
              var setting = {
+	data: {
+		simpleData: {
+			enable: true,
+			idKey: "id",
+			pIdKey: "pId",
+			rootPId: 0
+		}
+	}
+};
+var treeNodes = [
+    {"id":1, "pId":0, "name":"test1"},
+    {"id":11, "pId":1, "name":"test11"},
+    {"id":12, "pId":1, "name":"test12"},
+    {"id":111, "pId":11, "name":"test111"}
+];
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.edit.drag.autoExpandTrigger.html b/js/zTree_v3/api/en/setting.edit.drag.autoExpandTrigger.html new file mode 100755 index 0000000..804ee66 --- /dev/null +++ b/js/zTree_v3/api/en/setting.edit.drag.autoExpandTrigger.html @@ -0,0 +1,29 @@ +
              +
              +

              Booleansetting.edit.drag.autoExpandTrigger

              +

              Overview[ depends on jquery.ztree.exedit js ]

              +
              +

              +
              +

              When drag node cause the parent node is automatically expanded, set whether to allow to trigger the 'onExpand' callback. It is valid when [setting.edit.enable = true]

              +

              Default: false

              +
              +
              +

              Boolean Format

              +
              +

              true means: trigger the 'onExpand' callback.

              +

              false means: don't trigger the 'onExpand' callback.

              +
              +

              Examples of setting

              +

              1. Set to allow to trigger the 'onExpand' callback

              + 
              var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			autoExpandTrigger: true
+		}
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.edit.drag.autoOpenTime.html b/js/zTree_v3/api/en/setting.edit.drag.autoOpenTime.html new file mode 100755 index 0000000..74982af --- /dev/null +++ b/js/zTree_v3/api/en/setting.edit.drag.autoOpenTime.html @@ -0,0 +1,25 @@ +
              +
              +

              Numbersetting.edit.drag.autoOpenTime

              +

              Overview[ depends on jquery.ztree.exedit js ]

              +
              +

              +
              +

              Drag to the parent node, the parent node auto expand time interval. (Unit: ms) It is valid when [setting.edit.enable = true]

              +

              Default: 500

              +

              Please adjust the value according to needs.

              +
              +
              +

              Examples of setting

              +

              1. When drag node to other parent node, expand it at once.

              + 
              var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			autoOpenTime: 0
+		}
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.edit.drag.borderMax.html b/js/zTree_v3/api/en/setting.edit.drag.borderMax.html new file mode 100755 index 0000000..edbb752 --- /dev/null +++ b/js/zTree_v3/api/en/setting.edit.drag.borderMax.html @@ -0,0 +1,25 @@ +
              +
              +

              Numbersetting.edit.drag.borderMax

              +

              Overview[ depends on jquery.ztree.exedit js ]

              +
              +

              +
              +

              When drag a node to root, the zTree's inner border width. (Unit: px) It is valid when [setting.edit.enable = true]

              +

              Default: 10

              +

              Please adjust the value according to needs.

              +
              +
              +

              Examples of setting

              +

              1. adjust the inner border width is 20px

              + 
              var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			borderMax: 20
+		}
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.edit.drag.borderMin.html b/js/zTree_v3/api/en/setting.edit.drag.borderMin.html new file mode 100755 index 0000000..e845853 --- /dev/null +++ b/js/zTree_v3/api/en/setting.edit.drag.borderMin.html @@ -0,0 +1,25 @@ +
              +
              +

              Numbersetting.edit.drag.borderMin

              +

              Overview[ depends on jquery.ztree.exedit js ]

              +
              +

              +
              +

              When drag a node to root, the zTree's outer border width. (Unit: px) It is valid when [setting.edit.enable = true]

              +

              Default: -5

              +

              Please adjust the value according to needs.

              +
              +
              +

              Examples of setting

              +

              1. adjust the outer border width is 10px

              + 
              var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			borderMin: -10
+		}
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.edit.drag.inner.html b/js/zTree_v3/api/en/setting.edit.drag.inner.html new file mode 100755 index 0000000..5258e2f --- /dev/null +++ b/js/zTree_v3/api/en/setting.edit.drag.inner.html @@ -0,0 +1,60 @@ +
              +
              +

              Boolean / Function(treeId, treeNodes, targetNode)setting.edit.drag.inner

              +

              Overview[ depends on jquery.ztree.exedit js ]

              +
              +

              +
              +

              When drag one node to the target node, set whether to allow the node to be the target node's child. It is valid when [setting.edit.enable = true]

              +

              If the target node is root, so zTree will only trigger 'inner' and not trigger 'prev / next'.

              +

              This function mainly for the appropriate limit drag and drop (auxiliary arrow), it requires a combination of 'prev, next' together, to achieve full functionality.

              +

              Default: true

              +
              +
              +

              Boolean Format

              +
              +

              true means: allow the node to be the target node's child.

              +

              false means: don't allow the node to be the target node's child.

              +
              +

              Function Parameter Descriptions

              +
              +

              treeIdString

              +

              zTree unique identifier: treeId.

              +

              treeNodesArray(JSON)

              +

              A collection of the nodes which has been dragged

              +

              targetNodeJSON

              +

              JSON data object of the target node which treeNodes are draged over.

              +

              If the treeNodes will be root node, the targetNode = null

              +

              Return Boolean

              +

              return true or false

              +
              +

              Examples of setting & function

              +

              1. disable to drag the node to the target node's inner.

              + 
              var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			prev: true,
+			next: true,
+			inner: false
+		}
+	}
+};
+......
              +

              2. disable to drag the node to be root node's child.

              + 
              function canInner(treeId, nodes, targetNode) {
+	return !(targetNode && targetNode.level === 0);
+}
+var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			prev: true,
+			next: true,
+			inner: canInner
+		}
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.edit.drag.isCopy.html b/js/zTree_v3/api/en/setting.edit.drag.isCopy.html new file mode 100755 index 0000000..1207d2a --- /dev/null +++ b/js/zTree_v3/api/en/setting.edit.drag.isCopy.html @@ -0,0 +1,32 @@ +
              +
              +

              Booleansetting.edit.drag.isCopy

              +

              Overview[ depends on jquery.ztree.exedit js ]

              +
              +

              +
              +

              When drag-drop node, set whether to allow to copy node. It is valid when [setting.edit.enable = true]

              +

              Default: true

              +
              +
              +

              Rules Description

              +
              +

              1. If isCopy = true and isMove = true, when drag-drop node, press Ctrl-Key or Cmd-key can copy node, don't press Ctrl-Key or Cmd-key can move node.

              +

              2. If isCopy = true and isMove = false, when drag-drop node, will copy node.

              +

              3. If isCopy = false and isMove = true, when drag-drop node, will move node.

              +

              4. If isCopy = false and isMove = false, so disable to drag-drop node.

              +
              +

              Examples of setting

              +

              1. all of the drag-drop operation will copy node.

              + 
              var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			isCopy: true,
+			isMove: false
+		}
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.edit.drag.isMove.html b/js/zTree_v3/api/en/setting.edit.drag.isMove.html new file mode 100755 index 0000000..e4a7ca3 --- /dev/null +++ b/js/zTree_v3/api/en/setting.edit.drag.isMove.html @@ -0,0 +1,32 @@ +
              +
              +

              Booleansetting.edit.drag.isMove

              +

              Overview[ depends on jquery.ztree.exedit js ]

              +
              +

              +
              +

              When drag-drop node, set whether to allow to move node. It is valid when [setting.edit.enable = true]

              +

              Default: true

              +
              +
              +

              Rules Description

              +
              +

              1. If isCopy = true and isMove = true, when drag-drop node, press Ctrl-Key or Cmd-key can copy node, don't press Ctrl-Key or Cmd-key can move node.

              +

              2. If isCopy = true and isMove = false, when drag-drop node, will copy node.

              +

              3. If isCopy = false and isMove = true, when drag-drop node, will move node.

              +

              4. If isCopy = false and isMove = false, so disable to drag-drop node.

              +
              +

              Examples of setting

              +

              1. all of the drag-drop operation will move node.

              + 
              var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			isCopy: false,
+			isMove: true
+		}
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.edit.drag.maxShowNodeNum.html b/js/zTree_v3/api/en/setting.edit.drag.maxShowNodeNum.html new file mode 100755 index 0000000..dbc3ae4 --- /dev/null +++ b/js/zTree_v3/api/en/setting.edit.drag.maxShowNodeNum.html @@ -0,0 +1,25 @@ +
              +
              +

              Numbersetting.edit.drag.maxShowNodeNum

              +

              Overview[ depends on jquery.ztree.exedit js ]

              +
              +

              +
              +

              When dragging more than one sibling node, the floating layer shows the maximum number of nodes. zTree using '...' instead of redundant nodes. It is valid when [setting.edit.enable = true]

              +

              Default: 5

              +

              Please adjust the value according to needs.

              +
              +
              +

              Examples of setting

              +

              1. Set the maximum number is 10

              + 
              var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			maxShowNodeNum: 10
+		}
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.edit.drag.minMoveSize.html b/js/zTree_v3/api/en/setting.edit.drag.minMoveSize.html new file mode 100755 index 0000000..8270a99 --- /dev/null +++ b/js/zTree_v3/api/en/setting.edit.drag.minMoveSize.html @@ -0,0 +1,25 @@ +
              +
              +

              Numbersetting.edit.drag.minMoveSize

              +

              Overview[ depends on jquery.ztree.exedit js ]

              +
              +

              +
              +

              The minimum offset which used to determine the drag operator start. (Unit: px) It is valid when [setting.edit.enable = true]

              +

              Please adjust the value according to needs. Note: If it is too small, will easily lead to misoperation when you click mouse.

              +

              Default: 5

              +
              +
              +

              Examples of setting

              +

              1. Set the minimum offset is 10px.

              + 
              var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			minMoveSize: 10
+		}
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.edit.drag.next.html b/js/zTree_v3/api/en/setting.edit.drag.next.html new file mode 100755 index 0000000..11323f1 --- /dev/null +++ b/js/zTree_v3/api/en/setting.edit.drag.next.html @@ -0,0 +1,59 @@ +
              +
              +

              Boolean / Function(treeId, treeNodes, targetNode)setting.edit.drag.next

              +

              Overview[ depends on jquery.ztree.exedit js ]

              +
              +

              +
              +

              When drag one node to the target node, set whether to allow the node to be the target node's next sibling. It is valid when [setting.edit.enable = true]

              +

              If the target node is root, so zTree will only trigger 'inner' and not trigger 'prev / next'.

              +

              This function mainly for the appropriate limit drag and drop (auxiliary arrow), it requires a combination of 'prev, inner' together, to achieve full functionality.

              +

              Default: true

              +
              +
              +

              Boolean Format

              +
              +

              true means: allow the node to be the target node's next sibling.

              +

              false means: don't allow the node to be the target node's next sibling.

              +
              +

              Function Parameter Descriptions

              +
              +

              treeIdString

              +

              zTree unique identifier: treeId.

              +

              treeNodesArray(JSON)

              +

              A collection of the nodes which has been dragged

              +

              targetNodeJSON

              +

              JSON data object of the target node which treeNodes are draged over.

              +

              Return Boolean

              +

              return true or false

              +
              +

              Examples of setting & function

              +

              1. disable to drag the node to the target node's next sibling.

              + 
              var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			prev: true,
+			next: false,
+			inner: true
+		}
+	}
+};
+......
              +

              2. disable to drag the node to be all of the parent nodes's next sibling.

              + 
              function canNext(treeId, nodes, targetNode) {
+	return !targetNode.isParent;
+}
+var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			prev: true,
+			next: canNext,
+			inner: true
+		}
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.edit.drag.prev.html b/js/zTree_v3/api/en/setting.edit.drag.prev.html new file mode 100755 index 0000000..84e3b1a --- /dev/null +++ b/js/zTree_v3/api/en/setting.edit.drag.prev.html @@ -0,0 +1,59 @@ +
              +
              +

              Boolean / Function(treeId, treeNodes, targetNode)setting.edit.drag.prev

              +

              Overview[ depends on jquery.ztree.exedit js ]

              +
              +

              +
              +

              When drag one node to the target node, set whether to allow the node to be the target node's previous sibling. It is valid when [setting.edit.enable = true]

              +

              If the target node is root, so zTree will only trigger 'inner' and not trigger 'prev / next'.

              +

              This function mainly for the appropriate limit drag and drop (auxiliary arrow), it requires a combination of 'next, inner' together, to achieve full functionality.

              +

              Default: true

              +
              +
              +

              Boolean Format

              +
              +

              true means: allow the node to be the target node's previous sibling.

              +

              false means: don't allow the node to be the target node's previous sibling.

              +
              +

              Function Parameter Descriptions

              +
              +

              treeIdString

              +

              zTree unique identifier: treeId.

              +

              treeNodesArray(JSON)

              +

              A collection of the nodes which has been dragged

              +

              targetNodeJSON

              +

              JSON data object of the target node which treeNodes are draged over.

              +

              Return Boolean

              +

              return true or false

              +
              +

              Examples of setting & function

              +

              1. disable to drag the node to the target node's previous sibling.

              + 
              var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			prev: false,
+			next: true,
+			inner: true
+		}
+	}
+};
+......
              +

              2. disable to drag the node to be all of the parent nodes's previous sibling.

              + 
              function canPrev(treeId, nodes, targetNode) {
+	return !targetNode.isParent;
+}
+var setting = {
+	edit: {
+		enable: true,
+		drag: {
+			prev: canPrev,
+			next: true,
+			inner: true
+		}
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.edit.editNameSelectAll.html b/js/zTree_v3/api/en/setting.edit.editNameSelectAll.html new file mode 100755 index 0000000..a030359 --- /dev/null +++ b/js/zTree_v3/api/en/setting.edit.editNameSelectAll.html @@ -0,0 +1,27 @@ +
              +
              +

              Booleansetting.edit.editNameSelectAll

              +

              Overview[ depends on jquery.ztree.exedit js ]

              +
              +

              +
              +

              When edit node's name, the text in input is selected or unselected. It is valid when [setting.edit.enable = true]

              +

              Default: false

              +
              +
              +

              Boolean Format

              +
              +

              true means: when show the input, the text in input is selected

              +

              false means: when show the input, the text in input is not selected

              +
              +

              Examples of setting

              +

              1. When edit node's name, the text in input is selected.

              + 
              var setting = {
+	edit: {
+		enable: true,
+		editNameSelectAll: true
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.edit.enable.html b/js/zTree_v3/api/en/setting.edit.enable.html new file mode 100755 index 0000000..ec9d2b3 --- /dev/null +++ b/js/zTree_v3/api/en/setting.edit.enable.html @@ -0,0 +1,39 @@ +
              +
              +

              Booleansetting.edit.enable

              +

              Overview[ depends on jquery.ztree.exedit js ]

              +
              +

              +
              +

              Set zTree is in edit mode

              +

              Please set this attribute before zTree initialization. If you need to change the edit mode after the initialization, please use zTreeObj.setEditable() method.

              +

              Default: false

              +
              +
              +

              Boolean Format

              +
              +

              true means: zTree is in edit mode.

              +

              false means: zTree is not in edit mode.

              +
              +

              Editing Rules Description

              +
              +

              1. When click the node, it will not open 'node.url' specified URL. +
              2. Support for dynamic tree editing. +
              3. You can drag-drop nodes, and support drag-drop nodes between multiple trees. +
              4. Support use drag-drop to copy or move the node. (Reference: setting.edit.drag.isCopy / setting.edit.drag.isMove) +
              5. You can use the Edit button to modify the name attribute. +
              6. You can use the Remove button to remove the node. +
              +

              +

              Please note that letter case, do not change.

              +
              +

              Examples of setting

              +

              1. edit the tree

              + 
              var setting = {
+	edit: {
+		enable: true
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.edit.removeTitle.html b/js/zTree_v3/api/en/setting.edit.removeTitle.html new file mode 100755 index 0000000..d749c05 --- /dev/null +++ b/js/zTree_v3/api/en/setting.edit.removeTitle.html @@ -0,0 +1,48 @@ +
              +
              +

              String / Function(treeId, treeNode)setting.edit.removeTitle

              +

              Overview[ depends on jquery.ztree.exedit js ]

              +
              +

              +
              +

              the title of the remove button DOM. It is valid when [setting.edit.enable = true & setting.edit.showRemoveBtn = true]

              +

              Default: "remove"

              +
              +
              +

              String Format

              +
              +

              When the mouse over the remove button, the browser auto pop-up message content.

              +
              +

              Function Parameter Descriptions

              +
              +

              treeIdString

              +

              zTree unique identifier: treeId.

              +

              treeNodeJSON

              +

              JSON data object of the node which show the remove button

              +

              Return String

              +

              Return value is same as 'String Format'

              +
              +

              Examples of setting & function

              +

              1. Set title is 'remove the node' about all the remove button

              + 
              var setting = {
+	edit: {
+		enable: true,
+		showRemoveBtn: true,
+		removeTitle: "remove the node"
+	}
+};
+......
              +

              2. Set title is 'remove the parent node' about the parent node, and is 'remove the leaf node' about the leaf node

              + 
              function setRemoveTitle(treeId, treeNode) {
+	return treeNode.isParent ? "remove the parent node":"remove the leaf node";
+}
+var setting = {
+	edit: {
+		enable: true,
+		showRemoveBtn: true,
+		removeTitle: setRemoveTitle
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.edit.renameTitle.html b/js/zTree_v3/api/en/setting.edit.renameTitle.html new file mode 100755 index 0000000..aa2d719 --- /dev/null +++ b/js/zTree_v3/api/en/setting.edit.renameTitle.html @@ -0,0 +1,48 @@ +
              +
              +

              String / Function(treeId, treeNode)setting.edit.renameTitle

              +

              Overview[ depends on jquery.ztree.exedit js ]

              +
              +

              +
              +

              the title of the rename button DOM. It is valid when [setting.edit.enable = true & setting.edit.showRenameBtn = true]

              +

              Default: "rename"

              +
              +
              +

              String Format

              +
              +

              When the mouse over the rename button, the browser auto pop-up message content.

              +
              +

              Function Parameter Descriptions

              +
              +

              treeIdString

              +

              zTree unique identifier: treeId.

              +

              treeNodeJSON

              +

              JSON data object of the node which show the rename button

              +

              Return String

              +

              return value is same as 'String Format'

              +
              +

              Examples of setting & function

              +

              1. Set title is 'rename the node' about all the rename button

              + 
              var setting = {
+	edit: {
+		enable: true,
+		showRenameBtn: true,
+		renameTitle: "rename the node"
+	}
+};
+......
              +

              2. Set title is 'rename the parent node' about the parent node, and is 'rename the leaf node' about the leaf node

              + 
              function setRenameTitle(treeId, treeNode) {
+	return treeNode.isParent ? "rename the parent node":"rename the leaf node";
+}
+var setting = {
+	edit: {
+		enable: true,
+		showRenameBtn: true,
+		renameTitle: setRenameTitle
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.edit.showRemoveBtn.html b/js/zTree_v3/api/en/setting.edit.showRemoveBtn.html new file mode 100755 index 0000000..2c64ac1 --- /dev/null +++ b/js/zTree_v3/api/en/setting.edit.showRemoveBtn.html @@ -0,0 +1,50 @@ +
              +
              +

              Boolean / Function(treeId, treeNode)setting.edit.showRemoveBtn

              +

              Overview[ depends on jquery.ztree.exedit js ]

              +
              +

              +
              +

              Set to show or hide the remove button. It is valid when [setting.edit.enable = true]

              +

              When you click the remove button:

              +

              1. zTree will trigger the setting.callback.beforeRemove callback, and you can decide whether to allow delete.

              +

              2. If you don't set the 'beforeRemove' or the 'beforeRemove' callback return true, so zTree will trigger the setting.callback.onRemove callback after remove the node.

              +

              Default: true

              +
              +
              +

              Boolean Format

              +
              +

              true means: show the remove button

              +

              false means: hide the remove button

              +
              +

              Function Parameter Descriptions

              +
              +

              treeIdString

              +

              zTree unique identifier: treeId.

              +

              treeNodeJSON

              +

              JSON data object of the node which show the remove button

              +

              Return Boolean

              +

              Return value is same as 'Boolean Format'

              +
              +

              Examples of setting & function

              +

              1. Hide the remove button

              + 
              var setting = {
+	edit: {
+		enable: true,
+		showRemoveBtn: false
+	}
+};
+......
              +

              2. Hide the remove button of parent node

              + 
              function setRemoveBtn(treeId, treeNode) {
+	return !treeNode.isParent;
+}
+var setting = {
+	edit: {
+		enable: true,
+		showRemoveBtn: setRemoveBtn
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.edit.showRenameBtn.html b/js/zTree_v3/api/en/setting.edit.showRenameBtn.html new file mode 100755 index 0000000..390f0a1 --- /dev/null +++ b/js/zTree_v3/api/en/setting.edit.showRenameBtn.html @@ -0,0 +1,52 @@ +
              +
              +

              Boolean / Function(treeId, treeNode)setting.edit.showRenameBtn

              +

              Overview[ depends on jquery.ztree.exedit js ]

              +
              +

              +
              +

              Set to show or hide the rename button. It is valid when [setting.edit.enable = true]

              +

              When you click the rename button:

              +

              1. Click the rename button, you can rename the node.

              +

              2. After rename operation (the input DOM blur or press the Enter Key), zTree will trigger the setting.callback.beforeRename callback, and you can decide whether to allow rename.

              +

              3. If the 'beforeRename' callback return false, so zTree will keep the edit status. (Press the ESC key, can be restored to the original state.

              +

              4. If you don't set the 'beforeRename' or the 'beforeRename' callback return true, so zTree will trigger the setting.callback.onRename callback after rename the node.

              +

              Default: true

              +
              +
              +

              Boolean Format

              +
              +

              true means: show the rename button

              +

              false means: hide the rename button

              +
              +

              Function Parameter Descriptions

              +
              +

              treeIdString

              +

              zTree unique identifier: treeId.

              +

              treeNodeJSON

              +

              JSON data object of the node which show the rename button

              +

              Return Boolean

              +

              Return value is same as 'Boolean Format'

              +
              +

              Examples of setting & function

              +

              1. Hide the rename button

              + 
              var setting = {
+	edit: {
+		enable: true,
+		showRenameBtn: false
+	}
+};
+......
              +

              2. Hide the rename button of parent node

              + 
              function setRenameBtn(treeId, treeNode) {
+	return !treeNode.isParent;
+}
+var setting = {
+	edit: {
+		enable: true,
+		showRenameBtn: setRenameBtn
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.treeId.html b/js/zTree_v3/api/en/setting.treeId.html new file mode 100755 index 0000000..e4b04b3 --- /dev/null +++ b/js/zTree_v3/api/en/setting.treeId.html @@ -0,0 +1,14 @@ +
              +
              +

              Stringsetting.treeId

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              zTree unique identifier. After the initialization, it equals to the id attribute value of the user-defined zTree container.

              +

              Do not initialize or modify it, it is an internal argument.

              +
              +
              + +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.treeObj.html b/js/zTree_v3/api/en/setting.treeObj.html new file mode 100755 index 0000000..30eb66c --- /dev/null +++ b/js/zTree_v3/api/en/setting.treeObj.html @@ -0,0 +1,14 @@ +
              +
              +

              Objectsetting.treeObj

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              zTree DOM's jQuery object, the main function: easy to internal operations.

              +

              Do not initialize or modify it, it is an internal argument.

              +
              +
              + +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.view.addDiyDom.html b/js/zTree_v3/api/en/setting.view.addDiyDom.html new file mode 100755 index 0000000..efcc8d4 --- /dev/null +++ b/js/zTree_v3/api/en/setting.view.addDiyDom.html @@ -0,0 +1,40 @@ +
              +
              +

              Function(treeId, treeNode)setting.view.addDiyDom

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              This function used to display the custom control on the node.

              +

              1. If you have huge node data, please note: this function will affect the initialization performance. If not required, it is recommended not to use this function.

              +

              2. This function is an advanced application, please make sure that a better understanding of zTree before you use it.

              +

              Default: null

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              treeIdString

              +

              zTree unique identifier: treeId.

              +

              treeNodeJSON

              +

              JSON data object of the node which display the custom control.

              +
              +

              Examples of setting & function

              +

              1. Display button in all nodes.

              + 
              var setting = {
+	view: {
+		addDiyDom: addDiyDom
+	}
+};
+function addDiyDom(treeId, treeNode) {
+	var aObj = $("#" + treeNode.tId + "_a");
+	if ($("#diyBtn_"+treeNode.id).length>0) return;
+	var editStr = "<span id='diyBtn_space_" +treeNode.id+ "' > </span>"
+		+ "<button type='button' class='diyBtn1' id='diyBtn_" + treeNode.id
+		+ "' title='"+treeNode.name+"' onfocus='this.blur();'></button>";
+	aObj.append(editStr);
+	var btn = $("#diyBtn_"+treeNode.id);
+	if (btn) btn.bind("click", function(){alert("diy Button for " + treeNode.name);});
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.view.addHoverDom.html b/js/zTree_v3/api/en/setting.view.addHoverDom.html new file mode 100755 index 0000000..9c6ccf6 --- /dev/null +++ b/js/zTree_v3/api/en/setting.view.addHoverDom.html @@ -0,0 +1,45 @@ +
              +
              +

              Function(treeId, treeNode)setting.view.addHoverDom

              +

              Overview[ depends on jquery.ztree.exedit js ]

              +
              +

              +
              +

              Used to display custom control when mouse move over the node. (e.g. the rename and remove button)

              +

              If you use this function, so must set setting.view.removeHoverDom, please make sure that a better understanding of zTree before you use it.

              +

              Default: null

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              treeIdString

              +

              zTree unique identifier: treeId.

              +

              treeNodeJSON

              +

              JSON data object of the node which need to display the custom control.

              +
              +

              Examples of setting & function

              +

              1. Display a button when mouse move over the node, and hide the button when mouse move out.

              + 
              var setting = {
+	view: {
+		addHoverDom: addHoverDom,
+		removeHoverDom: removeHoverDom,
+		......
+	}
+};
+function addHoverDom(treeId, treeNode) {
+	var aObj = $("#" + treeNode.tId + "_a");
+	if ($("#diyBtn_"+treeNode.id).length>0) return;
+	var editStr = "<span id='diyBtn_space_" +treeNode.id+ "' > </span>"
+		+ "<button type='button' class='diyBtn1' id='diyBtn_" + treeNode.id
+		+ "' title='"+treeNode.name+"' onfocus='this.blur();'></button>";
+	aObj.append(editStr);
+	var btn = $("#diyBtn_"+treeNode.id);
+	if (btn) btn.bind("click", function(){alert("diy Button for " + treeNode.name);});
+};
+function removeHoverDom(treeId, treeNode) {
+	$("#diyBtn_"+treeNode.id).unbind().remove();
+	$("#diyBtn_space_" +treeNode.id).unbind().remove();
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.view.autoCancelSelected.html b/js/zTree_v3/api/en/setting.view.autoCancelSelected.html new file mode 100755 index 0000000..44ab90d --- /dev/null +++ b/js/zTree_v3/api/en/setting.view.autoCancelSelected.html @@ -0,0 +1,27 @@ +
              +
              +

              Booleansetting.view.autoCancelSelected

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              When click the selected node while pressing the Ctrl-key or Cmd-key, allow to cancel selected the node.

              +

              If you don't need this function, please set to false.

              +

              Default: true

              +
              +
              +

              Boolean Format

              +
              +

              true means: press the Ctrl-key or Cmd-key, can cancel selected node.

              +

              false means: press the Ctrl-key or Cmd-key, can't cancel selected node.

              +
              +

              Examples of setting

              +

              1. Press the Ctrl-key or Cmd-key, can't cancel selected node.

              + 
              var setting = {
+	view: {
+		autoCancelSelected: false
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.view.dblClickExpand.html b/js/zTree_v3/api/en/setting.view.dblClickExpand.html new file mode 100755 index 0000000..210dfec --- /dev/null +++ b/js/zTree_v3/api/en/setting.view.dblClickExpand.html @@ -0,0 +1,45 @@ +
              +
              +

              Boolean / Function(treeId, treeNode)setting.view.dblClickExpand

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              When double-click the parent node, 'dblClickExpand' is used to decide whether to expand the parent node.

              +

              Default: true

              +
              +
              +

              Boolean Format

              +
              +

              true means: When double-click the parent node, zTree will expand the parent node.

              +

              false means: When double-click the parent node, zTree will not expand the parent node.

              +
              +

              Function Pamameter Descriptions

              +
              +

              treeIdString

              +

              zTree unique identifier: treeId.

              +

              treeNodeJSON

              +

              JSON data object of the node which be double-clicked.

              +

              Return Boolean

              +

              Return value is same as 'Boolean Format'

              +
              +

              Example of setting

              +

              1. When double-click the parent node, zTree will not expand the parent node.

              + 
              var setting = {
+	view: {
+		dblClickExpand: false
+	}
+};
+......
              +

              2. When double-click the parent node, zTree will expand the parent node which level>0.

              + 
              function dblClickExpand(treeId, treeNode) {
+	return treeNode.level > 0;
+};
+var setting = {
+	view: {
+		dblClickExpand: dblClickExpand
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.view.expandSpeed.html b/js/zTree_v3/api/en/setting.view.expandSpeed.html new file mode 100755 index 0000000..1911e74 --- /dev/null +++ b/js/zTree_v3/api/en/setting.view.expandSpeed.html @@ -0,0 +1,31 @@ +
              +
              +

              String / Numbersetting.view.expandSpeed

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              The animation speed of expand or collapse node. As same as 'speed' parameter in jQuery

              +

              In order to ensure zTree operating speed, if use the IE6, zTree will not use animation.

              +

              Default: "fast"

              +
              +
              +

              String Format

              +
              +

              e.g. "slow", "normal", or "fast"

              +

              If set to "", zTree will not use animation.

              +
              +

              Number Format

              +
              +

              How long the animation will run. [Unit: ms] (e.g. 1000)

              +
              +

              Examples of setting

              +

              1. Set the animation speed to slow

              + 
              var setting = {
+	view: {
+		expandSpeed: "slow"
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.view.fontCss.html b/js/zTree_v3/api/en/setting.view.fontCss.html new file mode 100755 index 0000000..02bddea --- /dev/null +++ b/js/zTree_v3/api/en/setting.view.fontCss.html @@ -0,0 +1,42 @@ +
              +
              +

              JSON / Function(treeId, treeNode)setting.view.fontCss

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Personalized text style, only applies to <A> object in the node DOM

              +

              Default: {}

              +
              +
              +

              JSON Format

              +
              +

              As same as .css() method in jQuery. e.g. {color:"#ff0011", background:"blue"}

              +
              +

              Function Parameter Descriptions

              +
              +

              treeIdString

              +

              zTree unique identifier: treeId.

              +

              treeNodeJSON

              +

              JSON data object of the node which use the personalized text style

              +

              Return JSON

              +

              Return value is same as 'JSON Format'. e.g. {color:"#ff0011", background:"blue"}

              +
              +

              Examples of setting & function

              +

              1. Don't modify css file, and set the node name's color to red

              + 
              var setting = {
+	view: {
+		fontCss : {color:"red"}
+	}
+};
              +

              2. Don't modify css file, and set the root node name's color to red

              + 
              function setFontCss(treeId, treeNode) {
+	return treeNode.level == 0 ? {color:"red"} : {};
+};
+var setting = {
+	view: {
+		fontCss: setFontCss
+	}
+};
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.view.nameIsHTML.html b/js/zTree_v3/api/en/setting.view.nameIsHTML.html new file mode 100755 index 0000000..4fe19ad --- /dev/null +++ b/js/zTree_v3/api/en/setting.view.nameIsHTML.html @@ -0,0 +1,28 @@ +
              +
              +

              Booleansetting.view.nameIsHTML

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Set to use HTML in 'name' attribute.

              +

              If allow HTML, please do check to avoid security issues, e.g. JavaScript Injection...

              +

              Default: false

              +
              +
              +

              Boolean Format

              +
              +

              true means: 'name' attribute can be HTML.

              +

              false means: 'name' attribute is only TEXT.

              +
              +

              Examples of setting

              +

              1. Set to allow HTML

              + 
              var setting = {
+	view: {
+		nameIsHTML: true
+	}
+};
+var node = {"name":"<font color='red'>test</font>"};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.view.removeHoverDom.html b/js/zTree_v3/api/en/setting.view.removeHoverDom.html new file mode 100755 index 0000000..83f8047 --- /dev/null +++ b/js/zTree_v3/api/en/setting.view.removeHoverDom.html @@ -0,0 +1,45 @@ +
              +
              +

              Function(treeId, treeNode)setting.view.removeHoverDom

              +

              Overview[ depends on jquery.ztree.exedit js ]

              +
              +

              +
              +

              Used to hide custom control when mouse move out the node. (e.g. the rename and remove button)

              +

              If you use this function, so must set setting.view.addHoverDom, please make sure that a better understanding of zTree before you use it.

              +

              Default: null

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              treeIdString

              +

              zTree unique identifier: treeId.

              +

              treeNodeJSON

              +

              JSON data object of the node which need to hide the custom control.

              +
              +

              Examples of setting & function

              +

              1. Display a button when mouse move over the node, and hide the button when mouse move out.

              + 
              var setting = {
+	view: {
+		addHoverDom: addHoverDom,
+		removeHoverDom: removeHoverDom,
+		......
+	}
+};
+function addHoverDom(treeId, treeNode) {
+	var aObj = $("#" + treeNode.tId + "_a");
+	if ($("#diyBtn_"+treeNode.id).length>0) return;
+	var editStr = "<span id='diyBtn_space_" +treeNode.id+ "' > </span>"
+		+ "<button type='button' class='diyBtn1' id='diyBtn_" + treeNode.id
+		+ "' title='"+treeNode.name+"' onfocus='this.blur();'></button>";
+	aObj.append(editStr);
+	var btn = $("#diyBtn_"+treeNode.id);
+	if (btn) btn.bind("click", function(){alert("diy Button for " + treeNode.name);});
+};
+function removeHoverDom(treeId, treeNode) {
+	$("#diyBtn_"+treeNode.id).unbind().remove();
+	$("#diyBtn_space_" +treeNode.id).unbind().remove();
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.view.selectedMulti.html b/js/zTree_v3/api/en/setting.view.selectedMulti.html new file mode 100755 index 0000000..074fb68 --- /dev/null +++ b/js/zTree_v3/api/en/setting.view.selectedMulti.html @@ -0,0 +1,28 @@ +
              +
              +

              Booleansetting.view.selectedMulti

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Set whether to allow select multiple nodes.

              +

              Default: true

              +
              +
              +

              Boolean Format

              +
              +

              true mean: you can select multiple nodes.

              +

              false mean: you can only select one node.

              +

              1. Press Ctrl-key or Cmd-key, you can select multiple nodes.

              +

              2、This attribute don't affect the feature of cancel select node. ( please see setting.view.autoCancelSelected )

              +
              +

              Examples of setting

              +

              1. Only select one node.

              + 
              var setting = {
+	view: {
+		selectedMulti: false
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.view.showIcon.html b/js/zTree_v3/api/en/setting.view.showIcon.html new file mode 100755 index 0000000..69f1b05 --- /dev/null +++ b/js/zTree_v3/api/en/setting.view.showIcon.html @@ -0,0 +1,45 @@ +
              +
              +

              Boolean / Function(treeId, treeNode)setting.view.showIcon

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Set to show or hide node icon.

              +

              Default: true

              +
              +
              +

              Boolean Format

              +
              +

              true means: show node icon.

              +

              false means: hide node icon.

              +
              +

              Function Parameter Descriptions

              +
              +

              treeIdString

              +

              zTree unique identifier: treeId.

              +

              treeNodeJSON

              +

              JSON data object of the node which need to show icon.

              +

              Return Boolean

              +

              Return value is same as 'Boolean Format'

              +
              +

              Examples of setting & function

              +

              1. Hide node icon

              + 
              var setting = {
+	view: {
+		showIcon: false
+	}
+};
+......
              +

              2. Hide node icon which level=2

              + 
              function showIconForTree(treeId, treeNode) {
+	return treeNode.level != 2;
+};
+var setting = {
+	view: {
+		showIcon: showIconForTree
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.view.showLine.html b/js/zTree_v3/api/en/setting.view.showLine.html new file mode 100755 index 0000000..a554014 --- /dev/null +++ b/js/zTree_v3/api/en/setting.view.showLine.html @@ -0,0 +1,26 @@ +
              +
              +

              Booleansetting.view.showLine

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Set to show or hide line.

              +

              Default: true

              +
              +
              +

              Boolean Format

              +
              +

              true means: show line.

              +

              false means: hide line.

              +
              +

              Examples of setting

              +

              1. Hide line

              + 
              var setting = {
+	view: {
+		showLine: false
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.view.showTitle.html b/js/zTree_v3/api/en/setting.view.showTitle.html new file mode 100755 index 0000000..8af6984 --- /dev/null +++ b/js/zTree_v3/api/en/setting.view.showTitle.html @@ -0,0 +1,47 @@ +
              +
              +

              Boolean / Function(treeId, treeNode)setting.view.showTitle

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Set to show or hide the 'title' attribute of node DOM.

              +

              Please see the setting.data.key.title attribute

              +

              Default: true

              +
              +
              +

              Boolean Format

              +
              +

              true means: show the 'title' attribute of node DOM.

              +

              false means: hide the 'title' attribute of node DOM.

              +

              When setting.view.showTitle = true & setting.data.key.title = '', zTree will set the 'setting.data.key.name' attribute to the 'setting.data.key.title'.

              +
              +

              Function Parameter Descriptions

              +
              +

              treeIdString

              +

              zTree unique identifier: treeId.

              +

              treeNodeJSON

              +

              JSON data object of the node which need to show title.

              +

              Return Boolean

              +

              Return value is same as 'Boolean Format'

              +
              +

              Examples of setting & function

              +

              1. Hide the 'title' attribute of node DOM.

              + 
              var setting = {
+	view: {
+		showTitle: false
+	}
+};
+......
              +

              2. Hide the 'title' attribute of node DOM which level=2.

              + 
              function showTitleForTree(treeId, treeNode) {
+	return treeNode.level != 2;
+};
+var setting = {
+	view: {
+		showTitle: showTitleForTree
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/setting.view.txtSelectedEnable.html b/js/zTree_v3/api/en/setting.view.txtSelectedEnable.html new file mode 100755 index 0000000..a380930 --- /dev/null +++ b/js/zTree_v3/api/en/setting.view.txtSelectedEnable.html @@ -0,0 +1,26 @@ +
              +
              +

              Booleansetting.view.txtSelectedEnable

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Set to allow or don't allow to select the text which in zTree's DOM.

              +

              Default: false

              +
              +
              +

              Boolean Format

              +
              +

              true means: Allow to select the txt which in zTree's DOM.

              +

              false means: Don't allow to select the txt which in zTree's DOM.

              +
              +

              Examples of setting & function

              +

              1. Allow to select the txt which in zTree's DOM.

              + 
              var setting = {
+	view: {
+		txtSelectedEnable: true
+	}
+};
+......
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/treeNode.check_Child_State.html b/js/zTree_v3/api/en/treeNode.check_Child_State.html new file mode 100755 index 0000000..48efb79 --- /dev/null +++ b/js/zTree_v3/api/en/treeNode.check_Child_State.html @@ -0,0 +1,43 @@ +
              +
              +

              NumbertreeNode.check_Child_State

              +

              Overview[ depends on jquery.ztree.excheck js ]

              +
              +

              +
              +

              Used to record the node's half-checked state about its all child nodes's checkbox or radio. It is valid when [setting.check.enable = true]

              +

              zTree v3.x provides treeNode.getCheckStatus () method to get an accurate the half-checked status.

              +

              Do not initialize or modify it, it is an internal argument.

              +

              Default: true

              +
              +
              +

              Number Format

              +
              +

              Rules:

              + + + + + + + + + + + +
              setting.check.checkType = "checkbox"
              treeNode.check_Child_StateChecked Status Description
              -1Has no child nodes or all child nodes's 'nocheck' attribute is true.
              0All of the child nodes has not been checked.
              1Some of the child nodes has been checked.
              2All of the child nodes has been checked.
              +
              + + + + + + + + + + +
              setting.check.checkType = "radio"
              treeNode.check_Child_StateChecked Status Description
              -1Has no child nodes or all child nodes's 'nocheck' attribute is true.
              0All of the child nodes has not been checked.
              2Some of the child nodes has been checked.
              +
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/treeNode.check_Focus.html b/js/zTree_v3/api/en/treeNode.check_Focus.html new file mode 100755 index 0000000..77b7359 --- /dev/null +++ b/js/zTree_v3/api/en/treeNode.check_Focus.html @@ -0,0 +1,19 @@ +
              +
              +

              BooleantreeNode.check_Focus

              +

              Overview[ depends on jquery.ztree.excheck js ]

              +
              +

              +
              +

              Used to record the status which the checkbox or radio get focus. It is valid when [setting.check.enable = true]

              +

              Do not initialize or modify it, it is an internal argument.

              +

              Default: false

              +
              +
              +

              Boolean Format

              +
              +

              true means: mouse move over the checkbox

              +

              false means: mouse move out the checkbox

              +
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/treeNode.checked.html b/js/zTree_v3/api/en/treeNode.checked.html new file mode 100755 index 0000000..8a55f3d --- /dev/null +++ b/js/zTree_v3/api/en/treeNode.checked.html @@ -0,0 +1,32 @@ +
              +
              +

              BooleantreeNode.checked

              +

              Overview[ depends on jquery.ztree.excheck js ]

              +
              +

              +
              +

              The checked status about node's checkbox or radio. It is valid when [setting.check.enable = true & treeNode.nocheck = false]

              +

              1. If change the 'checked' to other attribute, please set the 'setting.data.key.checked' attribute.

              +

              2. If you create node data, and set 'checked' attribute to true, zTree will check this node's checkbox or radio when zTree is initialized.

              +

              3. Use the treeObj.checkNode or checkAllNodes or updateNode method, you can check or uncheck the node. Please see the API about these methods.

              +

              4. zTree support identification string 'true' & 'false'.

              +

              Default: false

              +
              +
              +

              Boolean Format

              +
              +

              true means: check the checkbox or radio when zTree is initialized.

              +

              false means: uncheck the checkbox or radio when zTree is initialized.

              +
              +

              Examples of treeNode

              +

              1. check the checkbox when zTree is initialized

              + 
              var nodes = [
+{ "id":1, "name":"test1", checked:true },
+{ "id":2, "name":"test2", checked:true }
+]
              +

              2. Get the checked status of the first root node

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var checked = treeObj.getNodes()[0].checked;
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/treeNode.checkedOld.html b/js/zTree_v3/api/en/treeNode.checkedOld.html new file mode 100755 index 0000000..ee51626 --- /dev/null +++ b/js/zTree_v3/api/en/treeNode.checkedOld.html @@ -0,0 +1,25 @@ +
              +
              +

              BooleantreeNode.checkedOld

              +

              Overview[ depends on jquery.ztree.excheck js ]

              +
              +

              +
              +

              The checked status about node's checkbox or radio when zTree was initialized. It is valid when [setting.check.enable = true & treeNode.nocheck = false]

              +

              1. Do not initialize it, it will be initialized when the node is initialized.

              +

              2. If you need to achieve special features, you can use the zTreeObj.getChangeCheckedNodes method and modify the value of 'checkedOld' attribute.

              +

              Default: the value of 'checked' attribute when zTree is initialized

              +
              +
              +

              Boolean Format

              +
              +

              true means: the checkbox or radio is checked when zTree is initialized.

              +

              false means: the checkbox or radio is not checked when zTree is initialized.

              +
              +

              Examples of treeNode

              +

              1. Get the original checked status of the first root node

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var checkedOld = treeObj.getNodes()[0].checkedOld;
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/treeNode.children.html b/js/zTree_v3/api/en/treeNode.children.html new file mode 100755 index 0000000..d765bb9 --- /dev/null +++ b/js/zTree_v3/api/en/treeNode.children.html @@ -0,0 +1,35 @@ +
              +
              +

              Array(JSON)treeNode.children

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              The data collections of node's child nodes.

              +

              1. If change the 'children' to other attribute, please set the 'setting.data.key.children' attribute.

              +

              2. If you set to use dynamic tree, when a node is expanded which 'isParent' attribute is true and which has no child nodes, zTree will use ajax to get its child nodes.

              +

              Default: undefined

              +
              +
              +

              Array(JSON) Format

              +
              +

              Standard JSON Data object

              +
              +

              Examples of treeNode

              +

              1. Use the standard JSON data object.

              + 
              var nodes = [
+{ "id":1, "name":"test1",
+	children: [
+	{ "id":3, "name":"test3"},
+	{ "id":4, "name":"test4"},
+	{ "id":5, "name":"test5"}
+	]
+},
+{ "id":2, "name":"test2"  }
+]
              +

              2. Get the first root node's child nodes

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodes()[0].children;
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/treeNode.chkDisabled.html b/js/zTree_v3/api/en/treeNode.chkDisabled.html new file mode 100755 index 0000000..7a5fcf3 --- /dev/null +++ b/js/zTree_v3/api/en/treeNode.chkDisabled.html @@ -0,0 +1,28 @@ +
              +
              +

              BooleantreeNode.chkDisabled

              +

              Overview[ depends on jquery.ztree.excheck js ]

              +
              +

              +
              +

              1. Set node's checkbox / radio to disabled. It is valid when [setting.check.enable = true]

              +

              2. zTree support identification string 'true' & 'false'.

              +

              3. Please don't change this attribute of the nodes which have been created. If you want to disable or undisable the nodes, please use 'setChkDisabled()' methods.

              +

              4. When zTree initialize the nodes, if you need to the child nodes automatically inherit the 'chkDisabled' attribute, please see 'setting.check.chkDisabledInherit'.

              +

              Default: false

              +
              +
              +

              Boolean Format

              +
              +

              true means: this node's checkbox / radio is disabled.

              +

              false means: this node's checkbox / radio is able.

              +
              +

              Examples of treeNode

              +

              1. disable some node's checkbox / radio

              + 
              var nodes = [
+	{ "id":1, "name":"test1", "checked":true, "chkDisabled":true},
+	{ "id":2, "name":"test2", "chkDisabled":true},
+	{ "id":3, "name":"test3"}
+]
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/treeNode.click.html b/js/zTree_v3/api/en/treeNode.click.html new file mode 100755 index 0000000..1f9db62 --- /dev/null +++ b/js/zTree_v3/api/en/treeNode.click.html @@ -0,0 +1,24 @@ +
              +
              +

              StringtreeNode.click

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Simple click event operations. As same as : (onclick ="...") the code. If the operation is more complex, please use the onClick callback.

              +

              Because IE is different to other browsers in operating the event of ‘onclick’ and ‘click’ coexistence, please do not use this parameter to control whether to allow the redirection operation (for example: treeNode.click = "return false;"). If there is similar requirements, please do not use the 'url' attribute to save the website address, but use the 'onClick' callback to control jumps.

              +

              Default: undefined

              +
              +
              +

              String Format

              +
              +

              Standard javascript syntax, for example: alert ("test"); etc.

              +
              +

              Examples of treeNode

              +

              1. When click this node, will alert msg.

              + 
              var nodes = [
+	{ "id":1, "name":"Google CN", "url":"http://g.cn", "click":"alert('test');"},
+	......
+]
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/treeNode.diy.html b/js/zTree_v3/api/en/treeNode.diy.html new file mode 100755 index 0000000..68c39ba --- /dev/null +++ b/js/zTree_v3/api/en/treeNode.diy.html @@ -0,0 +1,15 @@ +
              +
              +

              ?treeNode.* DIY *

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Used to save other custom data of node, do not use the same attribute name with ztree used, the user can freely set.

              +
              +
              +

              Examples of treeNode

              +

              1. Use 'ename' attribute to save more info

              + 
              var node = { "id":1, "name":"test1", "ename":"test eName"};
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/treeNode.editNameFlag.html b/js/zTree_v3/api/en/treeNode.editNameFlag.html new file mode 100755 index 0000000..f60ef2a --- /dev/null +++ b/js/zTree_v3/api/en/treeNode.editNameFlag.html @@ -0,0 +1,19 @@ +
              +
              +

              BooleantreeNode.editNameFlag

              +

              Overview[ depends on jquery.ztree.exedit js ]

              +
              +

              +
              +

              Used to save the node editing name status. It is valid when [setting.edit.enable = true]

              +

              Do not initialize or modify it, it is an internal argument.

              +

              Default: false

              +
              +
              +

              Boolean Format

              +
              +

              true means: node is being edited.

              +

              false means: node is not being edited.

              +
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/treeNode.getCheckStatus.html b/js/zTree_v3/api/en/treeNode.getCheckStatus.html new file mode 100755 index 0000000..3c9a2e6 --- /dev/null +++ b/js/zTree_v3/api/en/treeNode.getCheckStatus.html @@ -0,0 +1,63 @@ +
              +
              +

              Function()treeNode.getCheckStatus

              +

              Overview[ depends on jquery.ztree.excheck js ]

              +
              +

              +
              +

              Get the node's half-checked status of checkbox or radio. It is valid when [setting.check.enable = true]

              +

              Do not initialize or modify it, it is created by the zTree.

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              ReturnJSON

              + 
              {
+	checked: true, //As same as 'treeNode.checked'
+	half: true  //Rule the table below
+}
              + + + + + + + + + + + + + + + + + + +
              setting.check.checkType = "checkbox"
              treeNode.checkedtreeNode.check_Child_StatetreeNode.halfCheck half
              --truetrue
               
              true-1falsefalse
              true0falsetrue
              true1falsetrue
              true2falsefalse
               
              false-1falsefalse
              false0falsefalse
              false1falsetrue
              false2falsetrue
              +
              + + + + + + + + + + + + + + + + +
              setting.check.checkType = "radio"
              treeNode.checkedtreeNode.check_Child_StatetreeNode.halfCheck half
              --truetrue
               
              true-1falsefalse
              true0falsefalse
              true2falsetrue
               
              false-1falsefalse
              false0falsefalse
              false2falsetrue
              +
              +

              Examples of treeNode

              +

              1. Get the first root node's half-checked status

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var halfCheck = treeObj.getNodes()[0].getCheckStatus();
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/treeNode.getIndex.html b/js/zTree_v3/api/en/treeNode.getIndex.html new file mode 100755 index 0000000..2c31cfe --- /dev/null +++ b/js/zTree_v3/api/en/treeNode.getIndex.html @@ -0,0 +1,26 @@ +
              +
              +

              Function()treeNode.getIndex

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Get the treeNode's index in its parent node's children.

              +

              Do not initialize or modify it, it is created by the zTree.

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              ReturnNumber

              +

              the treeNode's index in its parent node's children. ( start at 0 )

              +
              +

              Examples of treeNode

              +

              1. Get the first selected node's index.

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getSelectedNodes();
+if (sNodes.length > 0) {
+	var node = sNodes[0].getIndex();
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/treeNode.getNextNode.html b/js/zTree_v3/api/en/treeNode.getNextNode.html new file mode 100755 index 0000000..755aa6e --- /dev/null +++ b/js/zTree_v3/api/en/treeNode.getNextNode.html @@ -0,0 +1,27 @@ +
              +
              +

              Function()treeNode.getNextNode

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Get the treeNode's next sibling node.

              +

              Do not initialize or modify it, it is created by the zTree.

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              ReturnJSON

              +

              JSON data object of the treeNode's next sibling node

              +

              If have not the next node, return null.

              +
              +

              Examples of treeNode

              +

              1. Get the first selected node's next sibling node.

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getSelectedNodes();
+if (sNodes.length > 0) {
+	var node = sNodes[0].getNextNode();
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/treeNode.getParentNode.html b/js/zTree_v3/api/en/treeNode.getParentNode.html new file mode 100755 index 0000000..16bab30 --- /dev/null +++ b/js/zTree_v3/api/en/treeNode.getParentNode.html @@ -0,0 +1,27 @@ +
              +
              +

              Function()treeNode.getParentNode

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Get the treeNode's parent node.

              +

              Do not initialize or modify it, it is created by the zTree.

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              ReturnJSON

              +

              JSON data object of treeNode's parent node.

              +

              If treeNode is root, return null.

              +
              +

              Examples of treeNode

              +

              1. Get the first selected node's parent node.

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getSelectedNodes();
+if (sNodes.length > 0) {
+	var node = sNodes[0].getParentNode();
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/treeNode.getPath.html b/js/zTree_v3/api/en/treeNode.getPath.html new file mode 100755 index 0000000..5f81676 --- /dev/null +++ b/js/zTree_v3/api/en/treeNode.getPath.html @@ -0,0 +1,26 @@ +
              +
              +

              Function()treeNode.getPath

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Get the treeNode's all parent nodes. (Include itself)

              +

              Do not initialize or modify it, it is created by the zTree.

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              ReturnArray (JSON)

              +

              Array of treeNode's all parent nodes. (Include itself)

              +
              +

              Examples of treeNode

              +

              1. Get the first selected node's all parent nodes.

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getSelectedNodes();
+if (sNodes.length > 0) {
+	var node = sNodes[0].getPath();
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/treeNode.getPreNode.html b/js/zTree_v3/api/en/treeNode.getPreNode.html new file mode 100755 index 0000000..f6745b1 --- /dev/null +++ b/js/zTree_v3/api/en/treeNode.getPreNode.html @@ -0,0 +1,27 @@ +
              +
              +

              Function()treeNode.getPreNode

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Get the treeNode's previous sibling node.

              +

              Do not initialize or modify it, it is created by the zTree.

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              ReturnJSON

              +

              JSON data object of the treeNode's previous sibling node

              +

              If have not the previous node, return null.

              +
              +

              Examples of treeNode

              +

              1. Get the first selected node's previous sibling node.

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getSelectedNodes();
+if (sNodes.length > 0) {
+	var node = sNodes[0].getPreNode();
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/treeNode.halfCheck.html b/js/zTree_v3/api/en/treeNode.halfCheck.html new file mode 100755 index 0000000..8375326 --- /dev/null +++ b/js/zTree_v3/api/en/treeNode.halfCheck.html @@ -0,0 +1,29 @@ +
              +
              +

              BooleantreeNode.halfCheck

              +

              Overview[ depends on jquery.ztree.excheck js ]

              +
              +

              +
              +

              Force node checkBox / radio to the half-checked status. It is valid when [setting.check.enable = true & treeNode.nocheck = false]

              +

              1. If you force to the half-checked status, zTree will not automatically calculated the half-checked status about this node.

              +

              2. Until you set treeNode.halfCheck to false or null, zTree will automatically calculated the half-checked status about this node.

              +

              3. zTree support identification string 'true' & 'false'.

              +

              Defaul: false

              +
              +
              +

              Boolean Format

              +
              +

              true means: the checkbox or radio is half-checked when zTree is initialized.

              +

              false means: the half-checked status will be automatically calculated

              +
              +

              Examples of treeNode

              +

              1. set the half-checked status when zTree is initialized

              + 
              var nodes = [
+{ "id":1, "name":"test1", isParent:true, checked:true, halfCheck:true },
+{ "id":2, "name":"test2", isParent:true, checked:false, halfCheck:true },
+{ "id":3, "name":"test3", isParent:true, checked:true },
+{ "id":4, "name":"test4", isParent:true, checked:false }
+]
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/treeNode.icon.html b/js/zTree_v3/api/en/treeNode.icon.html new file mode 100755 index 0000000..4e1c99f --- /dev/null +++ b/js/zTree_v3/api/en/treeNode.icon.html @@ -0,0 +1,33 @@ +
              +
              +

              StringtreeNode.icon

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              URL path of node's custom icon.

              +

              1. If you only set the 'icon' attribute to parent node, the parent node will only show one icon when it is expanded or collapsed.

              +

              2. If you need to show two icons when it is expanded or collapsed, please set the 'treeNode.iconOpen' and 'treeNode.iconClose' attribute.

              +

              3. If you need to use css to set the custom icon, please set the 'treeNode.iconSkin' attribute.

              +

              Default: undefined

              +
              +
              +

              String Format

              +
              +

              Icon image url can be a relative path or absolute path.

              +

              If use a relative path, please note the relationship between icon image and the page, ensure the correct image path.

              +
              +

              Examples of treeNode

              +

              1. Set the custom icon

              + 
              var nodes = [
+	//Only show one icon when it is expanded or collapsed.
+	{ name:"Parent Node 1", icon:"/img/parent.gif"},
+
+	//Show two icons when it is expanded or collapsed.
+	{ name:"Parent Node 2", iconOpen:"/img/open.gif", iconClose:"/img/close.gif"},
+
+	//the custom icon for leaf node
+	{ name:"Leaf Node", icon:"/img/leaf.gif"}
+]
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/treeNode.iconClose.html b/js/zTree_v3/api/en/treeNode.iconClose.html new file mode 100755 index 0000000..2259e8f --- /dev/null +++ b/js/zTree_v3/api/en/treeNode.iconClose.html @@ -0,0 +1,33 @@ +
              +
              +

              StringtreeNode.iconClose

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              URL path of parent node's custom icon when it is collapsed.

              +

              1. Only parent node support this attribute.

              +

              2. This attribute must be used simultaneously with 'iconOpen' attribute.

              +

              3. If you need to use css to set the custom icon, please set the 'treeNode.iconSkin' attribute.

              +

              Default: undefined

              +
              +
              +

              String Format

              +
              +

              Icon image url can be a relative path or absolute path.

              +

              If use a relative path, please note the relationship between icon image and the page, ensure the correct image path.

              +
              +

              Examples of treeNode

              +

              1. Set the custom icon

              + 
              var nodes = [
+	//Only show one icon when it is expanded or collapsed.
+	{ name:"Parent Node 1", icon:"/img/parent.gif"},
+
+	//Show two icons when it is expanded or collapsed.
+	{ name:"Parent Node 2", iconOpen:"/img/open.gif", iconClose:"/img/close.gif"},
+
+	//the custom icon for leaf node
+	{ name:"Leaf Node", icon:"/img/leaf.gif"}
+]
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/treeNode.iconOpen.html b/js/zTree_v3/api/en/treeNode.iconOpen.html new file mode 100755 index 0000000..3203615 --- /dev/null +++ b/js/zTree_v3/api/en/treeNode.iconOpen.html @@ -0,0 +1,33 @@ +
              +
              +

              StringtreeNode.iconOpen

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              URL path of parent node's custom icon when it is expanded.

              +

              1. Only parent node support this attribute.

              +

              2. This attribute must be used simultaneously with 'iconClose' attribute.

              +

              3. If you need to use css to set the custom icon, please set the 'treeNode.iconSkin' attribute.

              +

              Default: undefined

              +
              +
              +

              String Format

              +
              +

              Icon image url can be a relative path or absolute path.

              +

              If use a relative path, please note the relationship between icon image and the page, ensure the correct image path.

              +
              +

              Examples of treeNode

              +

              1. Set the custom icon

              + 
              var nodes = [
+	//Only show one icon when it is expanded or collapsed.
+	{ name:"Parent Node 1", icon:"/img/parent.gif"},
+
+	//Show two icons when it is expanded or collapsed.
+	{ name:"Parent Node 2", iconOpen:"/img/open.gif", iconClose:"/img/close.gif"},
+
+	//the custom icon for leaf node
+	{ name:"Leaf Node", icon:"/img/leaf.gif"}
+]
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/treeNode.iconSkin.html b/js/zTree_v3/api/en/treeNode.iconSkin.html new file mode 100755 index 0000000..fca7fbf --- /dev/null +++ b/js/zTree_v3/api/en/treeNode.iconSkin.html @@ -0,0 +1,43 @@ +
              +
              +

              StringtreeNode.iconSkin

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              The className of node's custom icon.

              +

              1. You need to modify the css, add the definition of className.

              +

              2. The css is simple, convenient, and support the parent node to switch icons when it is expanded or collapsed.

              +

              3. Recommend the use of CSS Sprites, can reduce repeating load the image, to avoid image flicker.

              +

              4. The 'iconSkin' support IE6 in zTree v3.x.

              +

              5. If you need to use image's URL to set the custom icon, please set the 'treeNode.icon' or 'treeNode.iconOpen' or 'treeNode.iconClose' attribute.

              +

              Default: undefined

              +
              +
              +

              String Format

              +
              +

              The string about custom icon's className.

              +
              +

              Examples of css & treeNode

              +

              1. Set the custom icon

              + 
              css example：
+.ztree li span.button.diy01_ico_open, .ztree li span.button.diy01_ico_close{...}
+
+.ztree li span.button.diy02_ico_open{...}
+.ztree li span.button.diy02_ico_close{...}
+
+.ztree li span.button.diy03_ico_docu{...}
+
+node's data example：
+var nodes = [
+	//Only show one icon when it is expanded or collapsed.
+	{ name:"Parent Node 1", iconSkin:"diy01"},
+
+	//Show two icons when it is expanded or collapsed.
+	{ name:"Parent Node 2", iconSkin:"diy02"},
+
+	//the custom icon for leaf node
+	{ name:"Leaf Node", iconSkin:"diy03"}
+]
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/treeNode.isAjaxing.html b/js/zTree_v3/api/en/treeNode.isAjaxing.html new file mode 100755 index 0000000..ddadf41 --- /dev/null +++ b/js/zTree_v3/api/en/treeNode.isAjaxing.html @@ -0,0 +1,26 @@ +
              +
              +

              BooleantreeNode.isAjaxing

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Judge whether the node's child nodes being loaded asynchronously.

              +

              Do not initialize or modify it, it is created by the zTree.

              +
              +
              +

              Boolean Format

              +
              +

              true means: the node's child nodes is being loaded asynchronously

              +

              false means: the node's child nodes is not being loaded asynchronously

              +
              +

              Examples of treeNode

              +

              1. Judge whether the first selected node's child nodes being loaded asynchronously

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getSelectedNodes();
+if (sNodes.length > 0) {
+	var isAjaxing = sNodes[0].isAjaxing;
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/treeNode.isFirstNode.html b/js/zTree_v3/api/en/treeNode.isFirstNode.html new file mode 100755 index 0000000..a8ee61c --- /dev/null +++ b/js/zTree_v3/api/en/treeNode.isFirstNode.html @@ -0,0 +1,28 @@ +
              +
              +

              BooleantreeNode.isFirstNode

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Judge whether the node is the sibling nodes's first node.

              +

              If you use the 'exhide' pack, so this attribute will only support the node which be shown.

              +

              Do not initialize or modify it, it is created by the zTree.

              +
              +
              +

              Boolean Format

              +
              +

              true means: the node is first node.

              +

              false means: the node is not first node.

              +

              If the node has been hidden, isFirstNode = false

              +
              +

              Examples of treeNode

              +

              1. Judge whether the first selected node is the sibling nodes's first node.

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getSelectedNodes();
+if (sNodes.length > 0) {
+	var isFirstNode = sNodes[0].isFirstNode;
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/treeNode.isHidden.html b/js/zTree_v3/api/en/treeNode.isHidden.html new file mode 100755 index 0000000..3a07b94 --- /dev/null +++ b/js/zTree_v3/api/en/treeNode.isHidden.html @@ -0,0 +1,28 @@ +
              +
              +

              BooleantreeNode.isHidden

              +

              Overview[ depends on jquery.ztree.exhide js ]

              +
              +

              +
              +

              Judge whether the node has been hidden.

              +

              1. When initialize zTree, the nodes which be set 'isHidden = true' will be hidden.

              +

              +

              2. Please don't change this attribute of the nodes which have been created. If you want to hide or show nodes, please use 'hideNode() / hideNodes() / showNode() / showNodes()' methods.

              +
              +
              +

              Boolean Format

              +
              +

              true means: this node is hidden.

              +

              false means: this node is shown.

              +
              +

              Examples of treeNode

              +

              1. Judge whether the first root node has been hidden.

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getNodes();
+if (sNodes.length > 0) {
+	var isHidden = sNodes[0].isHidden;
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/treeNode.isHover.html b/js/zTree_v3/api/en/treeNode.isHover.html new file mode 100755 index 0000000..e18ed0c --- /dev/null +++ b/js/zTree_v3/api/en/treeNode.isHover.html @@ -0,0 +1,19 @@ +
              +
              +

              BooleantreeNode.isHover

              +

              Overview[ depends on jquery.ztree.exedit js ]

              +
              +

              +
              +

              Used to record the hover status of node's DOM. For 'setting.view.addHoverDom / removeHoverDom'.

              +

              Do not initialize or modify it, it is an internal argument.

              +

              Default: false

              +
              +
              +

              Boolean Format

              +
              +

              true means: the node's DOM is in hover.

              +

              false means: the node's DOM is not in hover.

              +
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/treeNode.isLastNode.html b/js/zTree_v3/api/en/treeNode.isLastNode.html new file mode 100755 index 0000000..cd2ca26 --- /dev/null +++ b/js/zTree_v3/api/en/treeNode.isLastNode.html @@ -0,0 +1,28 @@ +
              +
              +

              BooleantreeNode.isLastNode

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Judge whether the node is the sibling nodes's last node.

              +

              If you use the 'exhide' pack, so this attribute will only support the node which be shown.

              +

              Do not initialize or modify it, it is created by the zTree.

              +
              +
              +

              Boolean Format

              +
              +

              true means: the node is last node.

              +

              false means: the node is not last node.

              +

              If the node has been hidden, isLastNode = false

              +
              +

              Examples of treeNode

              +

              1. Judge whether the first selected node is the sibling nodes's last node.

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getSelectedNodes();
+if (sNodes.length > 0) {
+	var isLastNode = sNodes[0].isLastNode;
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/treeNode.isParent.html b/js/zTree_v3/api/en/treeNode.isParent.html new file mode 100755 index 0000000..dad4b81 --- /dev/null +++ b/js/zTree_v3/api/en/treeNode.isParent.html @@ -0,0 +1,28 @@ +
              +
              +

              BooleantreeNode.isParent

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Judge whether the node is the parent node.

              +

              1. When zTree initialize the node data, the node which has children is set to true, otherwise false.

              +

              2. When zTree initialize the node data, if set treeNode.isParent to true, the node will be set to be parent node.

              +

              3. In order to solve the problem of someone make json data, supporting "false", "true" format of the data string.

              +
              +
              +

              Boolean Format

              +
              +

              true means: the node is parent node.

              +

              false means: the node is not parent node.

              +
              +

              Examples of treeNode

              +

              1. Judge whether the first selected node is the parent node.

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getSelectedNodes();
+if (sNodes.length > 0) {
+	var isParent = sNodes[0].isParent;
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/treeNode.level.html b/js/zTree_v3/api/en/treeNode.level.html new file mode 100755 index 0000000..d151162 --- /dev/null +++ b/js/zTree_v3/api/en/treeNode.level.html @@ -0,0 +1,25 @@ +
              +
              +

              NumbertreeNode.level

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              The level of node

              +

              Do not initialize or modify it, it is created by the zTree.

              +
              +
              +

              Number Format

              +
              +

              The root node's level = 0, and next level = 1, ...

              +
              +

              Examples of treeNode

              +

              1. Get the first selected node's level

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getSelectedNodes();
+if (sNodes.length > 0) {
+	var level = sNodes[0].level;
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/treeNode.name.html b/js/zTree_v3/api/en/treeNode.name.html new file mode 100755 index 0000000..fa508cc --- /dev/null +++ b/js/zTree_v3/api/en/treeNode.name.html @@ -0,0 +1,25 @@ +
              +
              +

              StringtreeNode.name

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              The node's name

              +

              1. If you want to change 'name' attribute, please modify the 'setting.data.key.name' attribute.

              +

              Default: undenfined

              +
              +
              +

              String Format

              +
              +

              String object. The HTML special characters are escaped

              +
              +

              Examples of treeNode

              +

              1. Set node's name to 'test1', 'test2', 'test3'

              + 
              var nodes = [
+	{ "id":1, "name":"test1"},
+	{ "id":2, "name":"test2"},
+	{ "id":3, "name":"test3"}
+]
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/treeNode.nocheck.html b/js/zTree_v3/api/en/treeNode.nocheck.html new file mode 100755 index 0000000..6c4880c --- /dev/null +++ b/js/zTree_v3/api/en/treeNode.nocheck.html @@ -0,0 +1,26 @@ +
              +
              +

              BooleantreeNode.nocheck

              +

              Overview[ depends on jquery.ztree.excheck js ]

              +
              +

              +
              +

              1. Set node to hide the checkbox or radio. It is valid when [setting.check.enable = true]

              +

              2. zTree support identification string 'true' & 'false'.

              +

              Default: false

              +
              +
              +

              Boolean Format

              +
              +

              true means: the node hide the checkbox or radio, and don't affect the checked association, and don't affect its parent node's half-checked status.

              +

              false means: the node show the checkbox or radio.

              +
              +

              Examples of treeNode

              +

              1. Hide some node's checkbox / radio

              + 
              var nodes = [
+	{ "id":1, "name":"test1", "nocheck":true},
+	{ "id":2, "name":"test2"},
+	{ "id":3, "name":"test3"}
+]
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/treeNode.open.html b/js/zTree_v3/api/en/treeNode.open.html new file mode 100755 index 0000000..bc910de --- /dev/null +++ b/js/zTree_v3/api/en/treeNode.open.html @@ -0,0 +1,30 @@ +
              +
              +

              BooleantreeNode.open

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Used to record the parent node's expand status.

              +

              1. When zTree initialize the node data, if you set treeNode.open = true, zTree will default expand this parent node.

              +

              2. Leaf node's 'open' attribute is false.

              +

              3. In order to solve the problem of someone make json data, supporting "false", "true" format of the data string.

              +

              4. When setting.async.enable = false, the parent node will be expanded which have no child nodes and its attribute 'open' is true. (v3.5.15+)

              +

              Default: false

              +
              +
              +

              Boolean Format

              +
              +

              true means: the parent node is expanded.

              +

              false means: the parent node is collapsed.

              +
              +

              Examples of treeNode

              +

              1. Get the first selected node's expand status.

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getSelectedNodes();
+if (sNodes.length > 0) {
+	var isOpen = sNodes[0].open;
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/treeNode.parentTId.html b/js/zTree_v3/api/en/treeNode.parentTId.html new file mode 100755 index 0000000..0bc2a6d --- /dev/null +++ b/js/zTree_v3/api/en/treeNode.parentTId.html @@ -0,0 +1,27 @@ +
              +
              +

              StringtreeNode.parentTId

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              The unique identifier of node's parent node.

              +

              1. zTree v3.x using 'parentTId' replaced the original 'parentNode' attribute, and increased getParentNode () method, in order to avoid the original 'parentNode' cause the clone () method infinite loop.

              +

              2. Do not initialize or modify it, it is created by the zTree.

              +
              +
              +

              String Format

              +
              +

              String object of node's parent node's tId. please see API about 'treeNode.tId'

              +

              If treeNode is root node, parentTId is null.

              +
              +

              Examples of treeNode

              +

              1. Get the first selected node's parent node's tId

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getSelectedNodes();
+if (sNodes.length > 0) {
+	var parentTId = sNodes[0].parentTId;
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/treeNode.tId.html b/js/zTree_v3/api/en/treeNode.tId.html new file mode 100755 index 0000000..18c2855 --- /dev/null +++ b/js/zTree_v3/api/en/treeNode.tId.html @@ -0,0 +1,25 @@ +
              +
              +

              StringtreeNode.tId

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              The unique identifier of node.

              +

              Do not initialize or modify it, it is created by the zTree.

              +
              +
              +

              String Format

              +
              +

              tId rules: setting.treeId + "_" + zTree counter

              +
              +

              Examples of treeNode

              +

              1. Get the first selected node's tId

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getSelectedNodes();
+if (sNodes.length > 0) {
+	var tId = sNodes[0].tId;
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/treeNode.target.html b/js/zTree_v3/api/en/treeNode.target.html new file mode 100755 index 0000000..176a7a3 --- /dev/null +++ b/js/zTree_v3/api/en/treeNode.target.html @@ -0,0 +1,24 @@ +
              +
              +

              StringtreeNode.target

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Used to set the target where the node is clicked to open url. It is valid when [treeNode.url exists]

              +

              Default: undefined

              +
              +
              +

              String Format

              +
              +

              As same as <a> tag's 'target' attribute. e.g. '_blank', '_self' or other window name.

              +

              if this attribute is omitted, zTree default set it to '_blank'

              +
              +

              Exmaples of treeNode

              +

              1. Set target is '_blank'

              + 
              var nodes = [
+	{ "id":1, "name":"test1", "url":"http://myTest.com", "target":"_blank"},
+	......
+]
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/treeNode.url.html b/js/zTree_v3/api/en/treeNode.url.html new file mode 100755 index 0000000..5552445 --- /dev/null +++ b/js/zTree_v3/api/en/treeNode.url.html @@ -0,0 +1,25 @@ +
              +
              +

              StringtreeNode.url

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              The URL of node link

              +

              1. In edit mode (setting.edit.enable = true) , this feature fails. If you must use a similar feature, please use the 'onClick' callback for their own control.

              +

              2. If you use the 'onClick' callback function to control opening URL , then set the URL in the other custom attribute, do not use the 'url' attribute.

              +

              Default: undefined

              +
              +
              +

              String Format

              +
              +

              As same as <a> tag's 'href' attribute.

              +
              +

              Examples of treeNode

              +

              1. Set the URL is 'g.cn'

              + 
              var nodes = [
+	{ "id":1, "name":"Google CN", "url":"http://g.cn"},
+	......
+]
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/treeNode.zAsync.html b/js/zTree_v3/api/en/treeNode.zAsync.html new file mode 100755 index 0000000..b3ff414 --- /dev/null +++ b/js/zTree_v3/api/en/treeNode.zAsync.html @@ -0,0 +1,28 @@ +
              +
              +

              BooleantreeNode.zAsync

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Judge whether the parent node's child nodes will be loaded asynchronously when the parent node is expanded.

              +

              Do not initialize or modify it, it is created by the zTree.

              +

              Default：false (the parent node which have no child nodes); true (the parent node which have child nodes or the leaf node)

              +
              +
              +

              Boolean Format

              +
              +

              true means: the node's child nodes will not be loaded asynchronously when the parent node is expanded.

              +

              false means: the node's child nodes will be loaded asynchronously when the parent node is expanded.

              +

              This attribute will not effect to 'reAsyncChildNodes()' method

              +
              +

              Examples of treeNode

              +

              1. Judge whether the first selected node's child nodes has been loaded asynchronously

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var sNodes = treeObj.getSelectedNodes();
+if (sNodes.length > 0) {
+	var zAsync = sNodes[0].zAsync;
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/zTreeObj.addNodes.html b/js/zTree_v3/api/en/zTreeObj.addNodes.html new file mode 100755 index 0000000..c40caaf --- /dev/null +++ b/js/zTree_v3/api/en/zTreeObj.addNodes.html @@ -0,0 +1,47 @@ +
              +
              +

              Function(parentNode, [index], newNodes, isSilent)zTreeObj.addNodes

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Add nodes

              +

              In order to avoid duplication data resulting from repeated initialization, zTree v3.x will automatically clone node data when zTree initialized or add nodes. If you need to get the data objects within the zTree, please get the return value of this method.

              +

              Please use zTree object to executing the method.

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              parentNodeJSON

              +

              The additional node's parent node. If additional node is root node, please the parentNode is null.

              +

              Please ensure this node data object is a data object within zTree.

              +

              [index]Number

              +

              The index of the parentNode's children where the newnodes will be added (the value start from 0)

              +

              When index = -1, the newnodes will be added to the last

              +

              This parameter can be ignore.

              +

              v3.5.19+

              +

              newNodesJSON / Array(JSON)

              +

              The node data's JSON object collection which need to increase, refer to 'treeNode treeNode data details'

              +

              1. zTree v3.x support to add single node, that is, if you only add a node, you can don't use the array.

              +

              2. If you use simple data model, please refer to the attributes within the 'setting.data.simpleData'.

              +

              isSilentBoolean

              +

              Set whether to automatically expand the parent node, after add nodes.

              +

              isSilent = true means: don't auto expand the parent node. Otherwise auto expand.

              +

              Return Array(JSON)

              +

              return the new nodes in zTree

              +

              If the newNodes is single data object, the return value is a array with length is 1.

              +

              Note: the node data JSON object in the return value is not equal to the JSON object in the 'newNodes'.

              +
              +

              Examples of function

              +

              1. Add one root node to zTree which id is 'tree'

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var newNode = {name:"newNode1"};
+newNode = treeObj.addNodes(null, newNode);
+
              +

              2. Add three root nodes to zTree which id is 'tree'

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var newNodes = [{name:"newNode1"}, {name:"newNode2"}, {name:"newNode3"}];
+newNodes = treeObj.addNodes(null, newNodes);
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/zTreeObj.cancelEditName.html b/js/zTree_v3/api/en/zTreeObj.cancelEditName.html new file mode 100755 index 0000000..8afdae0 --- /dev/null +++ b/js/zTree_v3/api/en/zTreeObj.cancelEditName.html @@ -0,0 +1,30 @@ +
              +
              +

              Function(newName)zTreeObj.cancelEditName

              +

              Overview[ depends on jquery.ztree.exedit js ]

              +
              +

              +
              +

              Cancel the edit name status. Can restore the original name, and can also force assigned to a new name.

              +

              Please use zTree object to executing the method.

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              newNameString

              +

              Re given a new name

              +

              If this parameter is omitted, then restore the original name.

              +

              Return none

              +

              no return value

              +
              +

              Examples of function

              +

              1. Cancel edit name, and restore the original name.

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+treeObj.cancelEditName();
+
              +

              2. Cancel edit name , and set the new name.

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+treeObj.cancelEditName("test_new_name");
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/zTreeObj.cancelSelectedNode.html b/js/zTree_v3/api/en/zTreeObj.cancelSelectedNode.html new file mode 100755 index 0000000..84c6c80 --- /dev/null +++ b/js/zTree_v3/api/en/zTreeObj.cancelSelectedNode.html @@ -0,0 +1,35 @@ +
              +
              +

              Function(treeNode)zTreeObj.cancelSelectedNode

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              To cancel the selected node.

              +

              zTree v3.x support to select multiple nodes, so you can cancel a single selected node, and you can cancel all of the selected nodes too.

              +

              Please use zTree object to executing the method.

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              treeNodeJSON

              +

              JSON data object of the node which need to cancel selected.

              +

              Please ensure that this data object is an internal node data object in zTree.

              +

              If you omit this parameter, zTree will cancel all of the selected nodes.

              +

              Return none

              +

              no return value

              +
              +

              Examples of function

              +

              1. Cancel all of the selected nodes

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+treeObj.cancelSelectedNode();
+
              +

              2. Cancel the first node of the selected nodes

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getSelectedNodes();
+if (nodes.length>0) { 
+	treeObj.cancelSelectedNode(nodes[0]);
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/zTreeObj.checkAllNodes.html b/js/zTree_v3/api/en/zTreeObj.checkAllNodes.html new file mode 100755 index 0000000..de00e11 --- /dev/null +++ b/js/zTree_v3/api/en/zTreeObj.checkAllNodes.html @@ -0,0 +1,29 @@ +
              +
              +

              Function(checked)zTreeObj.checkAllNodes

              +

              Overview[ depends on jquery.ztree.excheck js ]

              +
              +

              +
              +

              Check or unCheck all nodes which have been initialized. It is valid when [setting.check.enable = true & setting.check.chkStyle = "checkbox"]

              +

              This method does not trigger 'beforeCheck' or 'onCheck' callback function.

              +

              Please use zTree object to executing the method.

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              checkedBoolean

              +

              checked = true means: check all nodes.

              +

              checked = false means: uncheck all nodes.

              +

              Don't affect the node which 'nocheck' attribute is true.

              +

              Don't affect the node is not loaded.

              +

              Return none

              +

              no return value

              +
              +

              Examples of function

              +

              1. check all nodes

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+treeObj.checkAllNodes(true);
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/zTreeObj.checkNode.html b/js/zTree_v3/api/en/zTreeObj.checkNode.html new file mode 100755 index 0000000..741eb3b --- /dev/null +++ b/js/zTree_v3/api/en/zTreeObj.checkNode.html @@ -0,0 +1,44 @@ +
              +
              +

              Function(treeNode, checked, checkTypeFlag, callbackFlag)zTreeObj.checkNode

              +

              Overview[ depends on jquery.ztree.excheck js ]

              +
              +

              +
              +

              Check or unCheck a single node. It is valid when [setting.check.enable = true]

              +

              Use checkNode() method of zTree v3.x can trigger 'beforeCheck' or 'onCheck' callback function. for reduce redundant code.

              +

              Please use zTree object to executing the method.

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              treeNodeJSON

              +

              JSON data object of the node which need to be checked or unchecked.

              +

              Please ensure that this data object is an internal node data object in zTree.

              +

              checkedBoolean

              +

              checked = true means: check node.

              +

              checked = false means: uncheck node.

              +

              If this parameter is omitted, then toggle check or uncheck depend this node's expanded state.

              +

              Don't affect the node which 'nocheck' attribute is true.

              +

              checkTypeFlagBoolean

              +

              checkTypeFlag = true means: According to 'setting.check.chkboxType' attribute automatically check or uncheck the parent and child nodes.

              +

              checkTypeFlag = false means: only check or uncheck this node, don't affect its parent and child nodes.

              +

              When checkTypeFlag = false and treeNode.checked = checked, will not trigger callback function.

              +

              Don't affect the parent and child nodes which 'nocheck' attribute is true.

              +

              callbackFlagBoolean

              +

              callbackFlag = true means: call this method, will trigger 'beforeCheck' & 'onCheck' callback.

              +

              callbackFlag = false means: call this method, will not trigger callback.

              +

              If this parameter is omitted, it is same as 'callbackFlag = false'

              +

              Return none

              +

              no return value

              +
              +

              Examples of function

              +

              1. check the selected nodes

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getSelectedNodes();
+for (var i=0, l=nodes.length; i < l; i++) {
+	treeObj.checkNode(nodes[i], true, true);
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/zTreeObj.copyNode.html b/js/zTree_v3/api/en/zTreeObj.copyNode.html new file mode 100755 index 0000000..ff7b5b5 --- /dev/null +++ b/js/zTree_v3/api/en/zTreeObj.copyNode.html @@ -0,0 +1,47 @@ +
              +
              +

              Function(targetNode, treeNode, moveType, isSilent)zTreeObj.copyNode

              +

              Overview[ depends on jquery.ztree.exedit js ]

              +
              +

              +
              +

              Copy the node

              +

              When copy nodes, zTree v3.x will clone nodes. If you need to get the data object in zTree, please get the return value of this method.

              +

              Please use zTree object to executing the method.

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              targetNodeJSON

              +

              JSON data object of the node to be target.

              +

              If copy the node to root node, please set the 'targetNode' to null.

              +

              Please ensure that this data object is an internal node data object in zTree.

              +

              treeNodeJSON

              +

              JSON data object of the node to be copied.

              +

              Please ensure that this data object is an internal node data object in zTree.

              +

              moveTypeString

              +

              Copied to the target node's relative position.

              +

              "inner" means: to be taregetNode's child node.

              +

              "prev" means: to be taregetNode's previous sibling node.

              +

              "next" means: to be taregetNode's next sibling node.

              +

              isSilentBoolean

              +

              After copy the node, whether to automatically expand its parent node.

              +

              isSilent = true means: don't expand its parent node.

              +

              isSilent = false or omit this parameter means: expand its parent node.

              +

              Return JSON

              +

              return the new node in zTree

              +

              Note: the node data JSON object in the return value is not equal to the treeNode.

              +
              +

              Examples of function

              +

              1. Copy the second root node to the first root node's child node.

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodes();
+treeObj.copyNode(nodes[0], nodes[1], "inner");
+
              +

              2. Copy the second root node to the first root node's previous sibling node.

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodes();
+treeObj.copyNode(nodes[0], nodes[1], "before");
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/zTreeObj.destroy.html b/js/zTree_v3/api/en/zTreeObj.destroy.html new file mode 100755 index 0000000..80c5281 --- /dev/null +++ b/js/zTree_v3/api/en/zTreeObj.destroy.html @@ -0,0 +1,25 @@ +
              +
              +

              Function(treeId)zTreeObj.destroy

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              From zTree v3.4, zTree support the method for destruction.

              +

              1. This method can destroy the zTreeObj's zTree.

              +

              2. If you want to destory all of the zTrees, you can use the '$.fn.zTree.destroy()' method.

              +

              3. If you want to use the tree which has been destroyed, you must use the 'init()' method at first.

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              Return none

              +

              no return value

              +
              +

              Examples of function

              +

              1. destroy the zTree which its id is 'treeDemo'

              + 
              var zTreeObj = $.fn.zTree.getZTreeObj("treeDemo");
+zTreeObj.destroy();
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/zTreeObj.editName.html b/js/zTree_v3/api/en/zTreeObj.editName.html new file mode 100755 index 0000000..f8df264 --- /dev/null +++ b/js/zTree_v3/api/en/zTreeObj.editName.html @@ -0,0 +1,29 @@ +
              +
              +

              Function(treeNode)zTreeObj.editName

              +

              Overview[ depends on jquery.ztree.exedit js ]

              +
              +

              +
              +

              Start editing the node's name.

              +

              1. If need to cancel editing the node's name, please use cancelEditName(newName) method.

              +

              2. This method can be used to set the editing node‘s input box to get focus.

              +

              3. Please use zTree object to executing the method.

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              treeNodeJSON

              +

              JSON data object of the node to be editing name

              +

              Please ensure that this data object is an internal node data object in zTree.

              +

              Retrun none

              +

              no return value

              +
              +

              Examples of function

              +

              1. Start editing the first selected node's name.

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodes();
+treeObj.editName(nodes[0]);
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/zTreeObj.expandAll.html b/js/zTree_v3/api/en/zTreeObj.expandAll.html new file mode 100755 index 0000000..ef28a31 --- /dev/null +++ b/js/zTree_v3/api/en/zTreeObj.expandAll.html @@ -0,0 +1,30 @@ +
              +
              +

              Function(expandFlag)zTreeObj.expandAll

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Expand or collapse all nodes.

              +

              This method does not trigger 'beforeExpand / onExpand' or 'beforeCollapse / onCollapse' callback function.

              +

              Please use zTree object to executing the method.

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              expandFlagBoolean

              +

              expandFlag = true means: expand all nodes.

              +

              expandFlag = false means: collapse all nodes.

              +

              Return Boolean

              +

              return the result of expand or collapse.

              +

              true means: expand all nodes

              +

              false means: collapse all nodes

              +

              null means: have no parent node to expand or collapse.

              +
              +

              Examples of function

              +

              1. Expand all nodes

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+treeObj.expandAll(true);
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/zTreeObj.expandNode.html b/js/zTree_v3/api/en/zTreeObj.expandNode.html new file mode 100755 index 0000000..01e7442 --- /dev/null +++ b/js/zTree_v3/api/en/zTreeObj.expandNode.html @@ -0,0 +1,50 @@ +
              +
              +

              Function(treeNode, expandFlag, sonSign, focus, callbackFlag)zTreeObj.expandNode

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Expand or collapse single node.

              +

              Use expandNode() method of zTree v3.x can trigger 'beforeExpand / onExpand' or 'beforeCollapse / onCollapse' callback function. for reduce redundant code.

              +

              Please use zTree object to executing the method.

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              treeNodeJSON

              +

              JSON data object of the node to be expanded or collapsed

              +

              Please ensure that this data object is an internal node data object in zTree.

              +

              expandFlagBoolean

              +

              expandFlag = true means: expand the node.

              +

              expandFlag = false means: collapse the node.

              +

              If this parameter is omitted, then toggle expand or collapse depend this node's expanded state.

              +

              sonSignBoolean

              +

              sonSign = true means: expand or collapse all of the child nodes depend the 'expandFlag' parameter.

              +

              sonSign = false means: only expand or collapse this node.

              +

              When sonSign = false and treeNode.open = expandFlag, will not trigger the callback.

              +

              If this parameter is omitted, it is same as 'sonSign = false'.

              +

              focusBoolean

              +

              focus = true means: after expand or collapse, set the focus of this node for view.

              +

              focus = false means: after expand or coolapse, don't set the focus of this node.

              +

              If this parameter is omitted, it is same as 'focus = true'.

              +

              callbackFlagBoolean

              +

              callbackFlag = true means: call this method, will trigger 'beforeExpand / onExpand' or 'beforeCollapse / onCollapse' callback.

              +

              callbackFlag = false means: call this method, will not trigger callback.

              +

              If this parameter is omitted, it is same as 'callbackFlag = false'

              +

              Return Boolean

              +

              return the result of expand or collapse.

              +

              true means: expand node

              +

              false means: collapse node

              +

              null means: the node is not parent node.

              +
              +

              Examples of function

              +

              1. Expand the first selected node. (and expand this node's child nodes)

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getSelectedNodes();
+if (nodes.length>0) {
+	treeObj.expandNode(nodes[0], true, true, true);
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/zTreeObj.getChangeCheckedNodes.html b/js/zTree_v3/api/en/zTreeObj.getChangeCheckedNodes.html new file mode 100755 index 0000000..d0f9cf3 --- /dev/null +++ b/js/zTree_v3/api/en/zTreeObj.getChangeCheckedNodes.html @@ -0,0 +1,24 @@ +
              +
              +

              Function()zTreeObj.getChangeCheckedNodes

              +

              Overview[ depends on jquery.ztree.excheck js ]

              +
              +

              +
              +

              Get the collection of nodes which be changed checked status. (Compared with the original data checkedOld) It is valid when [setting.check.enable = true]

              +

              Please use zTree object to executing the method.

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              Return Array(JSON)

              +

              return the collection of nodes which be changed checked status (Array)

              +

              If you need to get the collection of nodes which changed the checked status, when nodes be checked or unchecked, so please set treeNode.checkedOld = treeNode.checked ( for all of the be changed checked status nodes ).

              +
              +

              Examples of function

              +

              1. Get the collection of nodes which be changed checked status

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getChangeCheckedNodes();
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/zTreeObj.getCheckedNodes.html b/js/zTree_v3/api/en/zTreeObj.getCheckedNodes.html new file mode 100755 index 0000000..9e59b21 --- /dev/null +++ b/js/zTree_v3/api/en/zTreeObj.getCheckedNodes.html @@ -0,0 +1,28 @@ +
              +
              +

              Function(checked)zTreeObj.getCheckedNodes

              +

              Overview[ depends on jquery.ztree.excheck js ]

              +
              +

              +
              +

              Get the collection of nodes which be checked or unchecked. It is valid when [setting.check.enable = true]

              +

              Please use zTree object to executing the method.

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              checkedBoolean

              +

              checked = true means: get the collection of nodes which be checked

              +

              checked = false means: get the collection of nodes which be unchecked

              +

              If this parameter is omitted, it is same as 'checked = true'

              +

              Don't get the nodes which 'nocheck' attribute is true.

              +

              Return Array(JSON)

              +

              return the collection of nodes which be checked or unchecked. (Array)

              +
              +

              Examples of function

              +

              1. Get the collection of nodes which be checked.

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getCheckedNodes(true);
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/zTreeObj.getNodeByParam.html b/js/zTree_v3/api/en/zTreeObj.getNodeByParam.html new file mode 100755 index 0000000..05572e7 --- /dev/null +++ b/js/zTree_v3/api/en/zTreeObj.getNodeByParam.html @@ -0,0 +1,32 @@ +
              +
              +

              Function(key, value, parentNode)zTreeObj.getNodeByParam

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              According to the node data attribute, search the node which exactly matches, and get the JSON object of node.

              +

              Please use zTree object to executing the method.

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              keyString

              +

              The name of attribute which need to exactly match

              +

              value?

              +

              The value which need to exactly match, can be any type, please ensure its type consistent with the attribute values.

              +

              parentNodeJSON

              +

              The search range, you can search node from a parent node's child nodes.

              +

              If this parameter is omitted, zTree will search node from all nodes.

              +

              Return JSON

              +

              JSON data object of the node which be searched.

              +

              1. If search none node, return null.

              +

              2. If there are many nodes can be searched, return the first node.

              +
              +

              Examples of function

              +

              1. Search the node which its 'id' attribute is 1.

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var node = treeObj.getNodeByParam("id", 1, null);
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/zTreeObj.getNodeByTId.html b/js/zTree_v3/api/en/zTreeObj.getNodeByTId.html new file mode 100755 index 0000000..8fd26ea --- /dev/null +++ b/js/zTree_v3/api/en/zTreeObj.getNodeByTId.html @@ -0,0 +1,27 @@ +
              +
              +

              Function(tId)zTreeObj.getNodeByTId

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              According the unique identifier tId of zTree, quick get the node's JSON data object.

              +

              Get the node from the cache, don't need to search from all nodes.

              +

              Please use zTree object to executing the method.

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              tIdString

              +

              The unique identifier of node.

              +

              Return JSON

              +

              JSON data object of the node which be searched.

              +

              If no result, return null.

              +
              +

              Examples of function

              +

              1. 1. Search the node which its 'tId' attribute is 'tree_10'

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var node = treeObj.getNodeByTId("tree_10");
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/zTreeObj.getNodeIndex.html b/js/zTree_v3/api/en/zTreeObj.getNodeIndex.html new file mode 100755 index 0000000..ad828e7 --- /dev/null +++ b/js/zTree_v3/api/en/zTreeObj.getNodeIndex.html @@ -0,0 +1,30 @@ +
              +
              +

              Function(treeNode)zTreeObj.getNodeIndex

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Get the node's index in the same level nodes. (start from 0)

              +

              Please use zTree object to executing the method.

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              treeNodeJSON

              +

              JSON data object of the node which need to get index.

              +

              Please ensure that this data object is an internal node data object in zTree.

              +

              Return Number

              +

              return the index. (start from 0)

              +

              If there is no this node, return -1.

              +
              +

              Examples of function

              +

              1. Get the first selected node's index in the same level nodes.

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getSelectedNodes();
+if (nodes.length>0) {
+	var index = treeObj.getNodeIndex(nodes[0]);
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/zTreeObj.getNodes.html b/js/zTree_v3/api/en/zTreeObj.getNodes.html new file mode 100755 index 0000000..5906a43 --- /dev/null +++ b/js/zTree_v3/api/en/zTreeObj.getNodes.html @@ -0,0 +1,26 @@ +
              +
              +

              Function()zTreeObj.getNodes

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Get all of the nodes in zTree

              +

              Please use zTree object to executing the method.

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              Return Array(JSON)

              +

              return all of the nodes

              +

              1. This array is a collection of the root nodes (the default child nodes are in the 'children' attributes);

              +

              2. Traverse all the nodes need to use recursion, or the use of transformToArray() method make the nodes to be a simple array.

              +

              3. For the asynchronous loading mode, can't get the nodes which are yet loaded.

              +
              +

              Examples of function

              +

              1. Get all of the nodes

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodes();
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/zTreeObj.getNodesByFilter.html b/js/zTree_v3/api/en/zTreeObj.getNodesByFilter.html new file mode 100755 index 0000000..2cd6baa --- /dev/null +++ b/js/zTree_v3/api/en/zTreeObj.getNodesByFilter.html @@ -0,0 +1,43 @@ +
              +
              +

              Function(filter, isSingle, parentNode, invokeParam)zTreeObj.getNodesByFilter

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Search the single node's data or collection of nodes's data by custom rules.

              +

              Can be customized complex search rules.

              +

              Please use zTree object to executing the method.

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              filterFunction

              +

              Custom search function. e.g. function filter(node) {...}

              +

              filter's parameter: node (node's data -- JSON)

              +

              filter's return: boolean (true means: match the rules; false means: don't match the rules)

              +

              isSingleBoolean

              +

              isSingle = true means: search only one node

              +

              isSingle = false means: search the array of the nodes

              +

              If this parameter is omitted, as same as false

              +

              parentNodeJSON

              +

              The search range, you can search node from a parent node's child nodes.

              +

              If this parameter is omitted, zTree will search node from all nodes.

              +

              invokeParamanything

              +

              Custom data object by user, used to calculate in the filter function.

              +

              Return Array(JSON) / JSON

              +

              If isSingle = true, will return the first node's data (JSON) what be matched. If no match, return null.

              +

              If isSingle = false, will return the array of all nodes's data what be matched. if no match, return [ ].

              +
              +

              Examples of function

              +

              1. Search the nodes which their 'name' contains 'test' and 'level' is 2.

              + 
              function filter(node) {
+    return (node.level == 2 && node.name.indexOf("test")>-1);
+}
+......
+var treeObj = $.fn.zTree.getZTreeObj("tree");
+var node = treeObj.getNodesByFilter(filter, true); // search only one node
+var nodes = treeObj.getNodesByFilter(filter); // search the array of the nodes
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/zTreeObj.getNodesByParam.html b/js/zTree_v3/api/en/zTreeObj.getNodesByParam.html new file mode 100755 index 0000000..3173af4 --- /dev/null +++ b/js/zTree_v3/api/en/zTreeObj.getNodesByParam.html @@ -0,0 +1,31 @@ +
              +
              +

              Function(key, value, parentNode)zTreeObj.getNodesByParam

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              According to the node data attribute, search the nodes which exactly matches, and get the JSON objects collection of nodes.

              +

              Please use zTree object to executing the method.

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              keyString

              +

              The name of attribute which need to exactly match

              +

              value?

              +

              The value which need to exactly match, can be any type, please ensure its type consistent with the attribute values.

              +

              parentNodeJSON

              +

              The search range, you can search node from a parent node's child nodes.

              +

              If this parameter is omitted, zTree will search node from all nodes.

              +

              Return Array(JSON)

              +

              The JSON data objects collection of the nodes which be searched.

              +

              If search none node, return [ ].

              +
              +

              Examples of function

              +

              1. Search the nodes which their 'name' attribute is 'test'.

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodesByParam("name", "test", null);
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/zTreeObj.getNodesByParamFuzzy.html b/js/zTree_v3/api/en/zTreeObj.getNodesByParamFuzzy.html new file mode 100755 index 0000000..14b6c29 --- /dev/null +++ b/js/zTree_v3/api/en/zTreeObj.getNodesByParamFuzzy.html @@ -0,0 +1,32 @@ +
              +
              +

              Function(key, value, parentNode)zTreeObj.getNodesByParamFuzzy

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              According to the node data attribute, search the nodes which fuzzy matches, and get the JSON objects collection of nodes.

              +

              Please use zTree object to executing the method.

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              keyString

              +

              The name of attribute which need to fuzzy match

              +

              valueString

              +

              The value which need to fuzzy match.

              +

              The type of value can only be String

              +

              parentNodeJSON

              +

              The search range, you can search node from a parent node's child nodes.

              +

              If this parameter is omitted, zTree will search node from all nodes.

              +

              Return Array(JSON)

              +

              The JSON data objects collection of the nodes which be searched.

              +

              If search none node, return [ ].

              +
              +

              Examples of function

              +

              1. Search the nodes which their 'name' attribute contains the string 'test'.

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodesByParamFuzzy("name", "test", null);
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/zTreeObj.getSelectedNodes.html b/js/zTree_v3/api/en/zTreeObj.getSelectedNodes.html new file mode 100755 index 0000000..4a0f060 --- /dev/null +++ b/js/zTree_v3/api/en/zTreeObj.getSelectedNodes.html @@ -0,0 +1,23 @@ +
              +
              +

              Function()zTreeObj.getSelectedNodes

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Get the JSON data objects collection of the selected nodes in zTree.

              +

              Please use zTree object to executing the method.

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              Return Array(JSON)

              +

              The JSON data objects collection of the selected nodes.

              +
              +

              Examples of function

              +

              1. get the selected nodes

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getSelectedNodes();
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/zTreeObj.hideNode.html b/js/zTree_v3/api/en/zTreeObj.hideNode.html new file mode 100755 index 0000000..8ddb684 --- /dev/null +++ b/js/zTree_v3/api/en/zTreeObj.hideNode.html @@ -0,0 +1,29 @@ +
              +
              +

              Function(treeNode)zTreeObj.hideNode

              +

              Overview[ depends on jquery.ztree.exhide js ]

              +
              +

              +
              +

              To hide any node.

              +

              1. This feature can't support the 'exedit' feature, so please don't use this feature in edit mode.

              +

              2. If you hide or show the nodes, it will effect the 'isFirstNode' and 'isLastNode' attribute.

              +

              3. Please use zTree object to executing the method.

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              treeNodeJSON

              +

              JSON data object of the node to be hidden

              +

              Please ensure that this data object is an internal node data object in zTree.

              +

              Retrun none

              +

              no return value

              +
              +

              Examples of function

              +

              1. hide the first root node.

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodes();
+treeObj.hideNode(nodes[0]);
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/zTreeObj.hideNodes.html b/js/zTree_v3/api/en/zTreeObj.hideNodes.html new file mode 100755 index 0000000..9bf8e6b --- /dev/null +++ b/js/zTree_v3/api/en/zTreeObj.hideNodes.html @@ -0,0 +1,29 @@ +
              +
              +

              Function(treeNodes)zTreeObj.hideNodes

              +

              Overview[ depends on jquery.ztree.exhide js ]

              +
              +

              +
              +

              To hide a group of nodes.

              +

              1. This feature can't support the 'exedit' feature, so please don't use this feature in edit mode.

              +

              2. If you hide or show the nodes, it will effect the 'isFirstNode' and 'isLastNode' attribute.

              +

              3. Please use zTree object to executing the method.

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              treeNodesArray(JSON)

              +

              the array of the nodes which will be hidden

              +

              Please ensure that this data object is an internal node data object in zTree.

              +

              Retrun none

              +

              no return value

              +
              +

              Examples of function

              +

              1. hide the first root node's children.

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodes();
+treeObj.hideNodes(nodes[0].children);
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/zTreeObj.moveNode.html b/js/zTree_v3/api/en/zTreeObj.moveNode.html new file mode 100755 index 0000000..1f3b88c --- /dev/null +++ b/js/zTree_v3/api/en/zTreeObj.moveNode.html @@ -0,0 +1,49 @@ +
              +
              +

              Function(targetNode, treeNode, moveType, isSilent)zTreeObj.moveNode

              +

              Overview[ depends on jquery.ztree.exedit js ]

              +
              +

              +
              +

              Move the node

              +

              Please use zTree object to executing the method.

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              targetNodeJSON

              +

              JSON data object of the node to be target.

              +

              If move the node to root node, please set the 'targetNode' to null.

              +

              Please ensure that this data object is an internal node data object in zTree.

              +

              treeNodeJSON

              +

              JSON data object of the node to be moved.

              +

              Please ensure that this data object is an internal node data object in zTree.

              +

              moveTypeString

              +

              Moved to the target node's relative position.

              +

              "inner" means: to be taregetNode's child node.

              +

              "prev" means: to be taregetNode's previous sibling node.

              +

              "next" means: to be taregetNode's next sibling node.

              +

              isSilentBoolean

              +

              After move the node, whether to automatically expand its parent node.

              +

              isSilent = true means: don't expand its parent node.

              +

              isSilent = false or omit this parameter means: expand its parent node.

              +

              Return JSON

              +

              return the node which be moved, it is same as the 'treeNode' parameter.

              +

              Return null means: move node has failed. The cause:
              +  1. the targetNode is the treeNode's parent node, and moveType = "inner"
              +  2. the targetNode is the treeNode's child node. +

              +
              +

              Examples of function

              +

              1. Move the second root node to the first root node's child node.

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodes();
+treeObj.moveNode(nodes[0], nodes[1], "inner");
+
              +

              2. Move the second root node to the first root node's previous sibling node.

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodes();
+treeObj.moveNode(nodes[0], nodes[1], "prev");
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/zTreeObj.reAsyncChildNodes.html b/js/zTree_v3/api/en/zTreeObj.reAsyncChildNodes.html new file mode 100755 index 0000000..9b9a930 --- /dev/null +++ b/js/zTree_v3/api/en/zTreeObj.reAsyncChildNodes.html @@ -0,0 +1,48 @@ +
              +
              +

              Function(parentNode, reloadType, isSilent, callback)zTreeObj.reAsyncChildNodes +

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Forced asynchronous loading child nodes of parent node. It is valid when [setting.async.enable = true] +

              +

              You can use this method to reload child nodes.

              +

              Please use zTree object to executing the method.

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              parentNodeJSON

              +

              The parent node which will asynchronous loading child nodes.

              +

              1. If parentNode = null, it is same as reload root nodes.

              +

              2. If parentNode.isParent = false, don't load nodes.

              +

              3. Please ensure that this data object is an internal node data object in + zTree.

              +

              reloadTypeString

              +

              reloadType = "refresh" means: reload child nodes.

              +

              reloadType != "refresh" means: append to load child nodes.

              +

              isSilentBoolean

              +

              Set whether to automatically expand the parent node, after load nodes.

              +

              isSilent = true means: don't auto expand the parent node. Otherwise auto expand.

              +

              callbackfunction

              +

              zTree will trigger this callback() function after reAsyncChildNodes()

              +

              Return none

              +

              no return value

              +
              +

              Examples of function

              +

              1. reload root nodes

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+treeObj.reAsyncChildNodes(null, "refresh");
+
              +

              2. reload the first selected node's child nodes.

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getSelectedNodes();
+if (nodes.length>0) {
+	treeObj.reAsyncChildNodes(nodes[0], "refresh");
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/zTreeObj.reAsyncChildNodesPromise.html b/js/zTree_v3/api/en/zTreeObj.reAsyncChildNodesPromise.html new file mode 100755 index 0000000..599e2af --- /dev/null +++ b/js/zTree_v3/api/en/zTreeObj.reAsyncChildNodesPromise.html @@ -0,0 +1,47 @@ +
              +
              +

              Function(parentNode, reloadType, isSilent)zTreeObj.reAsyncChildNodesPromise +

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Forced asynchronous loading child nodes of parent node ( for ES6 Promise ). It is valid when [setting.async.enable = true] +

              +

              You can use this method to reload child nodes.

              +

              Please use zTree object to executing the method.

              +

              v3.5.29+

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              parentNodeJSON

              +

              The parent node which will asynchronous loading child nodes.

              +

              1. If parentNode = null, it is same as reload root nodes.

              +

              2. If parentNode.isParent = false, don't load nodes.

              +

              3. Please ensure that this data object is an internal node data object in + zTree.

              +

              reloadTypeString

              +

              reloadType = "refresh" means: reload child nodes.

              +

              reloadType != "refresh" means: append to load child nodes.

              +

              isSilentBoolean

              +

              Set whether to automatically expand the parent node, after load nodes.

              +

              isSilent = true means: don't auto expand the parent node. Otherwise auto expand.

              +

              Return ES6 Promise

              +

              Promise Object of ES6

              +
              +

              Examples of function

              +

              1. reload root nodes

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+treeObj.reAsyncChildNodes(null, "refresh");
+
              +

              2. reload the first selected node's child nodes.

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getSelectedNodes();
+if (nodes.length>0) {
+	treeObj.reAsyncChildNodes(nodes[0], "refresh");
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/zTreeObj.refresh.html b/js/zTree_v3/api/en/zTreeObj.refresh.html new file mode 100755 index 0000000..8316192 --- /dev/null +++ b/js/zTree_v3/api/en/zTreeObj.refresh.html @@ -0,0 +1,24 @@ +
              +
              +

              Function()zTreeObj.refresh

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Refresh zTree

              +

              If you have no special need, try not to use this method. If you refresh single node, please use updateNode() method. If you refresh child nodes in dynamic mode, please use the reAsyncChildNodes() method.

              +

              Please use zTree object to executing the method.

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              Return none

              +

              no return value

              +
              +

              Examples of function

              +

              1. refresh zTree

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+treeObj.refresh();
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/zTreeObj.removeChildNodes.html b/js/zTree_v3/api/en/zTreeObj.removeChildNodes.html new file mode 100755 index 0000000..c249e17 --- /dev/null +++ b/js/zTree_v3/api/en/zTreeObj.removeChildNodes.html @@ -0,0 +1,32 @@ +
              +
              +

              Function(parentNode)zTreeObj.removeChildNodes

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Remove a parent node's child nodes

              +

              1. After remove child nodes, the parent node will become a leaf node. Such as the need to maintain the parent node is still a parent node, set 'setting.data.keep.parent' attribute.

              +

              2. Do not use this method to empty the root. If you need to empty the root, you can initialization zTree, and set the initial nodes is null.

              +

              3. This method does not trigger any callback function.

              +

              Please use zTree object to executing the method.

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              parentNodeJSON

              +

              The parent node which need to clear its child nodes.

              +

              Please ensure that this data object is an internal node data object in zTree.

              +

              Return Array(JSON)

              +

              Return the parent node's child nodes which have been removed. If has no child nodes, return null.

              +
              +

              Examples of function

              +

              1. Remove the first selected node's child nodes

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getSelectedNodes();
+if (nodes && nodes.length>0) {
+	treeObj.removeChildNodes(nodes[0]);
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/zTreeObj.removeNode.html b/js/zTree_v3/api/en/zTreeObj.removeNode.html new file mode 100755 index 0000000..67ad7e2 --- /dev/null +++ b/js/zTree_v3/api/en/zTreeObj.removeNode.html @@ -0,0 +1,34 @@ +
              +
              +

              Function(treeNode, callbackFlag)zTreeObj.removeNode

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Remove a node

              +

              Use removeNode() method of zTree v3.x can trigger 'beforeRemove / onRemove' callback function. for reduce redundant code.

              +

              Please use zTree object to executing the method.

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              treeNodeJSON

              +

              JSON data object of the node to be removed.

              +

              Please ensure that this data object is an internal node data object in zTree.

              +

              callbackFlagBoolean

              +

              callbackFlag = true means: call this method, will trigger 'beforeRemove' & 'onRemove' callback.

              +

              callbackFlag = false means: call this method, will not trigger callback.

              +

              If this parameter is omitted, it is same as 'callbackFlag = false'

              +

              Return none

              +

              no return value

              +
              +

              Examples of function

              +

              1. Remove all of the selected nodes.

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getSelectedNodes();
+for (var i=0, l=nodes.length; i < l; i++) {
+	treeObj.removeNode(nodes[i]);
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/zTreeObj.selectNode.html b/js/zTree_v3/api/en/zTreeObj.selectNode.html new file mode 100755 index 0000000..45c4c10 --- /dev/null +++ b/js/zTree_v3/api/en/zTreeObj.selectNode.html @@ -0,0 +1,37 @@ +
              +
              +

              Function(treeNode, addFlag, isSilent)zTreeObj.selectNode

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Select a node

              +

              zTree v3.x supports select multiple nodes.

              +

              Please use zTree object to executing the method.

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              treeNodeJSON

              +

              JSON data object of the node to be selected.

              +

              Please ensure that this data object is an internal node data object in zTree.

              +

              addFlagBoolean

              +

              addFlag = true means: append to select node, don't affect the previously selected node, can select multiple nodes.

              +

              addFlag = false (default) means: select single node, prior the selected node is deselected.

              +

              If setting.view.selectedMulti = false, this para, this parameter is not valid, always select single node

              +

              isSilent = true means: when you select node, zTree will not scroll the node into view.

              +

              isSilent = false (default) means: when you select node, zTree will scroll the node into view.

              +

              (v3.5.23+)

              +

              Return none

              +

              no return value

              +
              +

              Exampleso of function

              +

              1. Select single node which be first selected.

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodes();
+if (nodes.length>0) {
+	treeObj.selectNode(nodes[0]);
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/zTreeObj.setChkDisabled.html b/js/zTree_v3/api/en/zTreeObj.setChkDisabled.html new file mode 100755 index 0000000..30b5342 --- /dev/null +++ b/js/zTree_v3/api/en/zTreeObj.setChkDisabled.html @@ -0,0 +1,44 @@ +
              +
              +

              Function(node, disabled, inheritParent, inheritChildren)zTreeObj.setChkDisabled

              +

              Overview[ depends on jquery.ztree.excheck js ]

              +
              +

              +
              +

              Set the node's checkbox or radio is disabled or remove disabled. It is valid when [setting.check.enable = true]

              +

              1. After the node's checkbox / radio is disabled, it can not be checked or unchecked, but it can affect the half-checked status of the parent node.

              +

              2. Please do not directly modify the 'chkDisabled' attribute of the loaded node.

              +

              3. Please use zTree object to executing the method.

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              treeNodeJSON

              +

              JSON data object of the node which need to be checked or unchecked.

              +

              Please ensure that this data object is an internal node data object in zTree.

              +

              disabledBoolean

              +

              disabled = true means: the node's checkbox / radio is disabled.

              +

              disabled = false means: the node's checkbox / radio is removed disabled.

              +

              If this parameter is omitted, it is same as disabled = false

              +

              Don't affect the node which 'nocheck' attribute is true.

              +

              inheritParentBoolean

              +

              inheritParent = true means: all parent nodes's disabled status will be same as this node.

              +

              inheritParent = false means: all parent nodes's disabled status will be not affected.

              +

              If this parameter is omitted, it is same as 'inheritParent = false'

              +

              inheritChildrenBoolean

              +

              inheritChildren = true means: all child nodes's disabled status will be same as this node.

              +

              inheritChildren = false means: all child nodes's disabled status will be not affected.

              +

              If this parameter is omitted, it is same as 'inheritChildren = false'

              +

              Return none

              +

              no return value

              +
              +

              Examples of function

              +

              1. Set the selected nodes's checkbox / radio to disable.

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getSelectedNodes();
+for (var i=0, l=nodes.length; i < l; i++) {
+	treeObj.setChkDisabled(nodes[i], true);
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/zTreeObj.setEditable.html b/js/zTree_v3/api/en/zTreeObj.setEditable.html new file mode 100755 index 0000000..a44b0ff --- /dev/null +++ b/js/zTree_v3/api/en/zTreeObj.setEditable.html @@ -0,0 +1,27 @@ +
              +
              +

              Function(editable)zTreeObj.setEditable

              +

              Overview[ depends on jquery.ztree.exedit js ]

              +
              +

              +
              +

              Edit mode and normal mode switch.

              +

              To use edit mode, please set the attributes in 'setting.edit'

              +

              Please use zTree object to executing the method.

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              editableBoolean

              +

              true means: set zTree to edit mode.

              +

              false means: set zTree to normal mode.

              +

              Return none

              +

              no return value

              +
              +

              Examples of function

              +

              1. set zTree to edit mode

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+treeObj.setEditable(true);
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/zTreeObj.setting.html b/js/zTree_v3/api/en/zTreeObj.setting.html new file mode 100755 index 0000000..d80c139 --- /dev/null +++ b/js/zTree_v3/api/en/zTreeObj.setting.html @@ -0,0 +1,14 @@ +
              +
              +

              JSONzTreeObj.setting

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              The configuration data of zTree, refer to "setting details"

              +

              zTree v3.x to cancel the original operation setting method, so users can modify.

              +

              Note: Modify the parameters which affect zTree initialization will not work, please first understand the different attributes.

              +
              +
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/zTreeObj.showNode.html b/js/zTree_v3/api/en/zTreeObj.showNode.html new file mode 100755 index 0000000..08b2a06 --- /dev/null +++ b/js/zTree_v3/api/en/zTreeObj.showNode.html @@ -0,0 +1,31 @@ +
              +
              +

              Function(treeNode)zTreeObj.showNode

              +

              Overview[ depends on jquery.ztree.exhide js ]

              +
              +

              +
              +

              To hide any node which be hidden.

              +

              1. This feature can't support the 'exedit' feature, so please don't use this feature in edit mode.

              +

              2. If you hide or show the nodes, it will effect the 'isFirstNode' and 'isLastNode' attribute.

              +

              3. Please use zTree object to executing the method.

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              treeNodesArray(JSON)

              +

              JSON data object of the node to be shown

              +

              Please ensure that this data object is an internal node data object in zTree.

              +

              Retrun none

              +

              no return value

              +
              +

              Examples of function

              +

              1. show someone node which be hidden.

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var node = treeObj.getNodeByParam("isHidden", true);
+if (node) {
+  treeObj.showNode(node);
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/zTreeObj.showNodes.html b/js/zTree_v3/api/en/zTreeObj.showNodes.html new file mode 100755 index 0000000..c0c926c --- /dev/null +++ b/js/zTree_v3/api/en/zTreeObj.showNodes.html @@ -0,0 +1,29 @@ +
              +
              +

              Function(treeNodes)zTreeObj.showNodes

              +

              Overview[ depends on jquery.ztree.exhide js ]

              +
              +

              +
              +

              To show a group of nodes which be hidden.

              +

              1. This feature can't support the 'exedit' feature, so please don't use this feature in edit mode.

              +

              2. If you hide or show the nodes, it will effect the 'isFirstNode' and 'isLastNode' attribute.

              +

              3. Please use zTree object to executing the method.

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              treeNodesArray(JSON)

              +

              the array of the nodes which will be shown

              +

              Please ensure that this data object is an internal node data object in zTree.

              +

              Retrun none

              +

              no return value

              +
              +

              Examples of function

              +

              1. show all of the nodes which be hidden.

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodesByParam("isHidden", true);
+treeObj.showNodes(nodes);
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/zTreeObj.transformToArray.html b/js/zTree_v3/api/en/zTreeObj.transformToArray.html new file mode 100755 index 0000000..4b2296d --- /dev/null +++ b/js/zTree_v3/api/en/zTreeObj.transformToArray.html @@ -0,0 +1,27 @@ +
              +
              +

              Function(treeNodes)zTreeObj.transformToArray

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              +

              Transform the zTree nodes data into simple array. (To avoid the user to write code to traverse all nodes)

              +

              Please use zTree object to executing the method.

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              treeNodesArray(JSON) / JSON

              +

              JSON data object of the node which need to be transformed.

              +

              or JSON data objects collection of the nodes which need to be transformed.

              +

              Return Array(JSON)

              +

              The JSON data objects array of the nodes which be transformed.

              +
              +

              Examples of function

              +

              1. Transform the zTree nodes data into simple array.

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.transformToArray(treeObj.getNodes());
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/zTreeObj.transformTozTreeNodes.html b/js/zTree_v3/api/en/zTreeObj.transformTozTreeNodes.html new file mode 100755 index 0000000..7015016 --- /dev/null +++ b/js/zTree_v3/api/en/zTreeObj.transformTozTreeNodes.html @@ -0,0 +1,44 @@ +
              +
              +

              Function(simpleNodes)zTreeObj.transformTozTreeNodes

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Transform the simple array into zTree nodes data.

              +

              If you use this method, you must set 'setting.data.simpleData.idKey' and 'setting.data.simpleData.pIdKey' attribute, and let the data are consistent with parent-child relationship.

              +

              Please use zTree object to executing the method.

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              simpleNodesArray(JSON) / JSON

              +

              JSON data object of the node which need to be transformed.

              +

              or JSON data objects array of the nodes which need to be transformed.

              +

              Return Array(JSON)

              +

              Standard data which zTree use. The child nodes are stored in the parent node's 'children' attribute.

              +

              If simpleNodes is a single JSON, so the return array's length is 1.

              +
              +

              Examples of function

              +

              1. Transform the simple array data into zTree nodes format.

              + 
              var setting = {
+	data: {
+		simpleData: {
+			enable: true,
+			idKey: "id",
+			pIdKey: "pId",
+			rootPId: 0
+		}
+	}
+};
+var simpleNodes = [
+    {"id":1, "pId":0, "name":"test1"},
+    {"id":11, "pId":1, "name":"test11"},
+    {"id":12, "pId":1, "name":"test12"},
+    {"id":111, "pId":11, "name":"test111"}
+];
+var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.transformTozTreeNodes(simpleNodes);
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/api/en/zTreeObj.updateNode.html b/js/zTree_v3/api/en/zTreeObj.updateNode.html new file mode 100755 index 0000000..a914b12 --- /dev/null +++ b/js/zTree_v3/api/en/zTreeObj.updateNode.html @@ -0,0 +1,37 @@ +
              +
              +

              Function(treeNode, checkTypeFlag)zTreeObj.updateNode

              +

              Overview[ depends on jquery.ztree.core js ]

              +
              +

              +
              +

              Update node data. Primarily used to update the node's DOM.

              +

              1. Can update the attributes for display (e.g. 'name', 'target', 'url', 'icon', 'iconSkin', 'checked', 'nocheck'), do not update the other attributes. For example: If you need to expand the node, please use expandNode() method, do not modify the 'open' attribute.

              +

              2. Use updateNode() method of zTree can't trigger 'beforeCheck' or 'onCheck' callback function.

              +

              Please use zTree object to executing the method.

              +
              +
              +

              Function Parameter Descriptions

              +
              +

              treeNodeJSON

              +

              JSON data object of the node which need to update.

              +

              Please ensure that this data object is an internal node data object in zTree.

              +

              checkTypeFlagBoolean

              +

              checkTypeFlag = true means: According to 'setting.check.chkboxType' attribute automatically check or uncheck the parent and child nodes.

              +

              checkTypeFlag = false means: only check or uncheck this node, don't affect its parent and child nodes.

              +

              This parameter is valid when 'setting.check.enable = true' and 'setting.check.chkStyle = "checkbox"'

              +

              Don't affect the parent and child nodes which 'nocheck' attribute is true.

              +

              Return none

              +

              no return value

              +
              +

              Examples of function

              +

              1. Modify the first selected node's name, and update it.

              + 
              var treeObj = $.fn.zTree.getZTreeObj("tree");
+var nodes = treeObj.getNodes();
+if (nodes.length>0) {
+	nodes[0].name = "test";
+	treeObj.updateNode(nodes[0]);
+}
+
              +
              +
              \ No newline at end of file diff --git a/js/zTree_v3/css/awesomeStyle/awesome.css b/js/zTree_v3/css/awesomeStyle/awesome.css new file mode 100755 index 0000000..c1fcf3a --- /dev/null +++ b/js/zTree_v3/css/awesomeStyle/awesome.css @@ -0,0 +1,386 @@ +/*------------------------------------- +zTree Style using fontawesome instead of images + +version: 1.1 +author: Mike King +email: mikkelking @ hotmail . com +website: http://code.google.com/p/jquerytree/ + +-------------------------------------*/ +/* Definitions ----------------------*/ +/* End of Definitions ---------------*/ +/* Imports -------------------------*/ +/* End of Imports ------------------*/ +.ztree * { + padding: 0; + margin: 0; + font-size: 12px; + font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif; + background-color: #af0000; +} +.ztree { + margin: 0; + padding: 5px; + color: #ffffff; + background-color: #af0000; +} +.ztree li { + padding: 0; + margin: 0; + list-style: none; + line-height: 17px; + text-align: left; + white-space: nowrap; + outline: 0; +} +.ztree li ul { + margin: 0px; + padding: 0 0 0 18px; +} +.ztree li a { + padding-right: 3px; + margin: 0; + cursor: pointer; + height: 17px; + color: #ffffff; + background-color: transparent; + text-decoration: none; + vertical-align: top; + display: inline-block; +} +.ztree li a input.rename { + height: 14px; + width: 80px; + padding: 0; + margin: 0; + color: #af0000; + background-color: #ffffff; + font-size: 12px; + border: 1px #585956 solid; + *border: 0px; +} +.ztree li a:hover { + text-decoration: underline; +} +.ztree li a.curSelectedNode { + padding-top: 0px; + background-color: #af4040; + color: #ffff00; + height: 17px; + opacity: 0.8; +} +.ztree li a.curSelectedNode_Edit { + padding-top: 0px; + background-color: transparent; + color: #ffff00; + height: 17px; + border: 1px #666 solid; + opacity: 0.8; +} +.ztree li a.tmpTargetNode_inner { + padding-top: 0px; + background-color: #aaa; + color: #ffff00; + height: 17px; + border: 1px #666 solid; + opacity: 0.8; + filter: alpha(opacity=80); +} +.ztree li span { + line-height: 17px; + margin-right: 2px; + background-color: transparent; +} +.ztree li span.button { + line-height: 0; + margin: 0; + padding: 0; + width: 15px; + height: 17px; + display: inline-block; + vertical-align: top; + border: 0px solid; + cursor: pointer; + outline: none; + background-color: transparent; + background-repeat: no-repeat; + background-attachment: scroll; +} +.ztree li span.button::before { + color: #ffffff; + font-family: FontAwesome; + padding-top: 10px; +} +.ztree li span.button.chk { + margin: 0px; + cursor: auto; + width: 12px; + display: inline-block; + padding-top: 10px; + padding-left: 2px; +} +.ztree li span.button.chk.checkbox_false_full::before { + content: "\f096"; +} +.ztree li span.button.chk.checkbox_false_full_focus::before { + content: "\f096"; + color: #ffff00; +} +.ztree li span.button.chk.checkbox_false_part::before { + content: "\f096"; + color: #aaaaaa; +} +.ztree li span.button.chk.checkbox_false_part_focus::before { + content: "\f096"; + color: #cad96c; +} +.ztree li span.button.chk.checkbox_false_disable::before { + content: "\f096"; + color: #808080; +} +.ztree li span.button.chk.checkbox_true_full::before { + content: "\f046"; +} +.ztree li span.button.chk.checkbox_true_full_focus::before { + content: "\f046"; +} +.ztree li span.button.chk.checkbox_true_part::before { + content: "\f14a"; +} +.ztree li span.button.chk.checkbox_true_part_focus::before { + content: "\f14a"; + color: #ffff00; +} +.ztree li span.button.chk.checkbox_true_full_focus::before { + content: "\f046"; + color: #ffff00; +} +.ztree li span.button.chk.checkbox_true_part::before { + content: "\f046"; + color: #aaaaaa; +} +.ztree li span.button.chk.checkbox_true_part_focus::before { + content: "\f046"; + color: #cad96c; +} +.ztree li span.button.chk.checkbox_true_disable::before { + content: "\f046"; + color: #808080; +} +.ztree li span.button.chk.radio_false_full::before { + content: "\f10c"; +} +.ztree li span.button.chk.radio_false_full_focus::before { + content: "\f10c"; + color: #ffff00; +} +.ztree li span.button.chk.radio_false_part::before { + content: "\f10c"; + color: #aaaaaa; +} +.ztree li span.button.chk.radio_false_part_focus::before { + content: "\f10c"; + color: #ffff00; +} +.ztree li span.button.chk.radio_false_disable::before { + content: "\f1db"; + color: #808080; +} +.ztree li span.button.chk.radio_true_full::before { + content: "\f192"; +} +.ztree li span.button.chk.radio_true_full_focus::before { + content: "\f192"; + color: #ffff00; +} +.ztree li span.button.chk.radio_true_part::before { + content: "\f192"; + color: #aaaaaa; +} +.ztree li span.button.chk.radio_true_part_focus::before { + content: "\f192"; + color: #aaaaaa; +} +.ztree li span.button.chk.radio_true_disable::before { + content: "\f1db"; + color: #808080; +} +.ztree li span.button.switch { + width: 15px; + height: 17px; +} +.ztree li span.button.root_open::before { + content: "\f078"; + padding-top: 10px; + padding-left: 2px; + display: inline-block; +} +.ztree li span.button.root_close::before { + content: "\f115"; + padding-top: 10px; + padding-left: 2px; + display: inline-block; +} +.ztree li span.button.roots_open::before { + content: "\f078"; + padding-top: 10px; + padding-left: 2px; + display: inline-block; +} +.ztree li span.button.roots_close::before { + content: "\f054"; + padding-top: 10px; + padding-left: 2px; + display: inline-block; +} +.ztree li span.button.center_open::before { + content: "\f078"; + padding-top: 10px; + padding-left: 2px; + display: inline-block; +} +.ztree li span.button.center_close::before { + content: "\f054"; + padding-top: 10px; + padding-left: 2px; + display: inline-block; +} +.ztree li span.button.bottom_open::before { + content: "\f078"; + padding-top: 10px; + padding-left: 2px; + display: inline-block; +} +.ztree li span.button.bottom_close::before { + content: "\f054"; + padding-top: 10px; + padding-left: 2px; + display: inline-block; +} +.ztree li span.button.root_docu { + background: none; +} +.ztree li span.button.roots_docu::before { + content: "\f022"; + padding-left: 2px; + display: inline-block; + color: #ffffff; +} +.ztree li span.button.center_docu::before { + padding-top: 10px; + padding-left: 2px; + display: inline-block; + color: #ffffff; +} +.ztree li span.button.bottom_docu::before { + padding-top: 10px; + padding-left: 2px; + display: inline-block; + color: #ffffff; +} +.ztree li span.button.noline_docu { + background: none; +} +.ztree li span.button.ico_open::before { + content: "\f115"; + font-family: FontAwesome; + padding-top: 10px; + padding-left: 2px; + display: inline-block; + color: #ffffff; +} +.ztree li span.button.ico_close::before { + content: "\f114"; + font-family: FontAwesome; + padding-top: 10px; + padding-left: 2px; + display: inline-block; + color: #ffffff; +} +.ztree li span.button.ico_docu::before { + content: "\f022"; + font-family: FontAwesome; + padding-top: 10px; + padding-left: 2px; + display: inline-block; + color: #ffffff; +} +.ztree li span.button.edit { + margin-left: 4px; + margin-right: -1px; + vertical-align: top; + *vertical-align: middle; + padding-top: 10px; +} +.ztree li span.button.edit::before { + content: "\f044"; + font-family: FontAwesome; +} +.ztree li span.button.remove { + margin-left: 4px; + margin-right: -1px; + vertical-align: top; + *vertical-align: middle; + padding-top: 10px; +} +.ztree li span.button.remove::before { + content: "\f1f8"; + font-family: FontAwesome; +} +.ztree li span.button.add { + margin-left: 4px; + margin-right: -1px; + vertical-align: top; + *vertical-align: middle; + padding-top: 10px; +} +.ztree li span.button.add::before { + content: "\f067"; + font-family: FontAwesome; +} +.ztree li span.button.ico_loading { + margin-right: 2px; + background: url(./img/loading.gif) no-repeat scroll 0 0 transparent; + vertical-align: top; + *vertical-align: middle; +} +ul.tmpTargetzTree { + background-color: #FFE6B0; + opacity: 0.8; + filter: alpha(opacity=80); +} +span.tmpzTreeMove_arrow { + width: 16px; + height: 17px; + display: inline-block; + padding: 0; + margin: 2px 0 0 1px; + border: 0 none; + position: absolute; + background-color: transparent; + background-attachment: scroll; +} +span.tmpzTreeMove_arrow::before { + content: "\f04b"; + font-family: FontAwesome; + color: #ffff00; +} +ul.ztree.zTreeDragUL { + margin: 0; + padding: 0; + position: absolute; + width: auto; + height: auto; + overflow: hidden; + background-color: #cfcfcf; + border: 1px #ffff00 dotted; + opacity: 0.8; + filter: alpha(opacity=80); +} +.ztreeMask { + z-index: 10000; + background-color: #cfcfcf; + opacity: 0.0; + filter: alpha(opacity=0); + position: absolute; +} diff --git a/js/zTree_v3/css/awesomeStyle/awesome.less b/js/zTree_v3/css/awesomeStyle/awesome.less new file mode 100755 index 0000000..b282d81 --- /dev/null +++ b/js/zTree_v3/css/awesomeStyle/awesome.less @@ -0,0 +1,146 @@ +/*------------------------------------- +zTree Style using fontawesome instead of images + +version: 1.1 +author: Mike King +email: mikkelking @ hotmail . com +website: http://code.google.com/p/jquerytree/ + +-------------------------------------*/ + +/* Definitions ----------------------*/ +@font-size: 12px; +// Regular icon and text color is white, which suits any medium -> dark background +@color-normal: white; +// Background color +@color-bg: #af0000; +// Highlight color +@color-highlight: yellow; +// Partially selected (checkboxes, radio buttons) +@color-partial: #aaaaaa; +// Partially selected and focused (checkboxes, radio buttons) +@color-partfocus: #cad96c; +// Disabled altogether +@color-disabled: #808080; +// Editing color +@color-edit: yellow; +@w: 15px; +@h: 17px; +@pad-left: 2px; +@pad-top: 10px; +/* End of Definitions ---------------*/ + +/* Imports -------------------------*/ +@import "fa.less"; +/* End of Imports ------------------*/ + +.ztree * {padding:0; margin:0; font-size:@font-size; font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif; background-color: @color-bg;} +.ztree { + margin:0; padding:5px; color:@color-normal; background-color: @color-bg; + li { + padding:0; margin:0; list-style:none; line-height:17px; text-align:left; white-space:nowrap; outline:0; + ul { + margin: 0px; padding:0 0 0 18px; + } + ul.line { } + a {padding-right:3px; margin:0; cursor:pointer; height:@h; color:@color-normal; background-color: transparent; + text-decoration:none; vertical-align:top; display: inline-block; + input.rename {height:14px; width:80px; padding:0; margin:0; + color: @color-bg; background-color: @color-normal; + font-size:@font-size; border:1px #585956 solid; *border:0px} + } + a:hover {text-decoration:underline} + a.curSelectedNode {padding-top:0px; background-color:#af4040; color:@color-highlight; height:@h; opacity:0.8;} + a.curSelectedNode_Edit {padding-top:0px; background-color:transparent; color:@color-highlight; height:@h; border:1px #666 solid; opacity:0.8;} + a.tmpTargetNode_inner {padding-top:0px; background-color:#aaa; color:@color-highlight; height:@h; border:1px #666 solid; + opacity:0.8; filter:alpha(opacity=80)} + a.tmpTargetNode_prev {} + a.tmpTargetNode_next {} + span {line-height:@h; margin-right:2px; background-color:transparent;} + span.button {line-height:0; margin:0; padding: 0; width:@w; height:@h; display: inline-block; vertical-align:top; + border:0px solid; cursor: pointer;outline:none; + background-color:transparent; background-repeat:no-repeat; background-attachment: scroll; + + &::before{color: @color-normal; font-family: FontAwesome; padding-top:@pad-top;} + &.chk { margin:0px; cursor: auto; width: 12px; + display: inline-block;padding-top:@pad-top;padding-left:@pad-left; + + &.checkbox_false_full::before {content: @fa-square-o;} + &.checkbox_false_full_focus::before {content: @fa-square-o; color:@color-highlight;} + &.checkbox_false_part::before {content: @fa-square-o;color: @color-partial;} + &.checkbox_false_part_focus::before {content: @fa-square-o; color:@color-partfocus;} + &.checkbox_false_disable::before {content: @fa-square-o; color:@color-disabled;} + &.checkbox_true_full::before {content: @fa-check-square-o;} + &.checkbox_true_full_focus::before {content: @fa-check-square-o;} + &.checkbox_true_part::before {content: @fa-check-square;} + &.checkbox_true_part_focus::before {content: @fa-check-square; color: @color-highlight} + &.checkbox_true_full_focus::before {content: @fa-check-square-o; color: @color-highlight} + &.checkbox_true_part::before {content: @fa-check-square-o;color: @color-partial} + &.checkbox_true_part_focus::before {content: @fa-check-square-o;color: @color-partfocus;} + &.checkbox_true_disable::before {content: @fa-check-square-o;color: @color-disabled} + + &.radio_false_full::before {content: @fa-circle-o;} + &.radio_false_full_focus::before {content: @fa-circle-o;color: @color-highlight} + &.radio_false_part::before {content: @fa-circle-o;color: @color-partial} + &.radio_false_part_focus::before {content: @fa-circle-o;color: @color-highlight} + &.radio_false_disable::before {content: @fa-circle-thin;color: @color-disabled} + &.radio_true_full::before {content: @fa-dot-circle-o;} + &.radio_true_full_focus::before {content: @fa-dot-circle-o;color: @color-highlight} + &.radio_true_part::before {content: @fa-dot-circle-o;color: @color-partial} + &.radio_true_part_focus::before {content: @fa-dot-circle-o;color: @color-partial;} + &.radio_true_disable::before {content: @fa-circle-thin;color: @color-disabled} + + } + &.switch {width:@w; height:@h} + &.root_open::before{content: @fa-chevron-down;padding-top:@pad-top;padding-left:@pad-left;display: inline-block;} + &.root_close::before{content: @fa-folder-open-o;padding-top:@pad-top;padding-left:@pad-left;display: inline-block;} + &.roots_open::before{content: @fa-chevron-down;padding-top:@pad-top;padding-left:@pad-left;display: inline-block;} + &.roots_close::before{content: @fa-chevron-right;padding-top:@pad-top;padding-left:@pad-left;display: inline-block;} + &.center_open::before{content: @fa-chevron-down;padding-top:@pad-top;padding-left:@pad-left;display: inline-block;} + &.center_close::before{content: @fa-chevron-right;padding-top:@pad-top;padding-left:@pad-left;display: inline-block;} + &.bottom_open::before{content: @fa-chevron-down;padding-top:@pad-top;padding-left:@pad-left;display: inline-block;} + &.bottom_close::before{content: @fa-chevron-right;padding-top:@pad-top;padding-left:@pad-left;display: inline-block;} + &.noline_open{} + &.noline_close{} + &.root_docu{ background:none;} + &.roots_docu::before{content: @fa-list-alt;padding-left:@pad-left;display: inline-block;color:@color-normal;} + &.center_docu::before{padding-top:@pad-top;padding-left:@pad-left;display: inline-block;color:@color-normal;} + &.bottom_docu::before{padding-top:@pad-top;padding-left:@pad-left;display: inline-block;color:@color-normal;} + &.noline_docu{ background:none;} + + &.ico_open::before {content: @fa-folder-open-o;font-family: FontAwesome;padding-top:@pad-top;padding-left:@pad-left;display: inline-block;color:@color-normal;} + &.ico_close::before {content: @fa-folder-o;font-family: FontAwesome;padding-top:@pad-top;padding-left:@pad-left;display: inline-block;color:@color-normal;} + &.ico_docu::before{content: @fa-list-alt;font-family: FontAwesome;padding-top:@pad-top;padding-left:@pad-left;display: inline-block;color:@color-normal;} + + &.edit {margin-left:4px; margin-right: -1px; vertical-align:top; *vertical-align:middle;padding-top:@pad-top;} + &.edit::before{content: @fa-pencil-square-o;font-family: FontAwesome;} + + &.remove {margin-left:4px; margin-right: -1px; vertical-align:top; *vertical-align:middle;padding-top:@pad-top;} + &.remove::before{content: @fa-trash;font-family: FontAwesome;} + + + &.add {margin-left:4px; margin-right: -1px; vertical-align:top; *vertical-align:middle;padding-top:@pad-top;} + &.add::before{content: @fa-plus;font-family: FontAwesome;} + + &.ico_loading{margin-right:2px; background:url(./img/loading.gif) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle} + } + + } +} + + +ul.tmpTargetzTree {background-color:#FFE6B0; opacity:0.8; filter:alpha(opacity=80)} + +// this is the arrow that moves +span.tmpzTreeMove_arrow{width:16px; height:@h; display: inline-block; + padding:0; margin:2px 0 0 1px; border:0 none; position:absolute; + background-color:transparent; background-attachment: scroll; + } +span.tmpzTreeMove_arrow::before{content: @fa-play;font-family: FontAwesome;color: @color-highlight; + } +// outline + +ul.ztree.zTreeDragUL {margin:0; padding:0; position:absolute; width:auto; height:auto;overflow:hidden; + background-color:#cfcfcf; border:1px @color-highlight dotted; opacity:0.8; filter:alpha(opacity=80)} +.ztreeMask {z-index:10000; background-color:#cfcfcf; opacity:0.0; filter:alpha(opacity=0); position:absolute} + diff --git a/js/zTree_v3/css/awesomeStyle/fa.less b/js/zTree_v3/css/awesomeStyle/fa.less new file mode 100755 index 0000000..3714884 --- /dev/null +++ b/js/zTree_v3/css/awesomeStyle/fa.less @@ -0,0 +1,480 @@ +@fa-glass: "\f000"; +@fa-music: "\f001"; +@fa-search: "\f002"; +@fa-envelope-o: "\f003"; +@fa-heart: "\f004"; +@fa-star: "\f005"; +@fa-star-o: "\f006"; +@fa-user: "\f007"; +@fa-film: "\f008"; +@fa-th-large: "\f009"; +@fa-th: "\f00a"; +@fa-th-list: "\f00b"; +@fa-check: "\f00c"; +@fa-times: "\f00d"; +@fa-search-plus: "\f00e"; +@fa-search-minus: "\f010"; +@fa-power-off: "\f011"; +@fa-signal: "\f012"; +@fa-cog: "\f013"; +@fa-trash-o: "\f014"; +@fa-home: "\f015"; +@fa-file-o: "\f016"; +@fa-clock-o: "\f017"; +@fa-road: "\f018"; +@fa-download: "\f019"; +@fa-arrow-circle-o-down: "\f01a"; +@fa-arrow-circle-o-up: "\f01b"; +@fa-inbox: "\f01c"; +@fa-play-circle-o: "\f01d"; +@fa-repeat: "\f01e"; +@fa-refresh: "\f021"; +@fa-list-alt: "\f022"; +@fa-lock: "\f023"; +@fa-flag: "\f024"; +@fa-headphones: "\f025"; +@fa-volume-off: "\f026"; +@fa-volume-down: "\f027"; +@fa-volume-up: "\f028"; +@fa-qrcode: "\f029"; +@fa-barcode: "\f02a"; +@fa-tag: "\f02b"; +@fa-tags: "\f02c"; +@fa-book: "\f02d"; +@fa-bookmark: "\f02e"; +@fa-print: "\f02f"; +@fa-camera: "\f030"; +@fa-font: "\f031"; +@fa-bold: "\f032"; +@fa-italic: "\f033"; +@fa-text-height: "\f034"; +@fa-text-width: "\f035"; +@fa-align-left: "\f036"; +@fa-align-center: "\f037"; +@fa-align-right: "\f038"; +@fa-align-justify: "\f039"; +@fa-list: "\f03a"; +@fa-outdent: "\f03b"; +@fa-indent: "\f03c"; +@fa-video-camera: "\f03d"; +@fa-picture-o: "\f03e"; +@fa-pencil: "\f040"; +@fa-map-marker: "\f041"; +@fa-adjust: "\f042"; +@fa-tint: "\f043"; +@fa-pencil-square-o: "\f044"; +@fa-share-square-o: "\f045"; +@fa-check-square-o: "\f046"; +@fa-arrows: "\f047"; +@fa-step-backward: "\f048"; +@fa-fast-backward: "\f049"; +@fa-backward: "\f04a"; +@fa-play: "\f04b"; +@fa-pause: "\f04c"; +@fa-stop: "\f04d"; +@fa-forward: "\f04e"; +@fa-fast-forward: "\f050"; +@fa-step-forward: "\f051"; +@fa-eject: "\f052"; +@fa-chevron-left: "\f053"; +@fa-chevron-right: "\f054"; +@fa-plus-circle: "\f055"; +@fa-minus-circle: "\f056"; +@fa-times-circle: "\f057"; +@fa-check-circle: "\f058"; +@fa-question-circle: "\f059"; +@fa-info-circle: "\f05a"; +@fa-crosshairs: "\f05b"; +@fa-times-circle-o: "\f05c"; +@fa-check-circle-o: "\f05d"; +@fa-ban: "\f05e"; +@fa-arrow-left: "\f060"; +@fa-arrow-right: "\f061"; +@fa-arrow-up: "\f062"; +@fa-arrow-down: "\f063"; +@fa-share: "\f064"; +@fa-expand: "\f065"; +@fa-compress: "\f066"; +@fa-plus: "\f067"; +@fa-minus: "\f068"; +@fa-asterisk: "\f069"; +@fa-exclamation-circle: "\f06a"; +@fa-gift: "\f06b"; +@fa-leaf: "\f06c"; +@fa-fire: "\f06d"; +@fa-eye: "\f06e"; +@fa-eye-slash: "\f070"; +@fa-exclamation-triangle: "\f071"; +@fa-plane: "\f072"; +@fa-calendar: "\f073"; +@fa-random: "\f074"; +@fa-comment: "\f075"; +@fa-magnet: "\f076"; +@fa-chevron-up: "\f077"; +@fa-chevron-down: "\f078"; +@fa-retweet: "\f079"; +@fa-shopping-cart: "\f07a"; +@fa-folder: "\f07b"; +@fa-folder-open: "\f07c"; +@fa-arrows-v: "\f07d"; +@fa-arrows-h: "\f07e"; +@fa-bar-chart: "\f080"; +@fa-twitter-square: "\f081"; +@fa-facebook-square: "\f082"; +@fa-camera-retro: "\f083"; +@fa-key: "\f084"; +@fa-cogs: "\f085"; +@fa-comments: "\f086"; +@fa-thumbs-o-up: "\f087"; +@fa-thumbs-o-down: "\f088"; +@fa-star-half: "\f089"; +@fa-heart-o: "\f08a"; +@fa-sign-out: "\f08b"; +@fa-linkedin-square: "\f08c"; +@fa-thumb-tack: "\f08d"; +@fa-external-link: "\f08e"; +@fa-sign-in: "\f090"; +@fa-trophy: "\f091"; +@fa-github-square: "\f092"; +@fa-upload: "\f093"; +@fa-lemon-o: "\f094"; +@fa-phone: "\f095"; +@fa-square-o: "\f096"; +@fa-bookmark-o: "\f097"; +@fa-phone-square: "\f098"; +@fa-twitter: "\f099"; +@fa-facebook: "\f09a"; +@fa-github: "\f09b"; +@fa-unlock: "\f09c"; +@fa-credit-card: "\f09d"; +@fa-rss: "\f09e"; +@fa-hdd-o: "\f0a0"; +@fa-bullhorn: "\f0a1"; +@fa-bell: "\f0f3"; +@fa-certificate: "\f0a3"; +@fa-hand-o-right: "\f0a4"; +@fa-hand-o-left: "\f0a5"; +@fa-hand-o-up: "\f0a6"; +@fa-hand-o-down: "\f0a7"; +@fa-arrow-circle-left: "\f0a8"; +@fa-arrow-circle-right: "\f0a9"; +@fa-arrow-circle-up: "\f0aa"; +@fa-arrow-circle-down: "\f0ab"; +@fa-globe: "\f0ac"; +@fa-wrench: "\f0ad"; +@fa-tasks: "\f0ae"; +@fa-filter: "\f0b0"; +@fa-briefcase: "\f0b1"; +@fa-arrows-alt: "\f0b2"; +@fa-users: "\f0c0"; +@fa-link: "\f0c1"; +@fa-cloud: "\f0c2"; +@fa-flask: "\f0c3"; +@fa-scissors: "\f0c4"; +@fa-files-o: "\f0c5"; +@fa-paperclip: "\f0c6"; +@fa-floppy-o: "\f0c7"; +@fa-square: "\f0c8"; +@fa-bars: "\f0c9"; +@fa-list-ul: "\f0ca"; +@fa-list-ol: "\f0cb"; +@fa-strikethrough: "\f0cc"; +@fa-underline: "\f0cd"; +@fa-table: "\f0ce"; +@fa-magic: "\f0d0"; +@fa-truck: "\f0d1"; +@fa-pinterest: "\f0d2"; +@fa-pinterest-square: "\f0d3"; +@fa-google-plus-square: "\f0d4"; +@fa-google-plus: "\f0d5"; +@fa-money: "\f0d6"; +@fa-caret-down: "\f0d7"; +@fa-caret-up: "\f0d8"; +@fa-caret-left: "\f0d9"; +@fa-caret-right: "\f0da"; +@fa-columns: "\f0db"; +@fa-sort: "\f0dc"; +@fa-sort-desc: "\f0dd"; +@fa-sort-asc: "\f0de"; +@fa-envelope: "\f0e0"; +@fa-linkedin: "\f0e1"; +@fa-undo: "\f0e2"; +@fa-gavel: "\f0e3"; +@fa-tachometer: "\f0e4"; +@fa-comment-o: "\f0e5"; +@fa-comments-o: "\f0e6"; +@fa-bolt: "\f0e7"; +@fa-sitemap: "\f0e8"; +@fa-umbrella: "\f0e9"; +@fa-clipboard: "\f0ea"; +@fa-lightbulb-o: "\f0eb"; +@fa-exchange: "\f0ec"; +@fa-cloud-download: "\f0ed"; +@fa-cloud-upload: "\f0ee"; +@fa-user-md: "\f0f0"; +@fa-stethoscope: "\f0f1"; +@fa-suitcase: "\f0f2"; +@fa-bell-o: "\f0a2"; +@fa-coffee: "\f0f4"; +@fa-cutlery: "\f0f5"; +@fa-file-text-o: "\f0f6"; +@fa-building-o: "\f0f7"; +@fa-hospital-o: "\f0f8"; +@fa-ambulance: "\f0f9"; +@fa-medkit: "\f0fa"; +@fa-fighter-jet: "\f0fb"; +@fa-beer: "\f0fc"; +@fa-h-square: "\f0fd"; +@fa-plus-square: "\f0fe"; +@fa-angle-double-left: "\f100"; +@fa-angle-double-right: "\f101"; +@fa-angle-double-up: "\f102"; +@fa-angle-double-down: "\f103"; +@fa-angle-left: "\f104"; +@fa-angle-right: "\f105"; +@fa-angle-up: "\f106"; +@fa-angle-down: "\f107"; +@fa-desktop: "\f108"; +@fa-laptop: "\f109"; +@fa-tablet: "\f10a"; +@fa-mobile: "\f10b"; +@fa-circle-o: "\f10c"; +@fa-quote-left: "\f10d"; +@fa-quote-right: "\f10e"; +@fa-spinner: "\f110"; +@fa-circle: "\f111"; +@fa-reply: "\f112"; +@fa-github-alt: "\f113"; +@fa-folder-o: "\f114"; +@fa-folder-open-o: "\f115"; +@fa-smile-o: "\f118"; +@fa-frown-o: "\f119"; +@fa-meh-o: "\f11a"; +@fa-gamepad: "\f11b"; +@fa-keyboard-o: "\f11c"; +@fa-flag-o: "\f11d"; +@fa-flag-checkered: "\f11e"; +@fa-terminal: "\f120"; +@fa-code: "\f121"; +@fa-reply-all: "\f122"; +@fa-star-half-o: "\f123"; +@fa-location-arrow: "\f124"; +@fa-crop: "\f125"; +@fa-code-fork: "\f126"; +@fa-chain-broken: "\f127"; +@fa-question: "\f128"; +@fa-info: "\f129"; +@fa-exclamation: "\f12a"; +@fa-superscript: "\f12b"; +@fa-subscript: "\f12c"; +@fa-eraser: "\f12d"; +@fa-puzzle-piece: "\f12e"; +@fa-microphone: "\f130"; +@fa-microphone-slash: "\f131"; +@fa-shield: "\f132"; +@fa-calendar-o: "\f133"; +@fa-fire-extinguisher: "\f134"; +@fa-rocket: "\f135"; +@fa-maxcdn: "\f136"; +@fa-chevron-circle-left: "\f137"; +@fa-chevron-circle-right: "\f138"; +@fa-chevron-circle-up: "\f139"; +@fa-chevron-circle-down: "\f13a"; +@fa-html5: "\f13b"; +@fa-css3: "\f13c"; +@fa-anchor: "\f13d"; +@fa-unlock-alt: "\f13e"; +@fa-bullseye: "\f140"; +@fa-ellipsis-h: "\f141"; +@fa-ellipsis-v: "\f142"; +@fa-rss-square: "\f143"; +@fa-play-circle: "\f144"; +@fa-ticket: "\f145"; +@fa-minus-square: "\f146"; +@fa-minus-square-o: "\f147"; +@fa-level-up: "\f148"; +@fa-level-down: "\f149"; +@fa-check-square: "\f14a"; +@fa-pencil-square: "\f14b"; +@fa-external-link-square: "\f14c"; +@fa-share-square: "\f14d"; +@fa-compass: "\f14e"; +@fa-caret-square-o-down: "\f150"; +@fa-caret-square-o-up: "\f151"; +@fa-caret-square-o-right: "\f152"; +@fa-eur: "\f153"; +@fa-gbp: "\f154"; +@fa-usd: "\f155"; +@fa-inr: "\f156"; +@fa-jpy: "\f157"; +@fa-rub: "\f158"; +@fa-krw: "\f159"; +@fa-btc: "\f15a"; +@fa-file: "\f15b"; +@fa-file-text: "\f15c"; +@fa-sort-alpha-asc: "\f15d"; +@fa-sort-alpha-desc: "\f15e"; +@fa-sort-amount-asc: "\f160"; +@fa-sort-amount-desc: "\f161"; +@fa-sort-numeric-asc: "\f162"; +@fa-sort-numeric-desc: "\f163"; +@fa-thumbs-up: "\f164"; +@fa-thumbs-down: "\f165"; +@fa-youtube-square: "\f166"; +@fa-youtube: "\f167"; +@fa-xing: "\f168"; +@fa-xing-square: "\f169"; +@fa-youtube-play: "\f16a"; +@fa-dropbox: "\f16b"; +@fa-stack-overflow: "\f16c"; +@fa-instagram: "\f16d"; +@fa-flickr: "\f16e"; +@fa-adn: "\f170"; +@fa-bitbucket: "\f171"; +@fa-bitbucket-square: "\f172"; +@fa-tumblr: "\f173"; +@fa-tumblr-square: "\f174"; +@fa-long-arrow-down: "\f175"; +@fa-long-arrow-up: "\f176"; +@fa-long-arrow-left: "\f177"; +@fa-long-arrow-right: "\f178"; +@fa-apple: "\f179"; +@fa-windows: "\f17a"; +@fa-android: "\f17b"; +@fa-linux: "\f17c"; +@fa-dribbble: "\f17d"; +@fa-skype: "\f17e"; +@fa-foursquare: "\f180"; +@fa-trello: "\f181"; +@fa-female: "\f182"; +@fa-male: "\f183"; +@fa-gittip: "\f184"; +@fa-sun-o: "\f185"; +@fa-moon-o: "\f186"; +@fa-archive: "\f187"; +@fa-bug: "\f188"; +@fa-vk: "\f189"; +@fa-weibo: "\f18a"; +@fa-renren: "\f18b"; +@fa-pagelines: "\f18c"; +@fa-stack-exchange: "\f18d"; +@fa-arrow-circle-o-right: "\f18e"; +@fa-arrow-circle-o-left: "\f190"; +@fa-caret-square-o-left: "\f191"; +@fa-dot-circle-o: "\f192"; +@fa-wheelchair: "\f193"; +@fa-vimeo-square: "\f194"; +@fa-try: "\f195"; +@fa-plus-square-o: "\f196"; +@fa-space-shuttle: "\f197"; +@fa-slack: "\f198"; +@fa-envelope-square: "\f199"; +@fa-wordpress: "\f19a"; +@fa-openid: "\f19b"; +@fa-university: "\f19c"; +@fa-graduation-cap: "\f19d"; +@fa-yahoo: "\f19e"; +@fa-google: "\f1a0"; +@fa-reddit: "\f1a1"; +@fa-reddit-square: "\f1a2"; +@fa-stumbleupon-circle: "\f1a3"; +@fa-stumbleupon: "\f1a4"; +@fa-delicious: "\f1a5"; +@fa-digg: "\f1a6"; +@fa-pied-piper: "\f1a7"; +@fa-pied-piper-alt: "\f1a8"; +@fa-drupal: "\f1a9"; +@fa-joomla: "\f1aa"; +@fa-language: "\f1ab"; +@fa-fax: "\f1ac"; +@fa-building: "\f1ad"; +@fa-child: "\f1ae"; +@fa-paw: "\f1b0"; +@fa-spoon: "\f1b1"; +@fa-cube: "\f1b2"; +@fa-cubes: "\f1b3"; +@fa-behance: "\f1b4"; +@fa-behance-square: "\f1b5"; +@fa-steam: "\f1b6"; +@fa-steam-square: "\f1b7"; +@fa-recycle: "\f1b8"; +@fa-car: "\f1b9"; +@fa-taxi: "\f1ba"; +@fa-tree: "\f1bb"; +@fa-spotify: "\f1bc"; +@fa-deviantart: "\f1bd"; +@fa-soundcloud: "\f1be"; +@fa-database: "\f1c0"; +@fa-file-pdf-o: "\f1c1"; +@fa-file-word-o: "\f1c2"; +@fa-file-excel-o: "\f1c3"; +@fa-file-powerpoint-o: "\f1c4"; +@fa-file-image-o: "\f1c5"; +@fa-file-archive-o: "\f1c6"; +@fa-file-audio-o: "\f1c7"; +@fa-file-video-o: "\f1c8"; +@fa-file-code-o: "\f1c9"; +@fa-vine: "\f1ca"; +@fa-codepen: "\f1cb"; +@fa-jsfiddle: "\f1cc"; +@fa-life-ring: "\f1cd"; +@fa-circle-o-notch: "\f1ce"; +@fa-rebel: "\f1d0"; +@fa-empire: "\f1d1"; +@fa-git-square: "\f1d2"; +@fa-git: "\f1d3"; +@fa-hacker-news: "\f1d4"; +@fa-tencent-weibo: "\f1d5"; +@fa-qq: "\f1d6"; +@fa-weixin: "\f1d7"; +@fa-paper-plane: "\f1d8"; +@fa-paper-plane-o: "\f1d9"; +@fa-history: "\f1da"; +@fa-circle-thin: "\f1db"; +@fa-header: "\f1dc"; +@fa-paragraph: "\f1dd"; +@fa-sliders: "\f1de"; +@fa-share-alt: "\f1e0"; +@fa-share-alt-square: "\f1e1"; +@fa-bomb: "\f1e2"; +@fa-futbol-o: "\f1e3"; +@fa-tty: "\f1e4"; +@fa-binoculars: "\f1e5"; +@fa-plug: "\f1e6"; +@fa-slideshare: "\f1e7"; +@fa-twitch: "\f1e8"; +@fa-yelp: "\f1e9"; +@fa-newspaper-o: "\f1ea"; +@fa-wifi: "\f1eb"; +@fa-calculator: "\f1ec"; +@fa-paypal: "\f1ed"; +@fa-google-wallet: "\f1ee"; +@fa-cc-visa: "\f1f0"; +@fa-cc-mastercard: "\f1f1"; +@fa-cc-discover: "\f1f2"; +@fa-cc-amex: "\f1f3"; +@fa-cc-paypal: "\f1f4"; +@fa-cc-stripe: "\f1f5"; +@fa-bell-slash: "\f1f6"; +@fa-bell-slash-o: "\f1f7"; +@fa-trash: "\f1f8"; +@fa-copyright: "\f1f9"; +@fa-at: "\f1fa"; +@fa-eyedropper: "\f1fb"; +@fa-paint-brush: "\f1fc"; +@fa-birthday-cake: "\f1fd"; +@fa-area-chart: "\f1fe"; +@fa-pie-chart: "\f200"; +@fa-line-chart: "\f201"; +@fa-lastfm: "\f202"; +@fa-lastfm-square: "\f203"; +@fa-toggle-off: "\f204"; +@fa-toggle-on: "\f205"; +@fa-bicycle: "\f206"; +@fa-bus: "\f207"; +@fa-ioxhost: "\f208"; +@fa-angellist: "\f209"; +@fa-cc: "\f20a"; +@fa-ils: "\f20b"; +@fa-meanpath: "\f20c"; + diff --git a/js/zTree_v3/css/awesomeStyle/img/loading.gif b/js/zTree_v3/css/awesomeStyle/img/loading.gif new file mode 100755 index 0000000..e8c2892 Binary files /dev/null and b/js/zTree_v3/css/awesomeStyle/img/loading.gif differ diff --git a/js/zTree_v3/css/demo.css b/js/zTree_v3/css/demo.css new file mode 100755 index 0000000..f6dba0d --- /dev/null +++ b/js/zTree_v3/css/demo.css @@ -0,0 +1,33 @@ +html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { + margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;} +body {color: #2f332a;font: 15px/21px Arial, Helvetica, simsun, sans-serif;background: #f0f6e4 \9;} +h1, h2, h3, h4, h5, h6 {color: #2f332a;font-weight: bold;font-family: Helvetica, Arial, sans-serif;padding-bottom: 5px;} +h1 {font-size: 24px;line-height: 34px;text-align: center;} +h2 {font-size: 14px;line-height: 24px;padding-top: 5px;} +h6 {font-weight: normal;font-size: 12px;letter-spacing: 1px;line-height: 24px;text-align: center;} +a {color:#3C6E31;text-decoration: underline;} +a:hover {background-color:#3C6E31;color:white;} +input.radio {margin: 0 2px 0 8px;} +input.radio.first {margin-left:0;} +input.empty {color: lightgray;} +code {color: #2f332a;} +.highlight_red {color:#A60000;} +.highlight_green {color:#A7F43D;} +li {list-style: circle;font-size: 12px;} +li.title {list-style: none;} +ul.list {margin-left: 17px;} + +div.content_wrap {width: 600px;height:380px;} +div.content_wrap div.left{float: left;width: 250px;} +div.content_wrap div.right{float: right;width: 340px;} +div.zTreeDemoBackground {width:250px;height:362px;text-align:left;} + +ul.ztree {margin-top: 10px;border: 1px solid #617775;background: #f0f6e4;width:220px;height:360px;overflow-y:scroll;overflow-x:auto;} +ul.log {border: 1px solid #617775;background: #f0f6e4;width:300px;height:170px;overflow: hidden;} +ul.log.small {height:45px;} +ul.log li {color: #666666;list-style: none;padding-left: 10px;} +ul.log li.dark {background-color: #E3E3E3;} + +/* ruler */ +div.ruler {height:20px; width:220px; background-color:#f0f6e4;border: 1px solid #333; margin-bottom: 5px; cursor: pointer} +div.ruler div.cursor {height:20px; width:30px; background-color:#3C6E31; color:white; text-align: right; padding-right: 5px; cursor: pointer} \ No newline at end of file diff --git a/js/zTree_v3/css/metroStyle/img/line_conn.png b/js/zTree_v3/css/metroStyle/img/line_conn.png new file mode 100755 index 0000000..b211da2 Binary files /dev/null and b/js/zTree_v3/css/metroStyle/img/line_conn.png differ diff --git a/js/zTree_v3/css/metroStyle/img/loading.gif b/js/zTree_v3/css/metroStyle/img/loading.gif new file mode 100755 index 0000000..e8c2892 Binary files /dev/null and b/js/zTree_v3/css/metroStyle/img/loading.gif differ diff --git a/js/zTree_v3/css/metroStyle/img/metro.gif b/js/zTree_v3/css/metroStyle/img/metro.gif new file mode 100755 index 0000000..664b969 Binary files /dev/null and b/js/zTree_v3/css/metroStyle/img/metro.gif differ diff --git a/js/zTree_v3/css/metroStyle/img/metro.png b/js/zTree_v3/css/metroStyle/img/metro.png new file mode 100755 index 0000000..e9e58a3 Binary files /dev/null and b/js/zTree_v3/css/metroStyle/img/metro.png differ diff --git a/js/zTree_v3/css/metroStyle/metroStyle.css b/js/zTree_v3/css/metroStyle/metroStyle.css new file mode 100755 index 0000000..af81f42 --- /dev/null +++ b/js/zTree_v3/css/metroStyle/metroStyle.css @@ -0,0 +1,96 @@ +/*------------------------------------- +zTree Style + +version: 3.4 +author: Hunter.z +email: hunter.z@263.net +website: http://code.google.com/p/jquerytree/ + +-------------------------------------*/ + +.ztree * {padding:0; margin:0; font-size:12px; font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif} +.ztree {margin:0; padding:5px; color:#333} +.ztree li{padding:0; margin:0; list-style:none; line-height:17px; text-align:left; white-space:nowrap; outline:0} +.ztree li ul{ margin:0; padding:0 0 0 18px} +.ztree li ul.line{ background:url(./img/line_conn.png) 0 0 repeat-y;} + +.ztree li a {padding-right:3px; margin:0; cursor:pointer; height:21px; color:#333; background-color: transparent; text-decoration:none; vertical-align:top; display: inline-block} +.ztree li a:hover {text-decoration:underline} +.ztree li a.curSelectedNode {padding-top:0px; background-color:#e5e5e5; color:black; height:21px; opacity:0.8;} +.ztree li a.curSelectedNode_Edit {padding-top:0px; background-color:#e5e5e5; color:black; height:21px; border:1px #666 solid; opacity:0.8;} +.ztree li a.tmpTargetNode_inner {padding-top:0px; background-color:#aaa; color:white; height:21px; border:1px #666 solid; + opacity:0.8; filter:alpha(opacity=80)} +.ztree li a.tmpTargetNode_prev {} +.ztree li a.tmpTargetNode_next {} +.ztree li a input.rename {height:14px; width:80px; padding:0; margin:0; + font-size:12px; border:1px #585956 solid; *border:0px} +.ztree li span {line-height:21px; margin-right:2px} +.ztree li span.button {line-height:0; margin:0; padding: 0; width:21px; height:21px; display: inline-block; vertical-align:middle; + border:0 none; cursor: pointer;outline:none; + background-color:transparent; background-repeat:no-repeat; background-attachment: scroll; + background-image:url("./img/metro.png"); *background-image:url("./img/metro.gif")} + +.ztree li span.button.chk {width:13px; height:13px; margin:0 2px; cursor: auto} +.ztree li span.button.chk.checkbox_false_full {background-position: -5px -5px;} +.ztree li span.button.chk.checkbox_false_full_focus {background-position: -5px -26px;} +.ztree li span.button.chk.checkbox_false_part {background-position: -5px -48px;} +.ztree li span.button.chk.checkbox_false_part_focus {background-position: -5px -68px;} +.ztree li span.button.chk.checkbox_false_disable {background-position: -5px -89px;} +.ztree li span.button.chk.checkbox_true_full {background-position: -26px -5px;} +.ztree li span.button.chk.checkbox_true_full_focus {background-position: -26px -26px;} +.ztree li span.button.chk.checkbox_true_part {background-position: -26px -48px;} +.ztree li span.button.chk.checkbox_true_part_focus {background-position: -26px -68px;} +.ztree li span.button.chk.checkbox_true_disable {background-position: -26px -89px;} +.ztree li span.button.chk.radio_false_full {background-position: -47px -5px;} +.ztree li span.button.chk.radio_false_full_focus {background-position: -47px -26px;} +.ztree li span.button.chk.radio_false_part {background-position: -47px -47px;} +.ztree li span.button.chk.radio_false_part_focus {background-position: -47px -68px;} +.ztree li span.button.chk.radio_false_disable {background-position: -47px -89px;} +.ztree li span.button.chk.radio_true_full {background-position: -68px -5px;} +.ztree li span.button.chk.radio_true_full_focus {background-position: -68px -26px;} +.ztree li span.button.chk.radio_true_part {background-position: -68px -47px;} +.ztree li span.button.chk.radio_true_part_focus {background-position: -68px -68px;} +.ztree li span.button.chk.radio_true_disable {background-position: -68px -89px;} + +.ztree li span.button.switch {width:21px; height:21px} +.ztree li span.button.root_open{background-position:-105px -63px} +.ztree li span.button.root_close{background-position:-126px -63px} +.ztree li span.button.roots_open{background-position: -105px 0;} +.ztree li span.button.roots_close{background-position: -126px 0;} +.ztree li span.button.center_open{background-position: -105px -21px;} +.ztree li span.button.center_close{background-position: -126px -21px;} +.ztree li span.button.bottom_open{background-position: -105px -42px;} +.ztree li span.button.bottom_close{background-position: -126px -42px;} +.ztree li span.button.noline_open{background-position: -105px -84px;} +.ztree li span.button.noline_close{background-position: -126px -84px;} +.ztree li span.button.root_docu{ background:none;} +.ztree li span.button.roots_docu{background-position: -84px 0;} +.ztree li span.button.center_docu{background-position: -84px -21px;} +.ztree li span.button.bottom_docu{background-position: -84px -42px;} +.ztree li span.button.noline_docu{ background:none;} + +.ztree li span.button.ico_open{margin-right:2px; background-position: -147px -21px; vertical-align:top; *vertical-align:middle} +.ztree li span.button.ico_close{margin-right:2px; margin-right:2px; background-position: -147px 0; vertical-align:top; *vertical-align:middle} +.ztree li span.button.ico_docu{margin-right:2px; background-position: -147px -42px; vertical-align:top; *vertical-align:middle} +.ztree li span.button.edit {margin-left:2px; margin-right: -1px; background-position: -189px -21px; vertical-align:top; *vertical-align:middle} +.ztree li span.button.edit:hover { + background-position: -168px -21px; +} +.ztree li span.button.remove {margin-left:2px; margin-right: -1px; background-position: -189px -42px; vertical-align:top; *vertical-align:middle} +.ztree li span.button.remove:hover { + background-position: -168px -42px; +} +.ztree li span.button.add {margin-left:2px; margin-right: -1px; background-position: -189px 0; vertical-align:top; *vertical-align:middle} +.ztree li span.button.add:hover { + background-position: -168px 0; +} +.ztree li span.button.ico_loading{margin-right:2px; background:url(./img/loading.gif) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle} + +ul.tmpTargetzTree {background-color:#FFE6B0; opacity:0.8; filter:alpha(opacity=80)} + +span.tmpzTreeMove_arrow {width:16px; height:21px; display: inline-block; padding:0; margin:2px 0 0 1px; border:0 none; position:absolute; + background-color:transparent; background-repeat:no-repeat; background-attachment: scroll; + background-position:-168px -84px; background-image:url("./img/metro.png"); *background-image:url("./img/metro.gif")} + +ul.ztree.zTreeDragUL {margin:0; padding:0; position:absolute; width:auto; height:auto;overflow:hidden; background-color:#cfcfcf; border:1px #00B83F dotted; opacity:0.8; filter:alpha(opacity=80)} +.ztreeMask {z-index:10000; background-color:#cfcfcf; opacity:0.0; filter:alpha(opacity=0); position:absolute} diff --git a/js/zTree_v3/css/zTreeStyle/img/diy/1_close.png b/js/zTree_v3/css/zTreeStyle/img/diy/1_close.png new file mode 100755 index 0000000..68ccb3c Binary files /dev/null and b/js/zTree_v3/css/zTreeStyle/img/diy/1_close.png differ diff --git a/js/zTree_v3/css/zTreeStyle/img/diy/1_open.png b/js/zTree_v3/css/zTreeStyle/img/diy/1_open.png new file mode 100755 index 0000000..d6ff36d Binary files /dev/null and b/js/zTree_v3/css/zTreeStyle/img/diy/1_open.png differ diff --git a/js/zTree_v3/css/zTreeStyle/img/diy/2.png b/js/zTree_v3/css/zTreeStyle/img/diy/2.png new file mode 100755 index 0000000..9eff506 Binary files /dev/null and b/js/zTree_v3/css/zTreeStyle/img/diy/2.png differ diff --git a/js/zTree_v3/css/zTreeStyle/img/diy/3.png b/js/zTree_v3/css/zTreeStyle/img/diy/3.png new file mode 100755 index 0000000..d7ba6d0 Binary files /dev/null and b/js/zTree_v3/css/zTreeStyle/img/diy/3.png differ diff --git a/js/zTree_v3/css/zTreeStyle/img/diy/4.png b/js/zTree_v3/css/zTreeStyle/img/diy/4.png new file mode 100755 index 0000000..753e2bf Binary files /dev/null and b/js/zTree_v3/css/zTreeStyle/img/diy/4.png differ diff --git a/js/zTree_v3/css/zTreeStyle/img/diy/5.png b/js/zTree_v3/css/zTreeStyle/img/diy/5.png new file mode 100755 index 0000000..0c5eccd Binary files /dev/null and b/js/zTree_v3/css/zTreeStyle/img/diy/5.png differ diff --git a/js/zTree_v3/css/zTreeStyle/img/diy/6.png b/js/zTree_v3/css/zTreeStyle/img/diy/6.png new file mode 100755 index 0000000..070b835 Binary files /dev/null and b/js/zTree_v3/css/zTreeStyle/img/diy/6.png differ diff --git a/js/zTree_v3/css/zTreeStyle/img/diy/7.png b/js/zTree_v3/css/zTreeStyle/img/diy/7.png new file mode 100755 index 0000000..532b037 Binary files /dev/null and b/js/zTree_v3/css/zTreeStyle/img/diy/7.png differ diff --git a/js/zTree_v3/css/zTreeStyle/img/diy/8.png b/js/zTree_v3/css/zTreeStyle/img/diy/8.png new file mode 100755 index 0000000..a8f3a86 Binary files /dev/null and b/js/zTree_v3/css/zTreeStyle/img/diy/8.png differ diff --git a/js/zTree_v3/css/zTreeStyle/img/diy/9.png b/js/zTree_v3/css/zTreeStyle/img/diy/9.png new file mode 100755 index 0000000..4db73cd Binary files /dev/null and b/js/zTree_v3/css/zTreeStyle/img/diy/9.png differ diff --git a/js/zTree_v3/css/zTreeStyle/img/line_conn.gif b/js/zTree_v3/css/zTreeStyle/img/line_conn.gif new file mode 100755 index 0000000..d561d36 Binary files /dev/null and b/js/zTree_v3/css/zTreeStyle/img/line_conn.gif differ diff --git a/js/zTree_v3/css/zTreeStyle/img/loading.gif b/js/zTree_v3/css/zTreeStyle/img/loading.gif new file mode 100755 index 0000000..e8c2892 Binary files /dev/null and b/js/zTree_v3/css/zTreeStyle/img/loading.gif differ diff --git a/js/zTree_v3/css/zTreeStyle/img/zTreeStandard.gif b/js/zTree_v3/css/zTreeStyle/img/zTreeStandard.gif new file mode 100755 index 0000000..50c94fd Binary files /dev/null and b/js/zTree_v3/css/zTreeStyle/img/zTreeStandard.gif differ diff --git a/js/zTree_v3/css/zTreeStyle/img/zTreeStandard.png b/js/zTree_v3/css/zTreeStyle/img/zTreeStandard.png new file mode 100755 index 0000000..ffda01e Binary files /dev/null and b/js/zTree_v3/css/zTreeStyle/img/zTreeStandard.png differ diff --git a/js/zTree_v3/css/zTreeStyle/zTreeStyle.css b/js/zTree_v3/css/zTreeStyle/zTreeStyle.css new file mode 100755 index 0000000..4a1705b --- /dev/null +++ b/js/zTree_v3/css/zTreeStyle/zTreeStyle.css @@ -0,0 +1,97 @@ +/*------------------------------------- +zTree Style + +version: 3.5.19 +author: Hunter.z +email: hunter.z@263.net +website: http://code.google.com/p/jquerytree/ + +-------------------------------------*/ + +.ztree * {padding:0; margin:0; font-size:12px; font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif} +.ztree {margin:0; padding:5px; color:#333} +.ztree li{padding:0; margin:0; list-style:none; line-height:14px; text-align:left; white-space:nowrap; outline:0} +.ztree li ul{ margin:0; padding:0 0 0 18px} +.ztree li ul.line{ background:url(./img/line_conn.gif) 0 0 repeat-y;} + +.ztree li a {padding:1px 3px 0 0; margin:0; cursor:pointer; height:17px; color:#333; background-color: transparent; + text-decoration:none; vertical-align:top; display: inline-block} +.ztree li a:hover {text-decoration:underline} +.ztree li a.curSelectedNode {padding-top:0px; background-color:#FFE6B0; color:black; height:16px; border:1px #FFB951 solid; opacity:0.8;} +.ztree li a.curSelectedNode_Edit {padding-top:0px; background-color:#FFE6B0; color:black; height:16px; border:1px #FFB951 solid; opacity:0.8;} +.ztree li a.tmpTargetNode_inner {padding-top:0px; background-color:#316AC5; color:white; height:16px; border:1px #316AC5 solid; + opacity:0.8; filter:alpha(opacity=80)} +.ztree li a.tmpTargetNode_prev {} +.ztree li a.tmpTargetNode_next {} +.ztree li a input.rename {height:14px; width:80px; padding:0; margin:0; + font-size:12px; border:1px #7EC4CC solid; *border:0px} +.ztree li span {line-height:16px; margin-right:2px} +.ztree li span.button {line-height:0; margin:0; width:16px; height:16px; display: inline-block; vertical-align:middle; + border:0 none; cursor: pointer;outline:none; + background-color:transparent; background-repeat:no-repeat; background-attachment: scroll; + background-image:url("./img/zTreeStandard.png"); *background-image:url("./img/zTreeStandard.gif")} + +.ztree li span.button.chk {width:13px; height:13px; margin:0 3px 0 0; cursor: auto} +.ztree li span.button.chk.checkbox_false_full {background-position:0 0} +.ztree li span.button.chk.checkbox_false_full_focus {background-position:0 -14px} +.ztree li span.button.chk.checkbox_false_part {background-position:0 -28px} +.ztree li span.button.chk.checkbox_false_part_focus {background-position:0 -42px} +.ztree li span.button.chk.checkbox_false_disable {background-position:0 -56px} +.ztree li span.button.chk.checkbox_true_full {background-position:-14px 0} +.ztree li span.button.chk.checkbox_true_full_focus {background-position:-14px -14px} +.ztree li span.button.chk.checkbox_true_part {background-position:-14px -28px} +.ztree li span.button.chk.checkbox_true_part_focus {background-position:-14px -42px} +.ztree li span.button.chk.checkbox_true_disable {background-position:-14px -56px} +.ztree li span.button.chk.radio_false_full {background-position:-28px 0} +.ztree li span.button.chk.radio_false_full_focus {background-position:-28px -14px} +.ztree li span.button.chk.radio_false_part {background-position:-28px -28px} +.ztree li span.button.chk.radio_false_part_focus {background-position:-28px -42px} +.ztree li span.button.chk.radio_false_disable {background-position:-28px -56px} +.ztree li span.button.chk.radio_true_full {background-position:-42px 0} +.ztree li span.button.chk.radio_true_full_focus {background-position:-42px -14px} +.ztree li span.button.chk.radio_true_part {background-position:-42px -28px} +.ztree li span.button.chk.radio_true_part_focus {background-position:-42px -42px} +.ztree li span.button.chk.radio_true_disable {background-position:-42px -56px} + +.ztree li span.button.switch {width:18px; height:18px} +.ztree li span.button.root_open{background-position:-92px -54px} +.ztree li span.button.root_close{background-position:-74px -54px} +.ztree li span.button.roots_open{background-position:-92px 0} +.ztree li span.button.roots_close{background-position:-74px 0} +.ztree li span.button.center_open{background-position:-92px -18px} +.ztree li span.button.center_close{background-position:-74px -18px} +.ztree li span.button.bottom_open{background-position:-92px -36px} +.ztree li span.button.bottom_close{background-position:-74px -36px} +.ztree li span.button.noline_open{background-position:-92px -72px} +.ztree li span.button.noline_close{background-position:-74px -72px} +.ztree li span.button.root_docu{ background:none;} +.ztree li span.button.roots_docu{background-position:-56px 0} +.ztree li span.button.center_docu{background-position:-56px -18px} +.ztree li span.button.bottom_docu{background-position:-56px -36px} +.ztree li span.button.noline_docu{ background:none;} + +.ztree li span.button.ico_open{margin-right:2px; background-position:-110px -16px; vertical-align:top; *vertical-align:middle} +.ztree li span.button.ico_close{margin-right:2px; background-position:-110px 0; vertical-align:top; *vertical-align:middle} +.ztree li span.button.ico_docu{margin-right:2px; background-position:-110px -32px; vertical-align:top; *vertical-align:middle} +.ztree li span.button.edit {margin-right:2px; background-position:-110px -48px; vertical-align:top; *vertical-align:middle} +.ztree li span.button.remove {margin-right:2px; background-position:-110px -64px; vertical-align:top; *vertical-align:middle} + +.ztree li span.button.ico_loading{margin-right:2px; background:url(./img/loading.gif) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle} + +ul.tmpTargetzTree {background-color:#FFE6B0; opacity:0.8; filter:alpha(opacity=80)} + +span.tmpzTreeMove_arrow {width:16px; height:16px; display: inline-block; padding:0; margin:2px 0 0 1px; border:0 none; position:absolute; + background-color:transparent; background-repeat:no-repeat; background-attachment: scroll; + background-position:-110px -80px; background-image:url("./img/zTreeStandard.png"); *background-image:url("./img/zTreeStandard.gif")} + +ul.ztree.zTreeDragUL {margin:0; padding:0; position:absolute; width:auto; height:auto;overflow:hidden; background-color:#cfcfcf; border:1px #00B83F dotted; opacity:0.8; filter:alpha(opacity=80)} +.zTreeMask {z-index:10000; background-color:#cfcfcf; opacity:0.0; filter:alpha(opacity=0); position:absolute} + +/* level style*/ +/*.ztree li span.button.level0 { + display:none; +} +.ztree li ul.level0 { + padding:0; + background:none; +}*/ \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/asyncData/getNodes.php b/js/zTree_v3/demo/cn/asyncData/getNodes.php new file mode 100755 index 0000000..6d22b5e --- /dev/null +++ b/js/zTree_v3/demo/cn/asyncData/getNodes.php @@ -0,0 +1,42 @@ + +[] diff --git a/js/zTree_v3/demo/cn/asyncData/getNodesForBigData.php b/js/zTree_v3/demo/cn/asyncData/getNodesForBigData.php new file mode 100755 index 0000000..588c14c --- /dev/null +++ b/js/zTree_v3/demo/cn/asyncData/getNodesForBigData.php @@ -0,0 +1,26 @@ + +[] diff --git a/js/zTree_v3/demo/cn/bigdata/common.html b/js/zTree_v3/demo/cn/bigdata/common.html new file mode 100755 index 0000000..1f602f1 --- /dev/null +++ b/js/zTree_v3/demo/cn/bigdata/common.html @@ -0,0 +1,190 @@ + + + + ZTREE DEMO - big data common + + + + + + + + + + + +

              一次性加载大数据量

              +
              [ 文件路径: bigdata/common.html ]
              +
              +
              + +
                +
                +
                +
                  +

                • 1、大数据量加载说明

                  +
                    +
                  • 1)、zTree v3.x 针对大数据量一次性加载进行了更深入的优化，实现了延迟加载功能，即不展开的节点不创建子节点的 DOM。
                    • +
                  • 2)、对于每级节点最多一百左右，但总节点数几千甚至几万，且不是全部展开的数据，一次性加载的效果最明显，速度非常快。
                    • +
                  • 3)、对于某一级节点数就多达几千的情况 延迟加载无效，这种情况建议考虑分页异步加载。
                    • +
                  • 4)、对于全部节点都展开显示的情况，延迟加载无效，这种情况建议不要全部展开。
                    • +
                  • 5)、显示 checkbox / radio 会造成一定程度的性能下降。
                    • +
                  • 6)、利用 addDiyDom 功能增加自定义控件会影响速度，影响程度受节点数量而定。
                    • +
                  • 7)、利用 onNodeCreated 事件回调函数对节点 DOM 进行操作会影响速度，影响程度受节点数量而定。
                    • +
                  +
                  • +

                • 2、setting 配置信息说明

                  +
                    +
                  • 不需要进行特殊的配置
                    • +
                  +
                  • +

                • 3、treeNode 节点数据说明

                  +
                    +
                  • 对 节点数据 没有特殊要求，用户可以根据自己的需求添加自定义属性
                    • +
                  +
                  • +
                +
                +
                + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/bigdata/diy_async.html b/js/zTree_v3/demo/cn/bigdata/diy_async.html new file mode 100755 index 0000000..3a2ec02 --- /dev/null +++ b/js/zTree_v3/demo/cn/bigdata/diy_async.html @@ -0,0 +1,157 @@ + + + + ZTREE DEMO - big data async + + + + + + + + + + + +

                分批异步加载大数据量

                +
                [ 文件路径: bigdata/diy_async.html ]
                +
                +
                +
                  +
                •     此 Demo 专门用于测试分批异步加载，每次展开节点都要重新进行异步加载。
                  • +
                +
                  +
                  +
                  +
                    +

                  • 1、大数据量加载说明

                    +
                      +
                    • 1)、对于某一级节点数多达几千个的时候，zTree 默认的延迟加载是无效的，此 Demo 演示了一种原先 zTree v2.6 时的分批加载节点的方法。
                      • +
                    • 2)、此方法适用于1、2千个节点必须全部显示的需求。
                      • +
                    • 3)、此方法并不能解决加载慢的问题，相反只会让最终结果出现的更慢，只是可以有限度的避免浏览器假死，而且显示的节点越多就越慢。
                      • +
                    • 4)、对于某一级节点数至少几千个的情况，另一个解决方案是：分页异步加载。
                      + async load log:
                      +
                        • +
                      +
                      • +

                    • 2、setting 配置信息说明

                      +
                        +
                      • 需要设置 setting.async 异步加载部分的参数
                        • +
                      • 建议关闭动画效果 setting.view.expandSpeed = "";
                        • +
                      • 其他不需要进行特殊的配置，根据自己的需求自行设置
                        • +
                      +
                      • +

                    • 3、treeNode 节点数据说明

                      +
                        +
                      • 对 节点数据 没有特殊要求，用户可以根据自己的需求添加自定义属性
                        • +
                      +
                      • +
                    +
                    +
                    + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/bigdata/page.html b/js/zTree_v3/demo/cn/bigdata/page.html new file mode 100755 index 0000000..f629823 --- /dev/null +++ b/js/zTree_v3/demo/cn/bigdata/page.html @@ -0,0 +1,150 @@ + + + + ZTREE DEMO - big data page + + + + + + + + + + + + +

                    分页加载大数据量

                    +
                    [ 文件路径: bigdata/page.html ]
                    +
                    +
                    +
                      +
                      +
                      +
                        +

                      • 1、大数据量加载说明

                        +
                          +
                        • 1)、分页方案可以有效解决某一级节点数据超大的情况。
                          • +
                        • 2)、分页按钮通过自定义控件的方法实现。
                          • +
                        • 3)、分页方案对于 checkbox 的关联关系无能为力，只能每次翻页后进行修正。由于时间关系，Demo 中不对 checkbox 的关联进行任何修正处理。
                          • +
                        • 4)、分页方案中，从 zTree 得到的节点数据只有当前页的节点数据，可以在每次翻页后自行保存每页的数据，作为缓存，具体情况要根据实际需求来决定。
                          • + +

                        • 2、setting 配置信息说明

                          +
                            +
                          • 需要设置 setting.async 异步加载部分的参数
                            • +
                          • 其他不需要进行特殊的配置，根据自己的需求自行设置
                            • +
                          +
                          • +

                        • 3、treeNode 节点数据说明

                          +
                            +
                          • 对 节点数据 没有特殊要求，用户可以根据自己的需求添加自定义属性
                            • +
                          +
                          • +
                        +
                      +
                      + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/core/async.html b/js/zTree_v3/demo/cn/core/async.html new file mode 100755 index 0000000..7723b3c --- /dev/null +++ b/js/zTree_v3/demo/cn/core/async.html @@ -0,0 +1,70 @@ + + + + ZTREE DEMO - Async + + + + + + + + + + +

                      异步加载节点数据的树

                      +
                      [ 文件路径: core/async.html ]
                      +
                      +
                      +
                        +
                        +
                        +
                          +

                        • 1、setting 配置信息说明

                          +
                            +
                          • 使用异步加载，必须设置 setting.async 中的各个属性，详细请参见 API 文档中的相关内容
                            • +
                          +
                          • +

                        • 2、treeNode 节点数据说明

                          +
                            +
                          • 异步加载功能对于 treeNode 节点数据没有特别要求，如果采用简单 JSON 数据，请设置 setting.data.simple 中的属性
                            • +
                          • 如果异步加载每次都只返回单层的节点数据，那么可以不设置简单 JSON 数据模式
                            • +
                          +
                          • +

                        • 3、其他说明

                          +
                            +
                          • 观察 autoParam 和 otherParam 请使用 firebug 或 浏览器的开发人员工具
                            • +
                          • 此 Demo 只能加载到第 4 级节点（level=3）
                            • +
                          • 此 Demo 利用 dataFilter 对节点的 name 进行了修改
                            • +
                          +
                          • +
                        +
                        +
                        + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/core/async_fun.html b/js/zTree_v3/demo/cn/core/async_fun.html new file mode 100755 index 0000000..081a840 --- /dev/null +++ b/js/zTree_v3/demo/cn/core/async_fun.html @@ -0,0 +1,144 @@ + + + + ZTREE DEMO - reAsyncChildNodes + + + + + + + + + + + +

                        用 zTree 方法异步加载节点数据

                        +
                        [ 文件路径: core/async_fun.html ]
                        +
                        +
                        +
                          +
                          +
                          +
                            +

                          • 1、reAsyncChildNodes 方法操作说明

                            +
                              +
                            • 使用 zTreeObj.reAsyncChildNodes 方法，详细请参见 API 文档中的相关内容
                              • +

                            • 此 Demo 只能同时选中一个父节点
                              + 试试看：[ 重新加载 ]    [ 追加 ]

                              +
                              • +

                            • “悄悄地”操作只能针对 折叠状态 的父节点
                              + 试试看：[ 悄悄地 重新加载 ]    [ 悄悄地 追加 ]
                              + async log:
                              +

                                +
                                • +
                              +
                              • +

                            • 2、setting 配置信息说明

                              +
                                +
                              • 使用 zTree 提供的 reAsyncChildNodes 方法也必须设置 setting.async 中的各个属性，详细请参见 API 文档中的相关内容
                                • +
                              +
                              • +

                            • 3、treeNode 节点数据说明

                              +
                                +
                              • 同 "异步加载 节点数据" 中的说明
                                • +
                              +
                              • +

                            • 4、其他说明

                              +
                                +
                              • 同 "异步加载 节点数据" 中的说明
                                • +
                              +
                              • +
                            +
                            +
                            + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/core/click.html b/js/zTree_v3/demo/cn/core/click.html new file mode 100755 index 0000000..4d97475 --- /dev/null +++ b/js/zTree_v3/demo/cn/core/click.html @@ -0,0 +1,107 @@ + + + + ZTREE DEMO - beforeClick / onClick + + + + + + + + + + +

                            单击节点控制

                            +
                            [ 文件路径: core/click.html ]
                            +
                            +
                            +
                              +
                              +
                              +
                                +

                              • 1、beforeClick / onClick 事件回调函数控制

                                +
                                  +
                                • 利用 click 事件回调函数 可以进行各种其他的附加操作，这里简单演示如何监控此事件
                                  • +

                                • 请尝试按下 Ctrl 或 Cmd 键进行 多节点选择 和 取消选择
                                  + click log:
                                  +

                                    +
                                    • +
                                  +
                                  • +

                                • 2、setting 配置信息说明

                                  +
                                    +
                                  • 需要设置 setting.callback.beforeClick 和 setting.callback.onClick 属性, 详细请参见 API 文档中的相关内容
                                    • +
                                  +
                                  • +

                                • 3、treeNode 节点数据说明

                                  +
                                    +
                                  • 对 节点数据 没有特殊要求，用户可以根据自己的需求添加自定义属性
                                    • +
                                  +
                                  • +
                                +
                                +
                                + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/core/custom_font.html b/js/zTree_v3/demo/cn/core/custom_font.html new file mode 100755 index 0000000..b94abec --- /dev/null +++ b/js/zTree_v3/demo/cn/core/custom_font.html @@ -0,0 +1,67 @@ + + + + ZTREE DEMO - Custom Font + + + + + + + + + + +

                                显示自定义字体的树

                                +
                                [ 文件路径: core/custom_font.html ]
                                +
                                +
                                +
                                  +
                                  +
                                  +
                                    +

                                  • 1、setting 配置信息说明

                                    +
                                      +
                                    • 1、节点自定义字体请设置 setting.view.fontCss 属性，详细请参见 API 文档中的相关内容
                                      • +
                                    • 2、setting.view.nameIsHTML 属性可以允许节点名称支持 HTML 内容，详细请参见 API 文档中的相关内容
                                      • +
                                    +
                                    • +

                                  • 2、treeNode 节点数据说明

                                    +
                                      +
                                    • 设置字体不需要 treeNode 设置特殊数据，但如果用于为了区别不同类型的节点，设置不同的样式，可以对相应的数据设置自定义属性
                                      • +
                                    • 此 Demo 利用 treeNode 保存样式定义
                                      • +
                                    +
                                    • +
                                  +
                                  +
                                  + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/core/custom_icon.html b/js/zTree_v3/demo/cn/core/custom_icon.html new file mode 100755 index 0000000..23ba105 --- /dev/null +++ b/js/zTree_v3/demo/cn/core/custom_icon.html @@ -0,0 +1,74 @@ + + + + ZTREE DEMO - Custom Icon + + + + + + + + + + +

                                  自定义图标 -- icon 属性

                                  +
                                  [ 文件路径: core/custom_icon.html ]
                                  +
                                  +
                                  +
                                    +
                                    +
                                    +
                                      +

                                    • 1、setting 配置信息说明

                                      +
                                        +
                                      • 自定义图标不需要对 setting 进行特殊配置
                                        • +
                                      +
                                      • +

                                    • 2、treeNode 节点数据说明

                                      +
                                        +
                                      • 利用 节点数据的 icon / iconOpen / iconClose 属性实现自定义图标
                                        • +
                                      • 详细请参见 API 文档中的相关内容
                                        • +
                                      +
                                      • +

                                    • 3、其他说明

                                      +
                                        +
                                      • 由于时间关系，例子直接采用 png 图片，如果需要解决 ie6 下 png 图片的透明问题，请针对 ie6 制作特殊的 gif 图片或者利用 css filter 解决
                                        • +
                                      +
                                      • +
                                    +
                                    +
                                    + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/core/custom_iconSkin.html b/js/zTree_v3/demo/cn/core/custom_iconSkin.html new file mode 100755 index 0000000..9b28e75 --- /dev/null +++ b/js/zTree_v3/demo/cn/core/custom_iconSkin.html @@ -0,0 +1,84 @@ + + + + ZTREE DEMO - Custom Icon Skin + + + + + + + + + + + +

                                    自定义图标 -- iconSkin 属性

                                    +
                                    [ 文件路径: core/custom_iconSkin.html ]
                                    +
                                    +
                                    +
                                      +
                                      +
                                      +
                                        +

                                      • 1、setting 配置信息说明

                                        +
                                          +
                                        • 自定义图标不需要对 setting 进行特殊配置
                                          • +
                                        +
                                        • +

                                      • 2、treeNode 节点数据说明

                                        +
                                          +
                                        • 利用 节点数据的 iconSkin 属性 配合 css 实现自定义图标
                                          • +
                                        • 详细请参见 API 文档中的相关内容
                                          • +
                                        +
                                        • +

                                      • 3、其他说明

                                        +
                                          +
                                        • 由于时间关系，例子直接采用 png 图片，如果需要解决 ie6 下 png 图片的透明问题，请针对 ie6 制作特殊的 gif 图片或者利用 css filter 解决
                                          • +
                                        +
                                        • +
                                      +
                                      +
                                      + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/core/expand.html b/js/zTree_v3/demo/cn/core/expand.html new file mode 100755 index 0000000..41f8e4f --- /dev/null +++ b/js/zTree_v3/demo/cn/core/expand.html @@ -0,0 +1,185 @@ + + + + ZTREE DEMO - beforeExpand / onExpand && beforeCollapse / onCollapse + + + + + + + + + + +

                                      展开 / 折叠父节点控制

                                      +
                                      [ 文件路径: core/expand.html ]
                                      +
                                      +
                                      +
                                        +
                                        +
                                        +
                                          +

                                        • 1、beforeCollapse / onCollapse
                                            beforeExpand / onExpand 事件回调函数控制

                                          +
                                            +
                                          • 利用 collapse / expand 事件回调函数 可以控制父节点是否允许 展开 / 折叠，这里简单演示如何监控此事件
                                            • +

                                          • 试试看：
                                            +      expandNode 方法是否触发 callback
                                            +     单个节点--[ 展开 ] +     [ 折叠 ] +     [ 展开 / 折叠 切换 ]
                                            +     单个节点（包括子节点）--[ 展开 ] +     [ 折叠 ]
                                            +     全部节点--[ 展开 ] +     [ 折叠 ]

                                            +

                                          • 使用 zTreeObj.expandNode 方法，详细请参见 API 文档中的相关内容
                                            + collapse / expand log:
                                            +

                                              +
                                              • +
                                            +
                                            • +

                                          • 2、setting 配置信息说明

                                            +
                                              +
                                            • 事件回调函数的使用，详细请参见 API 文档中 setting.callback 的相关内容
                                              • +
                                            • 如果需要调整 展开 / 折叠 的动画效果， 详细请参见 API 文档中 setting.view.expandSpeed 的相关内容
                                              • +
                                            +
                                            • +

                                          • 3、treeNode 节点数据说明

                                            +
                                              +
                                            • 对 节点数据 没有特殊要求，用户可以根据自己的需求添加自定义属性
                                              • +
                                            +
                                            • +
                                          +
                                          +
                                          + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/core/noicon.html b/js/zTree_v3/demo/cn/core/noicon.html new file mode 100755 index 0000000..e59c0b2 --- /dev/null +++ b/js/zTree_v3/demo/cn/core/noicon.html @@ -0,0 +1,93 @@ + + + + ZTREE DEMO - noIcon + + + + + + + + + + + +

                                          不显示节点图标的树

                                          +
                                          [ 文件路径: core/noicon.html ]
                                          +
                                          +
                                          +
                                            +
                                            +
                                            +
                                              +

                                            • 1、setting 配置信息说明

                                              +
                                                +
                                              • 此 Demo 利用 Function 设置了使父节点不显示图标的规则
                                                • +
                                              • 是否显示节点图标请设置 setting.view.showIcon 属性，详细请参见 API 文档中的相关内容
                                                • +
                                              +
                                              • +

                                            • 2、treeNode 节点数据说明

                                              +
                                                +
                                              • 是否显示图标，不需要 treeNode 节点数据提供特殊设置，但如果用户需要根据不同节点动态设置，可以对节点数据增加特殊属性，用于判别
                                                • +
                                              +
                                              • +
                                            +
                                            +
                                            + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/core/noline.html b/js/zTree_v3/demo/cn/core/noline.html new file mode 100755 index 0000000..8322c55 --- /dev/null +++ b/js/zTree_v3/demo/cn/core/noline.html @@ -0,0 +1,88 @@ + + + + ZTREE DEMO - noLine + + + + + + + + + + + +

                                            不显示连接线的树

                                            +
                                            [ 文件路径: core/noline.html ]
                                            +
                                            +
                                            +
                                              +
                                              +
                                              +
                                                +

                                              • 1、setting 配置信息说明

                                                +
                                                  +
                                                • 是否显示连接线请设置 setting.view.showLine 属性，详细请参见 API 文档中的相关内容
                                                  • +
                                                +
                                                • +

                                              • 2、treeNode 节点数据说明

                                                +
                                                  +
                                                • 是否显示连线，不需要 treeNode 节点数据提供特殊设置
                                                  • +
                                                +
                                                • +
                                              +
                                              +
                                              + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/core/otherMouse.html b/js/zTree_v3/demo/cn/core/otherMouse.html new file mode 100755 index 0000000..3381eab --- /dev/null +++ b/js/zTree_v3/demo/cn/core/otherMouse.html @@ -0,0 +1,132 @@ + + + + ZTREE DEMO - Other Mouse Event + + + + + + + + + + +

                                              其他鼠标事件监听

                                              +
                                              [ 文件路径: core/otherMouse.html ]
                                              +
                                              +
                                              +
                                                +
                                                +
                                                +
                                                  +

                                                • 1、mousedown / mouseup / rightClick 事件回调函数控制

                                                  +
                                                    +
                                                  • zTree 提供 这几种鼠标事件响应，主要是为了便于用户针对一些特殊需求进行扩展开发，不会对 zTree 造成任何影响，这里简单演示如何监控此事件
                                                    • +

                                                  • 请尝试鼠标在 zTree 上胡乱点击（左键、右键）吧，顺便看看 log
                                                    + mousedown event log:
                                                    +

                                                      + mouseup event log:
                                                      +
                                                        + rightClick event log:
                                                        +

                                                          +
                                                          • +
                                                        +
                                                        • +

                                                      • 2、setting 配置信息说明

                                                        +
                                                          +
                                                        • 事件回调函数的使用，详细请参见 API 文档中 setting.callback 的相关内容
                                                          • +
                                                        +
                                                        • +

                                                      • 3、treeNode 节点数据说明

                                                        +
                                                          +
                                                        • 对 节点数据 没有特殊要求，用户可以根据自己的需求添加自定义属性
                                                          • +
                                                        +
                                                        • +
                                                      +
                                                      +
                                                      + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/core/searchNodes.html b/js/zTree_v3/demo/cn/core/searchNodes.html new file mode 100755 index 0000000..380d3e0 --- /dev/null +++ b/js/zTree_v3/demo/cn/core/searchNodes.html @@ -0,0 +1,173 @@ + + + + ZTREE DEMO - getNodeByParam / getNodesByParam / getNodesByParamFuzzy + + + + + + + + + + +

                                                      根据参数查找节点

                                                      +
                                                      [ 文件路径: core/searchNodes.html ]
                                                      +
                                                      +
                                                      +
                                                        +
                                                        +
                                                        +
                                                          +

                                                        • 1、getNodeByParam / getNodesByParam / getNodesByParamFuzzy 方法操作说明

                                                          +
                                                            +
                                                          • 使用 zTreeObj.getNodeByParam / getNodesByParam / getNodesByParamFuzzy / getNodeByTId 方法，详细请参见 API 文档中的相关内容
                                                            • +

                                                          • 搜索试试看：
                                                            + 属性值( value )：
                                                            + 属性( key )：name (string)
                                                            + level (number) ... 根节点 level = 0
                                                            + id (number)
                                                            + 方法：getNodeByParam
                                                            + getNodesByParam
                                                            + getNodesByParamFuzzy (only string)
                                                            + getNodesByFilter (参考本页源码中 function filter)
                                                            +

                                                            +
                                                            • +
                                                          +
                                                          • +

                                                        • 2、setting 配置信息说明

                                                          +
                                                            +
                                                          • 不需要对 setting 进行特殊设置
                                                            • +
                                                          +
                                                          • +

                                                        • 3、treeNode 节点数据说明

                                                          +
                                                            +
                                                          • 请注意各个方法使用时保证传入查找的参数类型与设定要查找的属性的类型一致
                                                            • +
                                                          +
                                                          • +
                                                        +
                                                        +
                                                        + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/core/simpleData.html b/js/zTree_v3/demo/cn/core/simpleData.html new file mode 100755 index 0000000..d3b19fc --- /dev/null +++ b/js/zTree_v3/demo/cn/core/simpleData.html @@ -0,0 +1,100 @@ + + + + ZTREE DEMO - Simple Data + + + + + + + + + + +

                                                        最简单的树 -- 简单 JSON 数据

                                                        +
                                                        [ 文件路径: core/simpleData.html ]
                                                        +
                                                        +
                                                        +
                                                          +
                                                          +
                                                          +
                                                            +

                                                          • 1、setting 配置信息说明

                                                            +
                                                              +
                                                            • 必须设置 setting.data.simple 内的属性，详细请参见 API 文档中的相关内容
                                                              • +
                                                            • 与显示相关的内容请参考 API 文档中 setting.view 内的配置信息
                                                              • +
                                                            • name、children、title 等属性定义更改请参考 API 文档中 setting.data.key 内的配置信息
                                                              • +
                                                            +
                                                            • +

                                                          • 2、treeNode 节点数据说明

                                                            +
                                                              +
                                                            • 简单模式的 JSON 数据需要使用 id / pId 表示节点的父子包含关系，如使用其他属性设置父子关联关系请参考 setting.data.simple 内各项说明 + 
                                                              例如：
+var nodes = [
+	{id:1, pId:0, name: "父节点1"},
+	{id:11, pId:1, name: "子节点1"},
+	{id:12, pId:1, name: "子节点2"}
+];
                                                              • +
                                                            • 默认展开的节点，请设置 treeNode.open 属性
                                                              • +
                                                            • 无子节点的父节点，请设置 treeNode.isParent 属性
                                                              • +
                                                            • 其他属性说明请参考 API 文档中 "treeNode 节点数据详解"
                                                              • +
                                                            +
                                                            • +

                                                          • 3、其他说明

                                                            +
                                                              +
                                                            • Demo 中绝大部分都采用简单 JSON 数据模式，以便于大家学习
                                                              • +
                                                            +
                                                            • +
                                                          +
                                                          +
                                                          + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/core/standardData.html b/js/zTree_v3/demo/cn/core/standardData.html new file mode 100755 index 0000000..3a85e7e --- /dev/null +++ b/js/zTree_v3/demo/cn/core/standardData.html @@ -0,0 +1,106 @@ + + + + ZTREE DEMO - Standard Data + + + + + + + + + + +

                                                          最简单的树 -- 标准 JSON 数据

                                                          +
                                                          [ 文件路径: core/standardData.html ]
                                                          +
                                                          +
                                                          +
                                                            +
                                                            +
                                                            +
                                                              +

                                                            • 1、setting 配置信息说明

                                                              +
                                                                +
                                                              • 普通使用，无必须设置的参数
                                                                • +
                                                              • 与显示相关的内容请参考 API 文档中 setting.view 内的配置信息
                                                                • +
                                                              • name、children、title 等属性定义更改请参考 API 文档中 setting.data.key 内的配置信息
                                                                • +
                                                              +
                                                              • +

                                                            • 2、treeNode 节点数据说明

                                                              +
                                                                +
                                                              • 标准的 JSON 数据需要嵌套表示节点的父子包含关系 + 
                                                                例如：
+var nodes = [
+	{name: "父节点1", children: [
+		{name: "子节点1"},
+		{name: "子节点2"}
+	]}
+];
                                                                +
                                                                • +
                                                              • 默认展开的节点，请设置 treeNode.open 属性
                                                                • +
                                                              • 无子节点的父节点，请设置 treeNode.isParent 属性
                                                                • +
                                                              • 其他属性说明请参考 API 文档中 "treeNode 节点数据详解"
                                                                • +
                                                              +
                                                              • +
                                                            +
                                                            +
                                                            + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/core/update_fun.html b/js/zTree_v3/demo/cn/core/update_fun.html new file mode 100755 index 0000000..a783e5a --- /dev/null +++ b/js/zTree_v3/demo/cn/core/update_fun.html @@ -0,0 +1,143 @@ + + + + ZTREE DEMO - updateNode + + + + + + + + + + + +

                                                            用 zTree 方法 更新 节点数据

                                                            +
                                                            [ 文件路径: core/update_fun.html ]
                                                            +
                                                            +
                                                            +
                                                              +
                                                              +
                                                              +
                                                                +

                                                              • 1、updateNode 方法操作说明

                                                                +
                                                                  +
                                                                • 使用 zTreeObj.updateNode 方法，详细请参见 API 文档中的相关内容
                                                                  • +

                                                                • 此 Demo 只能同时选中一个节点
                                                                  + 试试看：[ 换名字 ] +     [ 换图标 ] +     [ 换颜色 ] +     [ 斜体 ]

                                                                  +
                                                                  • +
                                                                +
                                                                • +

                                                              • 2、setting 配置信息说明

                                                                +
                                                                  +
                                                                • 不需要对 setting 进行特殊设置
                                                                  • +
                                                                • 配合 setting.view.fontCss 可以修改节点文字样式
                                                                  • +
                                                                +
                                                                • +

                                                              • 3、treeNode 节点数据说明

                                                                +
                                                                  +
                                                                • zTreeObj.updateNode 方法的 API 文档中有详细说明
                                                                  • +
                                                                +
                                                                • +

                                                              • 4、其他说明

                                                                +
                                                                  +
                                                                • 此 Demo 是针对 核心 js 包 core 制作的，因此不包括 checkbox 的更新操作
                                                                  • +
                                                                +
                                                                • +
                                                              +
                                                              +
                                                              + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/core/url.html b/js/zTree_v3/demo/cn/core/url.html new file mode 100755 index 0000000..e3f20b8 --- /dev/null +++ b/js/zTree_v3/demo/cn/core/url.html @@ -0,0 +1,63 @@ + + + + ZTREE DEMO - url + + + + + + + + + + +

                                                              超链接演示

                                                              +
                                                              [ 文件路径: core/url.html ]
                                                              +
                                                              +
                                                              +
                                                                +
                                                                +
                                                                +
                                                                  +

                                                                • 1、setting 配置信息说明

                                                                  +
                                                                    +
                                                                  • 普通使用，无必须设置的参数
                                                                    • +
                                                                  • 如果需要灵活控制超链接跳转，请利用 onClick 事件回调函数进行控制，详细请参见 API 文档中的相关内容
                                                                    • +
                                                                  +
                                                                  • +

                                                                • 2、treeNode 节点数据说明

                                                                  +
                                                                    +
                                                                  • 1、url 属性用于设置 页面跳转的路径
                                                                    • +
                                                                  • 2、target 属性用于设置 页面跳转的窗口目标
                                                                    • +
                                                                  • 3、click 属性用于设置简单的 onClick 事件
                                                                    • +
                                                                  • 其他属性说明请参考 API 文档中 "treeNode 节点数据详解"
                                                                    • +
                                                                  +
                                                                  • +
                                                                +
                                                                +
                                                                + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/excheck/checkbox.html b/js/zTree_v3/demo/cn/excheck/checkbox.html new file mode 100755 index 0000000..6fb6f01 --- /dev/null +++ b/js/zTree_v3/demo/cn/excheck/checkbox.html @@ -0,0 +1,107 @@ + + + + ZTREE DEMO - checkbox + + + + + + + + + + + +

                                                                Checkbox 勾选操作

                                                                +
                                                                [ 文件路径: excheck/checkbox.html ]
                                                                +
                                                                +
                                                                +
                                                                  +
                                                                  +
                                                                  +
                                                                    +

                                                                  • 1、setting 配置信息说明

                                                                    +
                                                                      +
                                                                    • 使用 checkbox，必须设置 setting.check 中的各个属性，详细请参见 API 文档中的相关内容
                                                                      • +

                                                                    • 父子关联关系：
                                                                      + 被勾选时：关联父 + 关联子
                                                                      + 取消勾选时：关联父 + 关联子
                                                                      +

                                                                        +
                                                                        • +
                                                                      +
                                                                      • +

                                                                    • 2、treeNode 节点数据说明

                                                                      +
                                                                        +
                                                                      • 1)、如果需要初始化默认节点被勾选，请设置 treeNode.checked 属性，详细请参见 API 文档中的相关内容
                                                                        • +
                                                                      • 2)、如果某节点禁用 checkbox，请设置 treeNode.chkDisabled 属性，详细请参见 API 文档中的相关内容 和 'chkDisabled 演示'
                                                                        • +
                                                                      • 3)、如果某节点不显示 checkbox，请设置 treeNode.nocheck 属性，详细请参见 API 文档中的相关内容 和 'nocheck 演示'
                                                                        • +
                                                                      • 4)、如果更换 checked 属性，请参考 API 文档中 setting.data.key.checked 的详细说明
                                                                        • +
                                                                      • 5)、其他请参考 API 文档中 treeNode.checkedOld / getCheckStatus / check_Child_State / check_Focus 的详细说明
                                                                        • +
                                                                      +
                                                                      • +
                                                                    +
                                                                    +
                                                                    + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/excheck/checkbox_chkDisabled.html b/js/zTree_v3/demo/cn/excheck/checkbox_chkDisabled.html new file mode 100755 index 0000000..3be2467 --- /dev/null +++ b/js/zTree_v3/demo/cn/excheck/checkbox_chkDisabled.html @@ -0,0 +1,112 @@ + + + + ZTREE DEMO - Checkbox chkDisabled + + + + + + + + + + + +

                                                                    Checkbox chkDisabled 演示

                                                                    +
                                                                    [ 文件路径: excheck/checkbox_chkDisabled.html ]
                                                                    +
                                                                    +
                                                                    +
                                                                      +
                                                                      +
                                                                      +
                                                                        +

                                                                      • 1、setChkDisabled 方法操作说明

                                                                        +
                                                                          +
                                                                        • setChkDisabled 方法可以设置节点 checkbox / radio 禁用 或 取消禁用，详细请参见 API 文档中的相关内容
                                                                          • +

                                                                        • 试试看：
                                                                          + 禁用时：关联父 + 关联子
                                                                          + 取消禁用时：关联父 + 关联子
                                                                          +     [ 禁用 ] +     [ 取消禁用 ] +

                                                                          • +
                                                                        +
                                                                        • +

                                                                      • 2、setting 配置信息说明

                                                                        +
                                                                          +
                                                                        • 这个 Demo 只简单演示 chkDisabled 的使用方法，详细配置信息请参考 ‘Checkbox 勾选操作’
                                                                          • +
                                                                        +
                                                                        • +

                                                                      • 3、treeNode 节点数据说明

                                                                        +
                                                                          +
                                                                        • 1)、如果某节点禁用 checkbox，请设置 treeNode.chkDisabled 属性，详细请参见 API 文档中的相关内容
                                                                          • +
                                                                        • 2)、其他请参考 ‘Checkbox 勾选操作’
                                                                          • +
                                                                        +
                                                                        • +
                                                                      +
                                                                      +
                                                                      + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/excheck/checkbox_count.html b/js/zTree_v3/demo/cn/excheck/checkbox_count.html new file mode 100755 index 0000000..a721671 --- /dev/null +++ b/js/zTree_v3/demo/cn/excheck/checkbox_count.html @@ -0,0 +1,126 @@ + + + + ZTREE DEMO - getChangeCheckedNodes / getCheckedNodes + + + + + + + + + + + +

                                                                      checkbox 勾选统计

                                                                      +
                                                                      [ 文件路径: excheck/checkbox_count.html ]
                                                                      +
                                                                      +
                                                                      +
                                                                        +
                                                                        +
                                                                        +
                                                                          +

                                                                        • 1、getChangeCheckedNodes / getCheckedNodes 方法操作说明

                                                                          +
                                                                            +
                                                                          • 使用 zTreeObj.getChangeCheckedNodes / getCheckedNodes 方法，详细请参见 API 文档中的相关内容
                                                                            • +

                                                                          • 去勾选 checkbox 比较下面的数字变化：
                                                                            +

                                                                              +
                                                                            • 当前被勾选的节点共 个
                                                                              • +
                                                                            • 当前未被勾选的节点共 个
                                                                              • +
                                                                            • 勾选状态对比规则：与 zTree 初始化时对比
                                                                              + 与上一次勾选后对比
                                                                              • +
                                                                            • 当前被修改勾选状态的节点共 个
                                                                              • +

                                                                            +
                                                                            • +
                                                                          +
                                                                          • +

                                                                        • 2、setting 配置信息说明

                                                                          +
                                                                            +
                                                                          • 同 "checkbox 勾选操作" 中的说明
                                                                            • +
                                                                          +
                                                                          • +

                                                                        • 3、treeNode 节点数据说明

                                                                          +
                                                                            +
                                                                          • 同 "checkbox 勾选操作" 中的说明
                                                                            • +
                                                                          +
                                                                          • +
                                                                        +
                                                                        +
                                                                        + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/excheck/checkbox_fun.html b/js/zTree_v3/demo/cn/excheck/checkbox_fun.html new file mode 100755 index 0000000..2fb7960 --- /dev/null +++ b/js/zTree_v3/demo/cn/excheck/checkbox_fun.html @@ -0,0 +1,172 @@ + + + + ZTREE DEMO - beforeCheck / onCheck + + + + + + + + + + + +

                                                                        用 zTree 方法 勾选 checkbox

                                                                        +
                                                                        [ 文件路径: excheck/checkbox_fun.html ]
                                                                        +
                                                                        +
                                                                        +
                                                                          +
                                                                          +
                                                                          +
                                                                            +

                                                                          • 1、beforeCheck / onCheck 事件回调函数控制

                                                                            +
                                                                              +
                                                                            • 利用 beforeCheck / onCheck 事件回调函数 可以控制是否允许 更改 节点勾选状态，这里简单演示如何监控此事件
                                                                              • +

                                                                            • 这里还演示了 checkNode / checkAllNodes 方法触发 beforeCheck / onCheck 事件回调函数的情况，试试看：
                                                                              +      setting.check.autoCheckTrigger: false
                                                                              +      执行勾选方法是否触发 callback
                                                                              +     单节点--[ 勾选 ] +     [ 取消勾选 ] +     [ 勾选 切换 ]
                                                                              +     单节点 ( 影响父子 )--[ 勾选 ] +     [ 取消勾选 ] +     [ 勾选 切换 ]
                                                                              +     全部节点--[ 勾选 ] +     [ 取消勾选 ]

                                                                              +
                                                                              • +

                                                                            • 使用 zTreeObj.checkNode / checkAllNodes 方法，详细请参见 API 文档中的相关内容
                                                                              + beforeCheck / onCheck log:
                                                                              +

                                                                                +
                                                                                • +
                                                                              +
                                                                              • +

                                                                            • 2、setting 配置信息说明

                                                                              +
                                                                                +
                                                                              • 同 "checkbox 勾选操作" 中的说明
                                                                                • +
                                                                              +
                                                                              • +

                                                                            • 3、treeNode 节点数据说明

                                                                              +
                                                                                +
                                                                              • 同 "checkbox 勾选操作" 中的说明
                                                                                • +
                                                                              +
                                                                              • +
                                                                            +
                                                                            +
                                                                            + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/excheck/checkbox_halfCheck.html b/js/zTree_v3/demo/cn/excheck/checkbox_halfCheck.html new file mode 100755 index 0000000..34929d5 --- /dev/null +++ b/js/zTree_v3/demo/cn/excheck/checkbox_halfCheck.html @@ -0,0 +1,108 @@ + + + + ZTREE DEMO - Checkbox halfCheck + + + + + + + + + + + +

                                                                            Checkbox halfCheck 演示

                                                                            +
                                                                            [ 文件路径: excheck/checkbox_halfCheck.html ]
                                                                            +
                                                                            +
                                                                            +
                                                                              +
                                                                              +
                                                                              +
                                                                                +

                                                                              • 1、演示说明

                                                                                +
                                                                                  +
                                                                                • 这个演示式实现了 异步加载模式 下简单的勾选操作
                                                                                  • +
                                                                                • 1)、加载子节点后，父节点的 halfCheck 立刻失效
                                                                                  • +
                                                                                • 2)、勾选父节点，可以影响之后加载的子节点的勾选状态
                                                                                  • +
                                                                                • 3)、勾选父节点，可以让其子节点的 halfCheck 属性失效
                                                                                  • +
                                                                                +
                                                                                • +

                                                                              • 2、setting 配置信息说明

                                                                                +
                                                                                  +
                                                                                • 实现半勾选功能，不需要配置任何参数。但半勾选功能属于辅助功能，无法单独使用，因此也需要根据自己的需求配置特定参数。
                                                                                  • +
                                                                                +
                                                                                • +

                                                                              • 3、treeNode 节点数据说明

                                                                                +
                                                                                  +
                                                                                • 1)、请在节点初始化之前，设置 treeNode.halfCheck 属性，详细请参见 API 文档中的相关内容
                                                                                  • +
                                                                                • 2)、其他请参考 ‘Checkbox 勾选操作’
                                                                                  • +
                                                                                +
                                                                                • +
                                                                              +
                                                                              +
                                                                              + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/excheck/checkbox_nocheck.html b/js/zTree_v3/demo/cn/excheck/checkbox_nocheck.html new file mode 100755 index 0000000..42547a3 --- /dev/null +++ b/js/zTree_v3/demo/cn/excheck/checkbox_nocheck.html @@ -0,0 +1,96 @@ + + + + ZTREE DEMO - no checkbox + + + + + + + + + + + +

                                                                              Checkbox nocheck 演示

                                                                              +
                                                                              [ 文件路径: excheck/checkbox_nocheck.html ]
                                                                              +
                                                                              +
                                                                              +
                                                                                +
                                                                                +
                                                                                +
                                                                                  +

                                                                                • 1、setting 配置信息说明

                                                                                  +
                                                                                    +
                                                                                  • 这个 Demo 只简单演示 nocheck 的使用方法，详细配置信息请参考 ‘Checkbox 勾选操作’
                                                                                    • +
                                                                                  • setting.check.nocheckInherit 可以设置子节点自动继承父节点的 nocheck 属性，详细请参见 API 文档中的相关内容
                                                                                    • +

                                                                                  • 试试看：
                                                                                    +     [ 隐藏 ] +     [ 显示 ] +

                                                                                    • +
                                                                                  +
                                                                                  • +

                                                                                • 2、treeNode 节点数据说明

                                                                                  +
                                                                                    +
                                                                                  • 1)、如果某节点不显示 checkbox，请设置 treeNode.nocheck 属性，详细请参见 API 文档中的相关内容
                                                                                    • +
                                                                                  • 2)、其他请参考 ‘Checkbox 勾选操作’
                                                                                    • +
                                                                                  +
                                                                                  • +
                                                                                +
                                                                                +
                                                                                + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/excheck/radio.html b/js/zTree_v3/demo/cn/excheck/radio.html new file mode 100755 index 0000000..c89f5d8 --- /dev/null +++ b/js/zTree_v3/demo/cn/excheck/radio.html @@ -0,0 +1,97 @@ + + + + ZTREE DEMO - radio + + + + + + + + + + + +

                                                                                Radio 勾选操作

                                                                                +
                                                                                [ 文件路径: excheck/radio.html ]
                                                                                +
                                                                                +
                                                                                +
                                                                                  +
                                                                                  +
                                                                                  +
                                                                                    +

                                                                                  • 1、setting 配置信息说明

                                                                                    +
                                                                                      +
                                                                                    • 使用 radio，必须设置 setting.check 中的各个属性，详细请参见 API 文档中的相关内容
                                                                                      • +

                                                                                    • radio 分组范围：同一级内 + 整棵树内
                                                                                      +

                                                                                        +
                                                                                        • +
                                                                                      +
                                                                                      • +

                                                                                    • 2、treeNode 节点数据说明

                                                                                      +
                                                                                        +
                                                                                      • 1)、如果需要初始化默认节点被勾选，请设置 treeNode.checked 属性，详细请参见 API 文档中的相关内容
                                                                                        • +
                                                                                      • 2)、如果某节点不显示 radio，请设置 treeNode.nocheck 属性，详细请参见 API 文档中的相关内容
                                                                                        • +
                                                                                      • 3)、如果更换 checked 属性，请参考 API 文档中 setting.data.key.checked 的详细说明
                                                                                        • +
                                                                                      • 4)、其他请参考 API 文档中 treeNode.checkedOld / getCheckStatus / check_Child_State / check_Focus 的详细说明
                                                                                        • +
                                                                                      +
                                                                                      • +
                                                                                    +
                                                                                    +
                                                                                    + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/excheck/radio_chkDisabled.html b/js/zTree_v3/demo/cn/excheck/radio_chkDisabled.html new file mode 100755 index 0000000..103b32b --- /dev/null +++ b/js/zTree_v3/demo/cn/excheck/radio_chkDisabled.html @@ -0,0 +1,101 @@ + + + + ZTREE DEMO - Radio chkDisabled + + + + + + + + + + + +

                                                                                    Radio chkDisabled 演示

                                                                                    +
                                                                                    [ 文件路径: excheck/radio_chkDisabled.html ]
                                                                                    +
                                                                                    +
                                                                                    +
                                                                                      +
                                                                                      +
                                                                                      +
                                                                                        +

                                                                                      • 1、setChkDisabled 方法操作说明

                                                                                        +
                                                                                          +
                                                                                        • setChkDisabled 方法可以设置节点 checkbox / radio 禁用 或 取消禁用，详细请参见 API 文档中的相关内容
                                                                                          • +

                                                                                        • 试试看：
                                                                                          +     [ 禁用 ] +     [ 取消禁用 ]

                                                                                          +
                                                                                          • +
                                                                                        +
                                                                                        • +

                                                                                      • 2、setting 配置信息说明

                                                                                        +
                                                                                          +
                                                                                        • 这个 Demo 只简单演示 chkDisabled 的使用方法，详细配置信息请参考 ‘Radio 勾选操作’
                                                                                          • +
                                                                                        +
                                                                                        • +

                                                                                      • 3、treeNode 节点数据说明

                                                                                        +
                                                                                          +
                                                                                        • 1)、如果某节点不显示 radio，请设置 treeNode.chkDisabled 属性，详细请参见 API 文档中的相关内容
                                                                                          • +
                                                                                        • 2)、其他请参考 ‘Radio 勾选操作’
                                                                                          • +
                                                                                        +
                                                                                        • +
                                                                                      +
                                                                                      +
                                                                                      + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/excheck/radio_fun.html b/js/zTree_v3/demo/cn/excheck/radio_fun.html new file mode 100755 index 0000000..c6c6303 --- /dev/null +++ b/js/zTree_v3/demo/cn/excheck/radio_fun.html @@ -0,0 +1,151 @@ + + + + ZTREE DEMO - beforeCheck / onCheck + + + + + + + + + + + +

                                                                                      用 zTree 方法 勾选 radio

                                                                                      +
                                                                                      [ 文件路径: excheck/radio_fun.html ]
                                                                                      +
                                                                                      +
                                                                                      +
                                                                                        +
                                                                                        +
                                                                                        +
                                                                                          +

                                                                                        • 1、beforeCheck / onCheck 事件回调函数控制

                                                                                          +
                                                                                            +
                                                                                          • 利用 beforeCheck / onCheck 事件回调函数 可以控制是否允许 更改 节点勾选状态，这里简单演示如何监控此事件
                                                                                            • +

                                                                                          • 试试看：
                                                                                            +      checkNode 方法是否触发 callback
                                                                                            +     [ 勾选 ] +     [ 取消勾选 ]

                                                                                            +

                                                                                          • 使用 zTreeObj.checkNode 方法，详细请参见 API 文档中的相关内容
                                                                                            + beforeCheck / onCheck log:
                                                                                            +

                                                                                              +
                                                                                              • +
                                                                                            +
                                                                                            • +

                                                                                          • 2、setting 配置信息说明

                                                                                            +
                                                                                              +
                                                                                            • 同 "radio 勾选操作" 中的说明
                                                                                              • +
                                                                                            +
                                                                                            • +

                                                                                          • 3、treeNode 节点数据说明

                                                                                            +
                                                                                              +
                                                                                            • 同 "radio 勾选操作" 中的说明
                                                                                              • +
                                                                                            +
                                                                                            • +
                                                                                          +
                                                                                          +
                                                                                          + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/excheck/radio_halfCheck.html b/js/zTree_v3/demo/cn/excheck/radio_halfCheck.html new file mode 100755 index 0000000..1bbdff0 --- /dev/null +++ b/js/zTree_v3/demo/cn/excheck/radio_halfCheck.html @@ -0,0 +1,93 @@ + + + + ZTREE DEMO - Radio halfCheck + + + + + + + + + + + +

                                                                                          Radio halfCheck 演示

                                                                                          +
                                                                                          [ 文件路径: excheck/radio_halfCheck.html ]
                                                                                          +
                                                                                          +
                                                                                          +
                                                                                            +
                                                                                            +
                                                                                            +
                                                                                              +

                                                                                            • 1、演示说明

                                                                                              +
                                                                                                +
                                                                                              • 这个演示式实现了 异步加载模式 下简单的勾选操作
                                                                                                • +
                                                                                              • 1)、加载子节点后，父节点的 halfCheck 立刻失效
                                                                                                • +
                                                                                              • 2)、勾选父节点，不会影响子节点的勾选状态
                                                                                                • +
                                                                                              • 3)、勾选父节点，不会让其子节点的 halfCheck 属性失效
                                                                                                • +
                                                                                              +
                                                                                              • +

                                                                                            • 2、setting 配置信息说明

                                                                                              +
                                                                                                +
                                                                                              • 实现半勾选功能，不需要配置任何参数。但半勾选功能属于辅助功能，无法单独使用，因此也需要根据自己的需求配置特定参数。
                                                                                                • +
                                                                                              +
                                                                                              • +

                                                                                            • 3、treeNode 节点数据说明

                                                                                              +
                                                                                                +
                                                                                              • 1)、请在节点初始化之前，设置 treeNode.halfCheck 属性，详细请参见 API 文档中的相关内容
                                                                                                • +
                                                                                              • 2)、其他请参考 ‘Radio 勾选操作’
                                                                                                • +
                                                                                              +
                                                                                              • +
                                                                                            +
                                                                                            +
                                                                                            + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/excheck/radio_nocheck.html b/js/zTree_v3/demo/cn/excheck/radio_nocheck.html new file mode 100755 index 0000000..fc3ba8c --- /dev/null +++ b/js/zTree_v3/demo/cn/excheck/radio_nocheck.html @@ -0,0 +1,77 @@ + + + + ZTREE DEMO - no radio + + + + + + + + + + + +

                                                                                            Radio nocheck 演示

                                                                                            +
                                                                                            [ 文件路径: excheck/radio_nocheck.html ]
                                                                                            +
                                                                                            +
                                                                                            +
                                                                                              +
                                                                                              +
                                                                                              +
                                                                                                +

                                                                                              • 1、setting 配置信息说明

                                                                                                +
                                                                                                  +
                                                                                                • 这个 Demo 只简单演示 nocheck 的使用方法，详细配置信息请参考 ‘Radio 勾选操作’
                                                                                                  • +
                                                                                                • setting.check.nocheckInherit 可以设置子节点自动继承父节点的 nocheck 属性，详细请参见 API 文档中的相关内容
                                                                                                  • +
                                                                                                +
                                                                                                • +

                                                                                              • 2、treeNode 节点数据说明

                                                                                                +
                                                                                                  +
                                                                                                • 1)、如果某节点不显示 radio，请设置 treeNode.nocheck 属性，详细请参见 API 文档中的相关内容
                                                                                                  • +
                                                                                                • 2)、其他请参考 ‘Radio 勾选操作’
                                                                                                  • +
                                                                                                +
                                                                                                • +
                                                                                              +
                                                                                              +
                                                                                              + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/exedit/async_edit.html b/js/zTree_v3/demo/cn/exedit/async_edit.html new file mode 100755 index 0000000..e519fdf --- /dev/null +++ b/js/zTree_v3/demo/cn/exedit/async_edit.html @@ -0,0 +1,124 @@ + + + + ZTREE DEMO - async & edit + + + + + + + + + + + + +

                                                                                              异步加载 & 编辑功能 共存

                                                                                              +
                                                                                              [ 文件路径: exedit/async_edit.html ]
                                                                                              +
                                                                                              +
                                                                                              +
                                                                                                +
                                                                                                +
                                                                                                +
                                                                                                  +

                                                                                                • 1、异步加载 & 编辑功能 共存说明

                                                                                                  +
                                                                                                    +
                                                                                                  • 1)、此 Demo 是基于 "高级 增 / 删 / 改 节点" 修改的，并且开放了拖拽功能，可与其进行对比
                                                                                                    • +
                                                                                                  • 2)、只需要同时开启编辑模式和异步加载模式即可实现共存
                                                                                                    • +
                                                                                                  • 3)、zTree 完善了异步加载模式下的编辑功能，对于未加载子节点的父节点，增加子节点时，会首先进行异步加载。
                                                                                                    • +
                                                                                                  +
                                                                                                  • +

                                                                                                • 2、setting 配置信息说明

                                                                                                  +
                                                                                                    +
                                                                                                  • 1)、使用 编辑功能，请参考 "拖拽节点基本控制" 和 "基本 增 / 删 / 改 节点" Demo 中关于 setting 的配置要求
                                                                                                    • +
                                                                                                  • 2)、使用 异步加载功能，请参考 "异步加载 节点数据" Demo 中关于 setting 的配置要求
                                                                                                    • +
                                                                                                  +
                                                                                                  • +

                                                                                                • 3、treeNode 节点数据说明

                                                                                                  +
                                                                                                    +
                                                                                                  • 两种模式共存，对数据无特殊要求，请分别参考 "异步加载 节点数据" & "拖拽 节点 基本控制" & "基本 增 / 删 / 改 节点" 中的相关说明
                                                                                                    • +
                                                                                                  +
                                                                                                  • +
                                                                                                +
                                                                                                +
                                                                                                + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/exedit/drag.html b/js/zTree_v3/demo/cn/exedit/drag.html new file mode 100755 index 0000000..ccc474f --- /dev/null +++ b/js/zTree_v3/demo/cn/exedit/drag.html @@ -0,0 +1,136 @@ + + + + ZTREE DEMO - drag & drop + + + + + + + + + + + +

                                                                                                拖拽节点基本控制

                                                                                                +
                                                                                                [ 文件路径: exedit/drag.html ]
                                                                                                +
                                                                                                +
                                                                                                +
                                                                                                  +
                                                                                                  +
                                                                                                  +
                                                                                                    +

                                                                                                  • 1、setting 配置信息说明

                                                                                                    +
                                                                                                      +
                                                                                                    • 此 Demo 仅从功能上演示实现拖拽的基本方法和配置参数
                                                                                                      • +
                                                                                                    • 1)、使用 拖拽功能，必须设置 setting.edit 中的各个属性，详细请参见 API 文档中的相关内容
                                                                                                      • +
                                                                                                    • 2)、使用 拖拽功能的事件回调函数，必须设置 setting.callback.beforeDrag / onDrag / beforeDrop / onDrop 等属性，详细请参见 API 文档中的相关内容
                                                                                                      • +

                                                                                                    • 基本拖拽设置：
                                                                                                      + 允许复制 + 允许移动
                                                                                                      +

                                                                                                        +
                                                                                                        • +

                                                                                                      • 拖拽相对位置设置：
                                                                                                        + prev + inner + next
                                                                                                        +

                                                                                                          +
                                                                                                          • +
                                                                                                        +
                                                                                                        • +

                                                                                                      • 2、treeNode 节点数据说明

                                                                                                        +
                                                                                                          +
                                                                                                        • 对 节点数据 没有特殊要求，用户可以根据自己的需求添加自定义属性
                                                                                                          • +
                                                                                                        +
                                                                                                        • +
                                                                                                      +
                                                                                                      +
                                                                                                      + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/exedit/drag_fun.html b/js/zTree_v3/demo/cn/exedit/drag_fun.html new file mode 100755 index 0000000..9462863 --- /dev/null +++ b/js/zTree_v3/demo/cn/exedit/drag_fun.html @@ -0,0 +1,180 @@ + + + + ZTREE DEMO - copyNode / moveNode + + + + + + + + + + + + +

                                                                                                      用 zTree 方法 移动 / 复制节点

                                                                                                      +
                                                                                                      [ 文件路径: exedit/drag_fun.html ]
                                                                                                      +
                                                                                                      +
                                                                                                      +
                                                                                                        +
                                                                                                        +
                                                                                                        +
                                                                                                          +

                                                                                                        • 1、copyNode / moveNode 方法操作说明

                                                                                                          +
                                                                                                            +
                                                                                                          • 利用 copyNode / moveNode 方法也可以实现 复制 / 移动 节点的目的，这里简单演示使用方法
                                                                                                            • +

                                                                                                          • 对节点进行 复制 / 剪切，试试看：
                                                                                                            +     [ 复制 ] +     [ 剪切 ] +     [ 粘贴 ]

                                                                                                            +
                                                                                                          • 使用 zTreeObj.copyNode / moveNode 方法，详细请参见 API 文档中的相关内容
                                                                                                            • +
                                                                                                          +
                                                                                                          • +

                                                                                                        • 2、setting 配置信息说明

                                                                                                          +
                                                                                                            +
                                                                                                          • 同 "拖拽 节点 基本控制"
                                                                                                            • +
                                                                                                          +
                                                                                                          • +

                                                                                                        • 3、treeNode 节点数据说明

                                                                                                          +
                                                                                                            +
                                                                                                          • 同 "拖拽 节点 基本控制"
                                                                                                            • +
                                                                                                          +
                                                                                                          • +
                                                                                                        +
                                                                                                        +
                                                                                                        + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/exedit/drag_super.html b/js/zTree_v3/demo/cn/exedit/drag_super.html new file mode 100755 index 0000000..9cf713b --- /dev/null +++ b/js/zTree_v3/demo/cn/exedit/drag_super.html @@ -0,0 +1,210 @@ + + + + ZTREE DEMO - beforeDrag / onDrag / beforeDrop / onDrop + + + + + + + + + + + +

                                                                                                        拖拽节点高级控制

                                                                                                        +
                                                                                                        [ 文件路径: exedit/drag_super.html ]
                                                                                                        +
                                                                                                        +
                                                                                                        +
                                                                                                          +
                                                                                                          +
                                                                                                          +
                                                                                                            +

                                                                                                          • 1、beforeDrag / onDrag
                                                                                                              beforeDrop / onDrop 事件回调函数控制

                                                                                                            +
                                                                                                              +
                                                                                                            • 此 Demo 演示合理利用配置参数实现更加灵活、更加合理的拖拽规则，操作时可以对比"基本控制"的例子
                                                                                                              • +
                                                                                                            • 此 Demo 默认 允许复制 / 移动
                                                                                                              • +
                                                                                                            • 此 Demo 中拖拽相对位置设置为 function，可以根据节点动态设定，从而可以放弃使用 beforeDrop 回调函数，拖拽时的效果会更好
                                                                                                              • +

                                                                                                            • 在对这些灵活的配置熟悉以后，相信你能够做出更加合理的拖拽规则！
                                                                                                              +      拖拽节点时自动展开父节点是否触发 callback
                                                                                                              + drag / drop log:
                                                                                                              +

                                                                                                                • +
                                                                                                              +
                                                                                                              • +

                                                                                                            • 2、setting 配置信息说明

                                                                                                              +
                                                                                                                +
                                                                                                              • 同 "拖拽 节点 基本控制"
                                                                                                                • +
                                                                                                              +
                                                                                                              • +

                                                                                                            • 3、treeNode 节点数据说明

                                                                                                              +
                                                                                                                +
                                                                                                              • 同 "拖拽 节点 基本控制"
                                                                                                                • +
                                                                                                              +
                                                                                                              • +
                                                                                                            +
                                                                                                            +
                                                                                                            + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/exedit/edit.html b/js/zTree_v3/demo/cn/exedit/edit.html new file mode 100755 index 0000000..930b360 --- /dev/null +++ b/js/zTree_v3/demo/cn/exedit/edit.html @@ -0,0 +1,115 @@ + + + + ZTREE DEMO - edit + + + + + + + + + + + +

                                                                                                            基本 增 / 删 / 改 节点

                                                                                                            +
                                                                                                            [ 文件路径: exedit/edit.html ]
                                                                                                            +
                                                                                                            +
                                                                                                            +
                                                                                                              +
                                                                                                              +
                                                                                                              +
                                                                                                                +

                                                                                                              • 1、setting 配置信息说明

                                                                                                                +
                                                                                                                  +
                                                                                                                • 此 Demo 仅从功能上演示编辑节点的基本方法和配置参数
                                                                                                                  • +
                                                                                                                • 1)、使用 编辑功能，必须设置 setting.edit 中的各个属性，详细请参见 API 文档中的相关内容
                                                                                                                  • +
                                                                                                                • 2)、使用 编辑功能的事件回调函数，必须设置 setting.callback.beforeRemove / onRemove / beforeRename / onRename 等属性，详细请参见 API 文档中的相关内容
                                                                                                                  • +
                                                                                                                • 3)、zTree 不提供默认的增加按钮，如需实现请利用自定义控件的方法 addHoverDom / removeHoverDom ，详细请参见 API 文档中的相关内容；另外也可以参考 "高级 增 / 删 / 改 节点" 的 Demo
                                                                                                                  • +

                                                                                                                • 基本编辑按钮设置：
                                                                                                                  + 显示删除按钮 + 显示编辑按钮
                                                                                                                  + remove 按钮的 title:
                                                                                                                  + rename 按钮的 title: +

                                                                                                                    +
                                                                                                                    • +
                                                                                                                  +
                                                                                                                  • +

                                                                                                                • 2、treeNode 节点数据说明

                                                                                                                  +
                                                                                                                    +
                                                                                                                  • 对 节点数据 没有特殊要求，用户可以根据自己的需求添加自定义属性
                                                                                                                    • +
                                                                                                                  +
                                                                                                                  • +
                                                                                                                +
                                                                                                                +
                                                                                                                + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/exedit/edit_fun.html b/js/zTree_v3/demo/cn/exedit/edit_fun.html new file mode 100755 index 0000000..c322b0c --- /dev/null +++ b/js/zTree_v3/demo/cn/exedit/edit_fun.html @@ -0,0 +1,194 @@ + + + + ZTREE DEMO - addNodes / editName / removeNode / removeChildNodes + + + + + + + + + + + +

                                                                                                                用 zTree 方法 增 / 删 / 改 节点

                                                                                                                +
                                                                                                                [ 文件路径: exedit/edit_fun.html ]
                                                                                                                +
                                                                                                                +
                                                                                                                +
                                                                                                                  +
                                                                                                                  +
                                                                                                                  +
                                                                                                                    +

                                                                                                                  • 1、addNodes / editName / removeNode / removeChildNodes 方法操作说明

                                                                                                                    +
                                                                                                                      +
                                                                                                                    • 利用 addNodes / editName / removeNode / removeChildNodes 方法也可以实现 增 / 删 / 改 节点的目的，这里简单演示使用方法
                                                                                                                      • +
                                                                                                                    • cancelEditName 方法仅仅是在节点进入名称编辑状态时有效，请在必要时使用，Demo 不进行此方法的演示
                                                                                                                      • +
                                                                                                                    • 利用 setting.data.keep.parent / leaf 属性 实现了父节点、叶子节点的状态锁定
                                                                                                                      • +

                                                                                                                    • 对节点进行 增 / 删 / 改，试试看：
                                                                                                                      +      removeNode 方法是否触发 callback
                                                                                                                      +     [ 增加父节点 ] +     [ 增加叶子节点 ] +     [ 编辑名称 ]
                                                                                                                      +     [ 删除节点 ] +     [ 清空子节点 ]
                                                                                                                      + remove log:
                                                                                                                      +

                                                                                                                        +
                                                                                                                        • +
                                                                                                                      • 使用 zTreeObj.addNodes / cancelEditName / editName / removeNode / removeChildNodes 方法，详细请参见 API 文档中的相关内容
                                                                                                                        • +
                                                                                                                      +
                                                                                                                      • +

                                                                                                                    • 2、setting 配置信息说明

                                                                                                                      +
                                                                                                                        +
                                                                                                                      • 同 "基本 增 / 删 / 改 节点"
                                                                                                                        • +
                                                                                                                      • 保持 父 / 叶子 节点状态，需要设置 setting.data.keep.parent / leaf 属性，详细请参见 API 文档中的相关内容
                                                                                                                        • +
                                                                                                                      +
                                                                                                                      • +

                                                                                                                    • 3、treeNode 节点数据说明

                                                                                                                      +
                                                                                                                        +
                                                                                                                      • 同 "基本 增 / 删 / 改 节点"
                                                                                                                        • +
                                                                                                                      +
                                                                                                                      • +
                                                                                                                    +
                                                                                                                    +
                                                                                                                    + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/exedit/edit_super.html b/js/zTree_v3/demo/cn/exedit/edit_super.html new file mode 100755 index 0000000..cc70ecf --- /dev/null +++ b/js/zTree_v3/demo/cn/exedit/edit_super.html @@ -0,0 +1,192 @@ + + + + ZTREE DEMO - beforeEditName / beforeRemove / onRemove / beforeRename / onRename + + + + + + + + + + + + +

                                                                                                                    高级 增 / 删 / 改 节点

                                                                                                                    +
                                                                                                                    [ 文件路径: exedit/edit_super.html ]
                                                                                                                    +
                                                                                                                    +
                                                                                                                    +
                                                                                                                      +
                                                                                                                      +
                                                                                                                      +
                                                                                                                        +

                                                                                                                      • 1、beforeEditName
                                                                                                                          beforeRemove / onRemove
                                                                                                                          beforeRename / onRename 事件回调函数控制

                                                                                                                        +
                                                                                                                          +
                                                                                                                        • 此 Demo 演示合理利用自定义控件、事件回调函数配合以增强用户体验，操作时可以对比"基本 增 / 删 / 改 节点"的 Demo
                                                                                                                          • +
                                                                                                                        • 此 Demo 实现增加节点按钮
                                                                                                                          • +
                                                                                                                        • 此 Demo 实现删除节点时进行确认
                                                                                                                          • +
                                                                                                                        • 此 Demo 利用 showRenameBtn 对 isLastNode = true 的节点不显示编辑按钮
                                                                                                                          • +
                                                                                                                        • 此 Demo 利用 showRemoveBtn 对 isFirstNode = true 的节点不显示删除按钮
                                                                                                                          • +
                                                                                                                        • 可以利用 beforeEditName 触发自定义的编辑操作
                                                                                                                          • +

                                                                                                                        • 在对这些灵活的配置熟悉以后，相信你能够做出更加合理的编辑界面！
                                                                                                                          +      编辑名称时是否全选 text
                                                                                                                          + remove / rename log:  红色 表示取消编辑操作 (v3.5.13+)
                                                                                                                          +

                                                                                                                            +
                                                                                                                            • +
                                                                                                                          +
                                                                                                                          • +

                                                                                                                        • 2、setting 配置信息说明

                                                                                                                          +
                                                                                                                            +
                                                                                                                          • 同 "基本 增 / 删 / 改 节点"
                                                                                                                            • +
                                                                                                                          +
                                                                                                                          • +

                                                                                                                        • 3、treeNode 节点数据说明

                                                                                                                          +
                                                                                                                            +
                                                                                                                          • 同 "基本 增 / 删 / 改 节点"
                                                                                                                            • +
                                                                                                                          +
                                                                                                                          • +
                                                                                                                        +
                                                                                                                        +
                                                                                                                        + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/exedit/multiTree.html b/js/zTree_v3/demo/cn/exedit/multiTree.html new file mode 100755 index 0000000..970392a --- /dev/null +++ b/js/zTree_v3/demo/cn/exedit/multiTree.html @@ -0,0 +1,94 @@ + + + + ZTREE DEMO - multiTree + + + + + + + + + + + +

                                                                                                                        多棵树之间 的 数据交互

                                                                                                                        +
                                                                                                                        [ 文件路径: exedit/multiTree.html ]
                                                                                                                        +
                                                                                                                        +
                                                                                                                        +
                                                                                                                          +

                                                                                                                        • 1、setting 配置信息说明

                                                                                                                          +
                                                                                                                            +
                                                                                                                          • zTree 对于多棵树之间拖拽的操作非常简单，只需要创建两棵可拖拽的树即可，同时可根据 各种事件回调函数 以及 zTree 的方法配合实现较复杂的操作规则，这里只是基本演示。
                                                                                                                            • +
                                                                                                                          • 关于配置信息请参考拖拽、编辑等 Demo 的详细说明
                                                                                                                            • +
                                                                                                                          +
                                                                                                                          • +

                                                                                                                        • 2、treeNode 节点数据说明

                                                                                                                          +
                                                                                                                            +
                                                                                                                          • 对 节点数据 没有特殊要求，用户可以根据自己的需求添加自定义属性
                                                                                                                            • +
                                                                                                                          +
                                                                                                                          • +
                                                                                                                        +
                                                                                                                        +
                                                                                                                        +
                                                                                                                          +
                                                                                                                          +
                                                                                                                          +
                                                                                                                            +
                                                                                                                            +
                                                                                                                            + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/exhide/checkbox.html b/js/zTree_v3/demo/cn/exhide/checkbox.html new file mode 100755 index 0000000..47ba899 --- /dev/null +++ b/js/zTree_v3/demo/cn/exhide/checkbox.html @@ -0,0 +1,161 @@ + + + + ZTREE DEMO - Hide With Checkbox Mode + + + + + + + + + + + + +

                                                                                                                            配合 checkbox 的隐藏

                                                                                                                            +
                                                                                                                            [ 文件路径: exhide/checkbox.html ]
                                                                                                                            +
                                                                                                                            +
                                                                                                                            +
                                                                                                                              +
                                                                                                                              +
                                                                                                                              +
                                                                                                                                +

                                                                                                                              • 1、setting 配置信息说明

                                                                                                                                +
                                                                                                                                  +
                                                                                                                                • 使用隐藏功能，无需设置任何参数
                                                                                                                                  • +
                                                                                                                                +
                                                                                                                                • +

                                                                                                                              • 2、treeNode 节点数据说明

                                                                                                                                +
                                                                                                                                  +
                                                                                                                                • 初始化时，设置 treeNode.isHidden = true; 可以让节点隐藏
                                                                                                                                  • +

                                                                                                                                • 隐藏、显示节点，看看树的变化：

                                                                                                                                  + 试试看：[ 隐藏选中的节点 ] +     [ 显示全部被隐藏的节点 ]

                                                                                                                                  +

                                                                                                                                    +
                                                                                                                                  • isHidden = true 的节点共 个
                                                                                                                                    • +
                                                                                                                                  • 被隐藏的节点共 个
                                                                                                                                    • +
                                                                                                                                  • 当前被勾选的节点共 个
                                                                                                                                    • +
                                                                                                                                  • 当前未被勾选的节点共 个
                                                                                                                                    • +
                                                                                                                                  • 隐藏节点后，可以看看仍显示节点的 isFirstNode 和 isLastNode 属性
                                                                                                                                    • +

                                                                                                                                  +
                                                                                                                                  • +
                                                                                                                                +
                                                                                                                                • +

                                                                                                                              • 3、其他说明

                                                                                                                                +
                                                                                                                                  +
                                                                                                                                • 隐藏节点操作，会影响 isFirstNode 和 isLastNode 属性，但是对于 getPreNode() 和 getNextNode() 方法无影响
                                                                                                                                  • +
                                                                                                                                +
                                                                                                                                • +
                                                                                                                              +
                                                                                                                              +
                                                                                                                              + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/exhide/common.html b/js/zTree_v3/demo/cn/exhide/common.html new file mode 100755 index 0000000..65ea64e --- /dev/null +++ b/js/zTree_v3/demo/cn/exhide/common.html @@ -0,0 +1,126 @@ + + + + ZTREE DEMO - Hide Ordinary Node + + + + + + + + + + + +

                                                                                                                              隐藏普通节点

                                                                                                                              +
                                                                                                                              [ 文件路径: exhide/common.html ]
                                                                                                                              +
                                                                                                                              +
                                                                                                                              +
                                                                                                                                +
                                                                                                                                +
                                                                                                                                +
                                                                                                                                  +

                                                                                                                                • 1、setting 配置信息说明

                                                                                                                                  +
                                                                                                                                    +
                                                                                                                                  • 使用此功能，无需设置任何参数
                                                                                                                                    • +
                                                                                                                                  +
                                                                                                                                  • +

                                                                                                                                • 2、treeNode 节点数据说明

                                                                                                                                  +
                                                                                                                                    +
                                                                                                                                  • 初始化时，设置 treeNode.isHidden = true; 可以让节点隐藏
                                                                                                                                    • +

                                                                                                                                  • 隐藏、显示节点，看看树的变化：

                                                                                                                                    + 试试看：[ 隐藏选中的节点 ] +     [ 显示全部被隐藏的节点 ]

                                                                                                                                    +

                                                                                                                                      +
                                                                                                                                    • isHidden = true 的节点共 个
                                                                                                                                      • +
                                                                                                                                    • 隐藏节点后，可以看看仍显示节点的 isFirstNode 和 isLastNode 属性
                                                                                                                                      • +

                                                                                                                                    +
                                                                                                                                    • +
                                                                                                                                  +
                                                                                                                                  • +

                                                                                                                                • 3、其他说明

                                                                                                                                  +
                                                                                                                                    +
                                                                                                                                  • 隐藏节点操作，会影响 isFirstNode 和 isLastNode 属性，但是对于 getPreNode() 和 getNextNode() 方法无影响
                                                                                                                                    • +
                                                                                                                                  +
                                                                                                                                  • +
                                                                                                                                +
                                                                                                                                +
                                                                                                                                + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/exhide/radio.html b/js/zTree_v3/demo/cn/exhide/radio.html new file mode 100755 index 0000000..481d029 --- /dev/null +++ b/js/zTree_v3/demo/cn/exhide/radio.html @@ -0,0 +1,162 @@ + + + + ZTREE DEMO - Hide With Radio Mode + + + + + + + + + + + + +

                                                                                                                                配合 radio 的隐藏

                                                                                                                                +
                                                                                                                                [ 文件路径: exhide/radio.html ]
                                                                                                                                +
                                                                                                                                +
                                                                                                                                +
                                                                                                                                  +
                                                                                                                                  +
                                                                                                                                  +
                                                                                                                                    +

                                                                                                                                  • 1、setting 配置信息说明

                                                                                                                                    +
                                                                                                                                      +
                                                                                                                                    • 使用隐藏功能，无需设置任何参数
                                                                                                                                      • +
                                                                                                                                    +
                                                                                                                                    • +

                                                                                                                                  • 2、treeNode 节点数据说明

                                                                                                                                    +
                                                                                                                                      +
                                                                                                                                    • 初始化时，设置 treeNode.isHidden = true; 可以让节点隐藏
                                                                                                                                      • +

                                                                                                                                    • 隐藏、显示节点，看看树的变化：

                                                                                                                                      + 试试看：[ 隐藏选中的节点 ] +     [ 显示全部被隐藏的节点 ]

                                                                                                                                      +

                                                                                                                                        +
                                                                                                                                      • isHidden = true 的节点共 个
                                                                                                                                        • +
                                                                                                                                      • 被隐藏的节点共 个
                                                                                                                                        • +
                                                                                                                                      • 当前被勾选的节点共 个
                                                                                                                                        • +
                                                                                                                                      • 当前未被勾选的节点共 个
                                                                                                                                        • +
                                                                                                                                      • 隐藏节点后，可以看看仍显示节点的 isFirstNode 和 isLastNode 属性
                                                                                                                                        • +

                                                                                                                                      +
                                                                                                                                      • +
                                                                                                                                    +
                                                                                                                                    • +

                                                                                                                                  • 3、其他说明

                                                                                                                                    +
                                                                                                                                      +
                                                                                                                                    • 隐藏节点操作，会影响 isFirstNode 和 isLastNode 属性，但是对于 getPreNode() 和 getNextNode() 方法无影响
                                                                                                                                      • +
                                                                                                                                    +
                                                                                                                                    • +
                                                                                                                                  +
                                                                                                                                  +
                                                                                                                                  + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/index.html b/js/zTree_v3/demo/cn/index.html new file mode 100755 index 0000000..98f39ec --- /dev/null +++ b/js/zTree_v3/demo/cn/index.html @@ -0,0 +1,170 @@ + + + + ZTREE DEMO + + + + + + + + + + + + + + +
                                                                                                                                  +
                                                                                                                                    +                                                                                                                                     		+ +
                                                                                                                                    + + + diff --git a/js/zTree_v3/demo/cn/super/asyncForAll.html b/js/zTree_v3/demo/cn/super/asyncForAll.html new file mode 100755 index 0000000..d5aa2d1 --- /dev/null +++ b/js/zTree_v3/demo/cn/super/asyncForAll.html @@ -0,0 +1,191 @@ + + + + ZTREE DEMO - async for All + + + + + + + + + + +

                                                                                                                                    异步加载模式下全部展开

                                                                                                                                    +
                                                                                                                                    [ 文件路径: super/asyncForAll.html ]
                                                                                                                                    +
                                                                                                                                    +
                                                                                                                                    +
                                                                                                                                      +
                                                                                                                                      +
                                                                                                                                      +
                                                                                                                                        +

                                                                                                                                      • 实现方法说明

                                                                                                                                        +
                                                                                                                                          +
                                                                                                                                        • 利用 onAsyncSuccess / onAsyncError 回调函数 和 reAsyncChildNodes 或 expandNode 方法可以实现全部功能。
                                                                                                                                          • +
                                                                                                                                        • 如果父节点数量很大，请注意利用延时进行控制，避免异步进程过多。
                                                                                                                                          • +
                                                                                                                                        • 建议：演示时请利用调试工具查看 network 的 ajax 加载过程。
                                                                                                                                          • +
                                                                                                                                        • 演示操作 +

                                                                                                                                          + [ 全部展开 ]        + [ 后台自动全部加载 ]

                                                                                                                                          + [ Reset zTree ]

                                                                                                                                          +

                                                                                                                                          +
                                                                                                                                          • +
                                                                                                                                        +
                                                                                                                                        • +
                                                                                                                                      +
                                                                                                                                      +
                                                                                                                                      + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/super/awesome.html b/js/zTree_v3/demo/cn/super/awesome.html new file mode 100755 index 0000000..190f12e --- /dev/null +++ b/js/zTree_v3/demo/cn/super/awesome.html @@ -0,0 +1,135 @@ + + + + ZTREE DEMO - awesome 风格 + + + + + + + + + + + + + + +

                                                                                                                                      Awesome 风格

                                                                                                                                      +
                                                                                                                                      [ 文件路径: super/awesome.html ]
                                                                                                                                      +
                                                                                                                                      +
                                                                                                                                      +
                                                                                                                                        +
                                                                                                                                        +
                                                                                                                                        +
                                                                                                                                          +

                                                                                                                                        • 实现方法说明

                                                                                                                                          +
                                                                                                                                            +
                                                                                                                                          • 你需要在页面中引入 fontawesome 样式 （http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css）
                                                                                                                                            • +
                                                                                                                                          • <= 小汽车图标 (如果 fontawesome 样式被正常加载，你可以正常看到)
                                                                                                                                            • +
                                                                                                                                          • 引入 适配 zTree 的 样式文件: 'css/awesomeStyle'
                                                                                                                                            • +
                                                                                                                                          • 感谢 mikkelking 提供这个 Demo. （仅供参考）
                                                                                                                                            • + +

                                                                                                                                          • Mode:
                                                                                                                                            + + + +
                                                                                                                                            +

                                                                                                                                            • +
                                                                                                                                          + +
                                                                                                                                        +
                                                                                                                                        • + +
                                                                                                                                        +
                                                                                                                                        + + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/super/checkbox_radio.html b/js/zTree_v3/demo/cn/super/checkbox_radio.html new file mode 100755 index 0000000..6c13cff --- /dev/null +++ b/js/zTree_v3/demo/cn/super/checkbox_radio.html @@ -0,0 +1,116 @@ + + + + ZTREE DEMO - checkbox & radio + + + + + + + + + + + +

                                                                                                                                        checkbox / radio 共存

                                                                                                                                        +
                                                                                                                                        [ 文件路径: super/checkbox_radio.html ]
                                                                                                                                        +
                                                                                                                                        +
                                                                                                                                        +
                                                                                                                                          +
                                                                                                                                          +
                                                                                                                                          +
                                                                                                                                            +

                                                                                                                                          • 实现方法说明

                                                                                                                                            +
                                                                                                                                              +
                                                                                                                                            • zTree 默认的 checkbox 和 radio 是无法共存的，但可以利用 自定义控件 的功能实现此需求，具体需求可以参考 "添加 自定义控件" 的详细说明
                                                                                                                                              • +
                                                                                                                                            • 对于 checkbox / radio 的联动规则，请根据需求制定自己的规则
                                                                                                                                              • +
                                                                                                                                            +
                                                                                                                                            • +
                                                                                                                                          +
                                                                                                                                          +
                                                                                                                                          + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/super/diydom.html b/js/zTree_v3/demo/cn/super/diydom.html new file mode 100755 index 0000000..fa21a9b --- /dev/null +++ b/js/zTree_v3/demo/cn/super/diydom.html @@ -0,0 +1,177 @@ + + + + ZTREE DEMO - addHoverDom / removeHoverDom / addDiyDom + + + + + + + + + + + + +

                                                                                                                                          添加自定义控件

                                                                                                                                          +
                                                                                                                                          [ 文件路径: super/diydom.html ]
                                                                                                                                          +
                                                                                                                                          +
                                                                                                                                          +
                                                                                                                                            +
                                                                                                                                            +
                                                                                                                                            +
                                                                                                                                              +

                                                                                                                                            • 1、实现方法说明

                                                                                                                                              +
                                                                                                                                                +
                                                                                                                                              • 利用 setting.view.addHoverDom / removeHoverDom / addDiyDom 这几个参数的配置可以很容易的实现自定义控件的功能
                                                                                                                                                • +
                                                                                                                                              • 添加自定义控件，请务必掌握 zTree 节点对象的命名规则，以保证正常添加 DOM 控件
                                                                                                                                                • +
                                                                                                                                              • 如果添加标准的 select / checkbox / radio 等，请注意适当调整 zTree 的布局 css，保证 zTree 能正常显示
                                                                                                                                                • +
                                                                                                                                              +
                                                                                                                                              • +

                                                                                                                                            • 2、setting 配置信息说明

                                                                                                                                              +
                                                                                                                                                +
                                                                                                                                              • 使用 setting.view.addHoverDom / removeHoverDom / addDiyDom 属性，详细请参见 API 文档中的相关内容
                                                                                                                                                • +
                                                                                                                                              +
                                                                                                                                              • +

                                                                                                                                            • 3、treeNode 节点数据说明

                                                                                                                                              +
                                                                                                                                                +
                                                                                                                                              • 对 节点数据 没有特殊要求，用户可以根据自己的需求添加自定义属性
                                                                                                                                                • +
                                                                                                                                              +
                                                                                                                                              • +
                                                                                                                                            +
                                                                                                                                            +
                                                                                                                                            + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/super/dragWithOther.html b/js/zTree_v3/demo/cn/super/dragWithOther.html new file mode 100755 index 0000000..fb3e5a8 --- /dev/null +++ b/js/zTree_v3/demo/cn/super/dragWithOther.html @@ -0,0 +1,253 @@ + + + + ZTREE DEMO - drag with other DOM + + + + + + + + + + + + +

                                                                                                                                            与其他 DOM 拖拽互动

                                                                                                                                            +
                                                                                                                                            [ 文件路径: super/dragWithOther.html ]
                                                                                                                                            +
                                                                                                                                            +
                                                                                                                                            +
                                                                                                                                              +
                                                                                                                                              +
                                                                                                                                              +
                                                                                                                                                +

                                                                                                                                              • 实现方法说明

                                                                                                                                                +
                                                                                                                                                  +
                                                                                                                                                • zTree v3.2 版本修正了 onDrag/onDrop 中的 event 对象; v3.5.16 版本增加了 onDragMove; 因此可以较容易的控制将节点拖拽到其他 DOM
                                                                                                                                                  • +
                                                                                                                                                • 将其他 DOM 拖拽到 zTree 需要自己制作相关的拖拽代码
                                                                                                                                                  • +
                                                                                                                                                • 这仅仅是一个最简单的演示，如果需要更炫的效果，需要制作更复杂的代码
                                                                                                                                                  • +
                                                                                                                                                +
                                                                                                                                                • +

                                                                                                                                              • 请拖拽下面内容到 树节点上

                                                                                                                                                +
                                                                                                                                                +
                                                                                                                                                大树小草花朵
                                                                                                                                                +
                                                                                                                                                +
                                                                                                                                                老虎狗熊狮子
                                                                                                                                                +
                                                                                                                                                + 也可以把二级节点拖拽到以上图层 +
                                                                                                                                                • +
                                                                                                                                              +
                                                                                                                                              +
                                                                                                                                              + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/super/fuzzySearch.html b/js/zTree_v3/demo/cn/super/fuzzySearch.html new file mode 100755 index 0000000..aac48cb --- /dev/null +++ b/js/zTree_v3/demo/cn/super/fuzzySearch.html @@ -0,0 +1,95 @@ + + + + ZTREE DEMO - fuzzySearch + + + + + + + + + + + + +

                                                                                                                                              根据关键字模糊查找节点

                                                                                                                                              +
                                                                                                                                              [ 文件路径: fuzzySearch/fuzzySearch.html ]
                                                                                                                                              +
                                                                                                                                              +
                                                                                                                                              +
                                                                                                                                                +
                                                                                                                                                +
                                                                                                                                                +
                                                                                                                                                  +
                                                                                                                                                • +

                                                                                                                                                  1、fuzzySearch()方法使用说明

                                                                                                                                                  +
                                                                                                                                                    +
                                                                                                                                                  • + @param zTreeId ztree对象的id,不需要# +
                                                                                                                                                    • +
                                                                                                                                                  • + @param searchField 输入框选择器 +
                                                                                                                                                    • +
                                                                                                                                                  • + @param isHighLight 是否高亮,默认高亮,传入false禁用 +
                                                                                                                                                    • +
                                                                                                                                                  • + @param isExpand 是否展开,默认合拢,传入true展开 +
                                                                                                                                                    • +
                                                                                                                                                  • + fuzzySearch ( zTreeId, searchField, isHighLight, isExpand ) +
                                                                                                                                                    • +

                                                                                                                                                  • 搜索试试看：
                                                                                                                                                    + 关键字：
                                                                                                                                                    +

                                                                                                                                                    +
                                                                                                                                                    • +
                                                                                                                                                  +
                                                                                                                                                  • +

                                                                                                                                                • 2、依赖的js

                                                                                                                                                  +
                                                                                                                                                    +
                                                                                                                                                  • ztree v3.5.19.1及以上,使用到getPath()方法
                                                                                                                                                    • +
                                                                                                                                                  • ztree.exhide扩展,使用到hideNode()方法
                                                                                                                                                    • +
                                                                                                                                                  +
                                                                                                                                                  • +
                                                                                                                                                +
                                                                                                                                                +
                                                                                                                                                + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/super/left_menu.html b/js/zTree_v3/demo/cn/super/left_menu.html new file mode 100755 index 0000000..759c863 --- /dev/null +++ b/js/zTree_v3/demo/cn/super/left_menu.html @@ -0,0 +1,152 @@ + + + + ZTREE DEMO - left_menu + + + + + + + + + + + +

                                                                                                                                                左侧菜单

                                                                                                                                                +
                                                                                                                                                [ 文件路径: super/left_menu.html ]
                                                                                                                                                +
                                                                                                                                                +
                                                                                                                                                +
                                                                                                                                                  +
                                                                                                                                                  +
                                                                                                                                                  +
                                                                                                                                                    +

                                                                                                                                                  • 实现方法说明

                                                                                                                                                    +
                                                                                                                                                      +
                                                                                                                                                    • 在 “Demo 演示”中的左侧菜单就是用 zTree 实现的，主要是靠 css 样式负责排版，利用 setting 中的配置进行功能制作，本 Demo 对实现 左侧菜单进行简单的介绍，你也可以通过查看 “Demo 演示”页面的源码深入了解。
                                                                                                                                                      • +
                                                                                                                                                    • 1、关于 css 完全可以根据自己的需要进行个性化调整，例如：此 Demo 的菜单样式 就 与 “Demo 演示”页面的不一样，仅供对比参考
                                                                                                                                                      • +
                                                                                                                                                    • 2、主要用到的配置有：
                                                                                                                                                      +     setting.view.showIcon / showLine / selectedMulti / dblClickExpand
                                                                                                                                                      +     setting.callback.onNodeCreated / beforeClick / onClick +
                                                                                                                                                      • +
                                                                                                                                                    • 3、是否需要限制单一路径展开，完全由你的需求而定，实现代码可参考 "保持展开单一路径"
                                                                                                                                                      • +
                                                                                                                                                    • 4、其他辅助规则，请根据实际情况自行编写
                                                                                                                                                      • +
                                                                                                                                                    +
                                                                                                                                                    • +
                                                                                                                                                  +
                                                                                                                                                  +
                                                                                                                                                  + + diff --git a/js/zTree_v3/demo/cn/super/left_menuForOutLook.gif b/js/zTree_v3/demo/cn/super/left_menuForOutLook.gif new file mode 100755 index 0000000..c252f0f Binary files /dev/null and b/js/zTree_v3/demo/cn/super/left_menuForOutLook.gif differ diff --git a/js/zTree_v3/demo/cn/super/left_menuForOutLook.html b/js/zTree_v3/demo/cn/super/left_menuForOutLook.html new file mode 100755 index 0000000..d42412f --- /dev/null +++ b/js/zTree_v3/demo/cn/super/left_menuForOutLook.html @@ -0,0 +1,136 @@ + + + + ZTREE DEMO - left_menu for Outlook + + + + + + + + + + +

                                                                                                                                                  OutLook 样式的左侧菜单

                                                                                                                                                  +
                                                                                                                                                  [ 文件路径: super/left_menuForOutLook.html ]
                                                                                                                                                  +
                                                                                                                                                  +
                                                                                                                                                  +
                                                                                                                                                    +
                                                                                                                                                    +
                                                                                                                                                    +
                                                                                                                                                      +

                                                                                                                                                    • 实现方法说明

                                                                                                                                                      +
                                                                                                                                                        +
                                                                                                                                                      • 帮朋友用 zTree 实现了一个貌似 Outlook.com 的菜单，特拿出来分享给大家
                                                                                                                                                        • +
                                                                                                                                                      • 1、请注意本页面源码中的 css 部分
                                                                                                                                                        • +
                                                                                                                                                      • 2、请查看源码中 js 的使用，特别是利用 addDiyDom 回调将 展开按钮 转移到 <a> 标签内
                                                                                                                                                        • +
                                                                                                                                                      • 3、利用添加 zTree 的 class 实现展开按钮的隐藏、显示
                                                                                                                                                        • +
                                                                                                                                                      • 4、其他辅助规则，请根据实际情况自行编写
                                                                                                                                                        • +
                                                                                                                                                      • 5、当前规则说明:
                                                                                                                                                        +   单击根节点可以展开、折叠;
                                                                                                                                                        +   非根节点只有点击 箭头 图标才可以展开、折叠;
                                                                                                                                                        +
                                                                                                                                                        • +
                                                                                                                                                      +
                                                                                                                                                      • +
                                                                                                                                                    +
                                                                                                                                                    +
                                                                                                                                                    + + diff --git a/js/zTree_v3/demo/cn/super/left_menuForOutLook.png b/js/zTree_v3/demo/cn/super/left_menuForOutLook.png new file mode 100755 index 0000000..36e8acf Binary files /dev/null and b/js/zTree_v3/demo/cn/super/left_menuForOutLook.png differ diff --git a/js/zTree_v3/demo/cn/super/metro.html b/js/zTree_v3/demo/cn/super/metro.html new file mode 100755 index 0000000..f82004a --- /dev/null +++ b/js/zTree_v3/demo/cn/super/metro.html @@ -0,0 +1,109 @@ + + + + ZTREE DEMO - Simple Data + + + + + + + + + + + +

                                                                                                                                                    Metro 风格

                                                                                                                                                    +
                                                                                                                                                    [ 文件路径: super/metro.html ]
                                                                                                                                                    +
                                                                                                                                                    +
                                                                                                                                                    +
                                                                                                                                                      +
                                                                                                                                                      +
                                                                                                                                                      +
                                                                                                                                                        +

                                                                                                                                                      • 1、样式文件说明

                                                                                                                                                        +
                                                                                                                                                          +
                                                                                                                                                        • 请使用 css/metroStyle 目录内的样式文件 和 图片
                                                                                                                                                          • +
                                                                                                                                                        • 感谢网友 rqx110 提供， 仅供参考
                                                                                                                                                          • +
                                                                                                                                                        +
                                                                                                                                                        • +
                                                                                                                                                      +
                                                                                                                                                      +
                                                                                                                                                      + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/super/oneclick.html b/js/zTree_v3/demo/cn/super/oneclick.html new file mode 100755 index 0000000..6b098d7 --- /dev/null +++ b/js/zTree_v3/demo/cn/super/oneclick.html @@ -0,0 +1,87 @@ + + + + ZTREE DEMO - one click + + + + + + + + + + + +

                                                                                                                                                      单击展开/折叠节点

                                                                                                                                                      +
                                                                                                                                                      [ 文件路径: super/oneclick.html ]
                                                                                                                                                      +
                                                                                                                                                      +
                                                                                                                                                      +
                                                                                                                                                        +
                                                                                                                                                        +
                                                                                                                                                        +
                                                                                                                                                          +

                                                                                                                                                        • 实现方法说明

                                                                                                                                                          +
                                                                                                                                                            +
                                                                                                                                                          • zTree 默认不提供单击展开节点的功能，但可以利用 onClick 事件回调函数轻松实现此功能
                                                                                                                                                            • +
                                                                                                                                                          • 为了避免与双击功能冲突，建议关闭双击展开节点的功能，请设置 setting.view.dblClickExpand = false
                                                                                                                                                            • +
                                                                                                                                                          • 可以将所有的 +/- 开关隐藏，请查看本页面源码，查看 css 设置
                                                                                                                                                            • +
                                                                                                                                                          • 由于 +/- 开关与 节点连接线是配套的，所以如果不显示 +/- 开关的话，那么请设置 setting.view.showLine = false 隐藏连接线
                                                                                                                                                            • +
                                                                                                                                                          +
                                                                                                                                                          • +
                                                                                                                                                        +
                                                                                                                                                        +
                                                                                                                                                        + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/super/oneroot.html b/js/zTree_v3/demo/cn/super/oneroot.html new file mode 100755 index 0000000..14ec990 --- /dev/null +++ b/js/zTree_v3/demo/cn/super/oneroot.html @@ -0,0 +1,79 @@ + + + + ZTREE DEMO - one root + + + + + + + + + + + +

                                                                                                                                                        冻结根节点

                                                                                                                                                        +
                                                                                                                                                        [ 文件路径: super/oneroot.html ]
                                                                                                                                                        +
                                                                                                                                                        +
                                                                                                                                                        +
                                                                                                                                                          +
                                                                                                                                                          +
                                                                                                                                                          +
                                                                                                                                                            +

                                                                                                                                                          • 实现方法说明

                                                                                                                                                            +
                                                                                                                                                              +
                                                                                                                                                            • 对于这种只有一个根节点，且不显示 +/- 开关的需求，需要利用 css、setting 配合使用
                                                                                                                                                              • +
                                                                                                                                                            • zTree v3.x 可以针对指定的 level，进行样式设定，请查看本页面源码，查看 css 设置
                                                                                                                                                              • +
                                                                                                                                                            • 设置 setting.view.dblClickExpand 指向 Function，可以只针对根节点关闭双击展开的操作
                                                                                                                                                              • +
                                                                                                                                                            +
                                                                                                                                                            • +
                                                                                                                                                          +
                                                                                                                                                          +
                                                                                                                                                          + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/super/rightClickMenu.html b/js/zTree_v3/demo/cn/super/rightClickMenu.html new file mode 100755 index 0000000..dd15c6e --- /dev/null +++ b/js/zTree_v3/demo/cn/super/rightClickMenu.html @@ -0,0 +1,171 @@ + + + + ZTREE DEMO - select menu + + + + + + + + + + + + +

                                                                                                                                                          右键菜单的实现

                                                                                                                                                          +
                                                                                                                                                          [ 文件路径: super/rightClickMenu.html ]
                                                                                                                                                          +
                                                                                                                                                          +
                                                                                                                                                          +
                                                                                                                                                            +
                                                                                                                                                            +
                                                                                                                                                            +
                                                                                                                                                              +

                                                                                                                                                            • 实现方法说明

                                                                                                                                                              +
                                                                                                                                                                +
                                                                                                                                                              • 利用 beforeRightClick / onRightClick 事件回调函数简单实现的右键菜单
                                                                                                                                                                • +
                                                                                                                                                              • Demo 中的菜单比较简陋，你完全可以配合其他自定义样式的菜单图层混合使用
                                                                                                                                                                • +
                                                                                                                                                              +
                                                                                                                                                              • +
                                                                                                                                                            +
                                                                                                                                                            +
                                                                                                                                                            +
                                                                                                                                                            +
                                                                                                                                                              +
                                                                                                                                                            • 增加节点
                                                                                                                                                              • +
                                                                                                                                                            • 删除节点
                                                                                                                                                              • +
                                                                                                                                                            • Check节点
                                                                                                                                                              • +
                                                                                                                                                            • unCheck节点
                                                                                                                                                              • +
                                                                                                                                                            • 恢复zTree
                                                                                                                                                              • +
                                                                                                                                                            +
                                                                                                                                                            + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/super/select_menu.html b/js/zTree_v3/demo/cn/super/select_menu.html new file mode 100755 index 0000000..5038fa6 --- /dev/null +++ b/js/zTree_v3/demo/cn/super/select_menu.html @@ -0,0 +1,124 @@ + + + + ZTREE DEMO - select menu + + + + + + + + + + + +

                                                                                                                                                            下拉菜单

                                                                                                                                                            +
                                                                                                                                                            [ 文件路径: super/select_menu.html ]
                                                                                                                                                            +
                                                                                                                                                            +
                                                                                                                                                            +
                                                                                                                                                              +
                                                                                                                                                            •   选择城市时，按下 Ctrl 或 Cmd 键可以进行多选
                                                                                                                                                              • +
                                                                                                                                                            •   城市： +  选择
                                                                                                                                                              • +
                                                                                                                                                            +
                                                                                                                                                            +
                                                                                                                                                            +
                                                                                                                                                              +

                                                                                                                                                            • 实现方法说明

                                                                                                                                                              +
                                                                                                                                                                +
                                                                                                                                                              • 用 zTree 实现这种下拉菜单，应该说是比较容易的，你只需要控制 zTree 所在容器的隐藏/显示，以及位置即可。
                                                                                                                                                                • +
                                                                                                                                                              • zTree v3.x 实现了多点选中功能，因此对于需要多选的下拉菜单也易如反掌。
                                                                                                                                                                • +
                                                                                                                                                              • 利用 setting 的各项配置参数，完全可以满足大部分的功能需求。
                                                                                                                                                                • +
                                                                                                                                                              +
                                                                                                                                                              • +
                                                                                                                                                            +
                                                                                                                                                            +
                                                                                                                                                            + + + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/super/select_menu_checkbox.html b/js/zTree_v3/demo/cn/super/select_menu_checkbox.html new file mode 100755 index 0000000..387bcbd --- /dev/null +++ b/js/zTree_v3/demo/cn/super/select_menu_checkbox.html @@ -0,0 +1,126 @@ + + + + ZTREE DEMO - checkbox select menu + + + + + + + + + + + + +

                                                                                                                                                            带 checkbox 的多选下拉菜单 -- zTree

                                                                                                                                                            +
                                                                                                                                                            [ 文件路径: super/select_menu_checkbox.html ]
                                                                                                                                                            +
                                                                                                                                                            +
                                                                                                                                                            +
                                                                                                                                                              +
                                                                                                                                                            •   勾选 checkbox 或者 点击节点 进行选择
                                                                                                                                                              • +
                                                                                                                                                            •   Test: +  select
                                                                                                                                                              • +
                                                                                                                                                            +
                                                                                                                                                            +
                                                                                                                                                            +
                                                                                                                                                              +

                                                                                                                                                            • 实现方法说明

                                                                                                                                                              +
                                                                                                                                                                +
                                                                                                                                                              • 用 checkbox 也可以轻松实现多选的下拉菜单
                                                                                                                                                                • +
                                                                                                                                                              • 此 Demo 主要用于 和 其他下拉菜单进行对比
                                                                                                                                                                • +
                                                                                                                                                              +
                                                                                                                                                              • +
                                                                                                                                                            +
                                                                                                                                                            +
                                                                                                                                                            + + + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/super/select_menu_radio.html b/js/zTree_v3/demo/cn/super/select_menu_radio.html new file mode 100755 index 0000000..5a2b9dd --- /dev/null +++ b/js/zTree_v3/demo/cn/super/select_menu_radio.html @@ -0,0 +1,127 @@ + + + + ZTREE DEMO - radio select menu + + + + + + + + + + + + +

                                                                                                                                                            带 radio 的单选下拉菜单 -- zTree

                                                                                                                                                            +
                                                                                                                                                            [ 文件路径: super/select_menu_radio.html ]
                                                                                                                                                            +
                                                                                                                                                            +
                                                                                                                                                            +
                                                                                                                                                              +
                                                                                                                                                            •   勾选 radio 或者 点击节点 进行选择
                                                                                                                                                              • +
                                                                                                                                                            •   Test: +  select
                                                                                                                                                              • +
                                                                                                                                                            +
                                                                                                                                                            +
                                                                                                                                                            +
                                                                                                                                                              +

                                                                                                                                                            • 实现方法说明

                                                                                                                                                              +
                                                                                                                                                                +
                                                                                                                                                              • 用 radio 也可以轻松实现单选的下拉菜单
                                                                                                                                                                • +
                                                                                                                                                              • 单选其实没有必要使用 radio, 此 Demo 主要用于 和 其他下拉菜单进行对比
                                                                                                                                                                • +
                                                                                                                                                              +
                                                                                                                                                              • +
                                                                                                                                                            +
                                                                                                                                                            +
                                                                                                                                                            + + + + \ No newline at end of file diff --git a/js/zTree_v3/demo/cn/super/singlepath.html b/js/zTree_v3/demo/cn/super/singlepath.html new file mode 100755 index 0000000..667d530 --- /dev/null +++ b/js/zTree_v3/demo/cn/super/singlepath.html @@ -0,0 +1,166 @@ + + + + ZTREE DEMO - single path + + + + + + + + + + + +

                                                                                                                                                            保持展开单一路径

                                                                                                                                                            +
                                                                                                                                                            [ 文件路径: super/singlepath.html ]
                                                                                                                                                            +
                                                                                                                                                            +
                                                                                                                                                            +
                                                                                                                                                              +
                                                                                                                                                              +
                                                                                                                                                              +
                                                                                                                                                                +

                                                                                                                                                              • 实现方法说明

                                                                                                                                                                +
                                                                                                                                                                  +
                                                                                                                                                                • 此 Demo 是在 "单击展开/折叠节点" 基础上改造而来，树节点保持始终只展开一条路径。
                                                                                                                                                                  • +
                                                                                                                                                                • 利用 setting.callback.beforeExpand / onExpand 事件回调函数实现展开规则
                                                                                                                                                                  • +
                                                                                                                                                                +
                                                                                                                                                                • +
                                                                                                                                                              +
                                                                                                                                                              +
                                                                                                                                                              + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/asyncData/getNodes.php b/js/zTree_v3/demo/en/asyncData/getNodes.php new file mode 100755 index 0000000..6d22b5e --- /dev/null +++ b/js/zTree_v3/demo/en/asyncData/getNodes.php @@ -0,0 +1,42 @@ + +[] diff --git a/js/zTree_v3/demo/en/asyncData/getNodesForBigData.php b/js/zTree_v3/demo/en/asyncData/getNodesForBigData.php new file mode 100755 index 0000000..588c14c --- /dev/null +++ b/js/zTree_v3/demo/en/asyncData/getNodesForBigData.php @@ -0,0 +1,26 @@ + +[] diff --git a/js/zTree_v3/demo/en/bigdata/common.html b/js/zTree_v3/demo/en/bigdata/common.html new file mode 100755 index 0000000..4d39b0f --- /dev/null +++ b/js/zTree_v3/demo/en/bigdata/common.html @@ -0,0 +1,190 @@ + + + + ZTREE DEMO - big data common + + + + + + + + + + + +

                                                                                                                                                              One-time Large Data Loading

                                                                                                                                                              +
                                                                                                                                                              [ File Path: bigdata/common.html ]
                                                                                                                                                              +
                                                                                                                                                              +
                                                                                                                                                              +
                                                                                                                                                                +
                                                                                                                                                              • Adjust the total number of nodes to the test load speed: +
                                                                                                                                                                +
                                                                                                                                                                5000
                                                                                                                                                                +
                                                                                                                                                                +
                                                                                                                                                                + checkbox     + [ Initialize zTree ] +
                                                                                                                                                                +
                                                                                                                                                                • +
                                                                                                                                                              +
                                                                                                                                                                +
                                                                                                                                                                +
                                                                                                                                                                +
                                                                                                                                                                  +

                                                                                                                                                                • 1, Explanation of large data load

                                                                                                                                                                  +
                                                                                                                                                                    +
                                                                                                                                                                  • 1) zTree v3.x optimized for one-time large data loading capacity, using a lazy loading technique, which does not expand the node does not create child nodes of the DOM.
                                                                                                                                                                    • +
                                                                                                                                                                  • 2) If a maximum of 100 nodes each, but a total number of several thousand or even tens of thousands of nodes, and the parent node is collapsed by default to optimize the most obvious effect, very fast.
                                                                                                                                                                    • +
                                                                                                                                                                  • 3) For the next level there are thousands of sub-node case, the optimization of lazy loading is invalid, proposal to consider asynchronous page loading.
                                                                                                                                                                    • +
                                                                                                                                                                  • 4) if you set the data to all the parent nodes are expanded, the optimization of lazy loading is invalid, proposal to not expand all parent node when you initialize zTree.
                                                                                                                                                                    • +
                                                                                                                                                                  • 5) set the display checkbox / radio will affect some of the performance.
                                                                                                                                                                    • +
                                                                                                                                                                  • 6) DOM generated using addDiyDom function will affect the speed, the number of nodes determines the number of impact situations.
                                                                                                                                                                    • +
                                                                                                                                                                  • 7) Using 'onNodeCreated' callback function to manipulate nodes object will affect the speed, the degree of influence determined by the number of nodes.
                                                                                                                                                                    • +
                                                                                                                                                                  +
                                                                                                                                                                  • +

                                                                                                                                                                • 2, Explanation of setting

                                                                                                                                                                  +
                                                                                                                                                                    +
                                                                                                                                                                  • No special configuration.
                                                                                                                                                                    • +
                                                                                                                                                                  +
                                                                                                                                                                  • +

                                                                                                                                                                • 3, Explanation of treeNode

                                                                                                                                                                  +
                                                                                                                                                                    +
                                                                                                                                                                  • No special requirements on the node data, the user can add custom attributes.
                                                                                                                                                                    • +
                                                                                                                                                                  +
                                                                                                                                                                  • +
                                                                                                                                                                +
                                                                                                                                                                +
                                                                                                                                                                + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/bigdata/diy_async.html b/js/zTree_v3/demo/en/bigdata/diy_async.html new file mode 100755 index 0000000..1049714 --- /dev/null +++ b/js/zTree_v3/demo/en/bigdata/diy_async.html @@ -0,0 +1,157 @@ + + + + ZTREE DEMO - big data async + + + + + + + + + + + +

                                                                                                                                                                Loading Data in Batches

                                                                                                                                                                +
                                                                                                                                                                [ File Path: bigdata/diy_async.html ]
                                                                                                                                                                +
                                                                                                                                                                +
                                                                                                                                                                +
                                                                                                                                                                  +
                                                                                                                                                                •     Demo for testing load data in batches, each node needs to re-start to load.
                                                                                                                                                                  • +
                                                                                                                                                                +
                                                                                                                                                                  +
                                                                                                                                                                  +
                                                                                                                                                                  +
                                                                                                                                                                    +

                                                                                                                                                                  • 1, Explanation of large data load

                                                                                                                                                                    +
                                                                                                                                                                      +
                                                                                                                                                                    • 1) If has nodes for as many as thousands in one level, lazy loading is invalid, this demo shows how to load data in batches.
                                                                                                                                                                      • +
                                                                                                                                                                    • 2) This method applies to thousands of nodes must all display needs.
                                                                                                                                                                      • +
                                                                                                                                                                    • 3) This method doesn't solve the problem of slow loading, it will only make the final result appear more slowly, but can be limited to avoid browser suspended animation, and more nodes displayed slower.
                                                                                                                                                                      • +
                                                                                                                                                                    • 4) For at least several thousand nodes in one level case, another solution is to: pagination loading.
                                                                                                                                                                      + async load log:
                                                                                                                                                                      +
                                                                                                                                                                        • +
                                                                                                                                                                      +
                                                                                                                                                                      • +

                                                                                                                                                                    • 2, Explanation of setting

                                                                                                                                                                      +
                                                                                                                                                                        +
                                                                                                                                                                      • Need to set the parameters in setting.async
                                                                                                                                                                        • +
                                                                                                                                                                      • Advised to turn off animation effects: setting.view.expandSpeed = "";
                                                                                                                                                                        • +
                                                                                                                                                                      • No other special configuration, the user can set their own requirements.
                                                                                                                                                                        • +
                                                                                                                                                                      +
                                                                                                                                                                      • +

                                                                                                                                                                    • 3, Explanation of treeNode

                                                                                                                                                                      +
                                                                                                                                                                        +
                                                                                                                                                                      • No special requirements on the node data, the user can add custom attributes.
                                                                                                                                                                        • +
                                                                                                                                                                      +
                                                                                                                                                                      • +
                                                                                                                                                                    +
                                                                                                                                                                    +
                                                                                                                                                                    + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/bigdata/page.html b/js/zTree_v3/demo/en/bigdata/page.html new file mode 100755 index 0000000..3b18f9e --- /dev/null +++ b/js/zTree_v3/demo/en/bigdata/page.html @@ -0,0 +1,150 @@ + + + + ZTREE DEMO - big data page + + + + + + + + + + + + +

                                                                                                                                                                    Loading Data By Pagination

                                                                                                                                                                    +
                                                                                                                                                                    [ File Path: bigdata/page.html ]
                                                                                                                                                                    +
                                                                                                                                                                    +
                                                                                                                                                                    +
                                                                                                                                                                      +
                                                                                                                                                                      +
                                                                                                                                                                      +
                                                                                                                                                                        +

                                                                                                                                                                      • 1, Explanation of large data load

                                                                                                                                                                        +
                                                                                                                                                                          +
                                                                                                                                                                        • 1) Pagination can be an effective solution to the large number of child nodes of the situation.
                                                                                                                                                                          • +
                                                                                                                                                                        • 2) Using custom method to display the pagination button.
                                                                                                                                                                          • +
                                                                                                                                                                        • 3) Pagination lead to the association of checkbox can not be achieved, only correction after show each page . Because of the time limitation, Demo does not deal with association of checkbox.
                                                                                                                                                                          • +
                                                                                                                                                                        • 4) The use of pagination, you can only get the current page node data from zTree. You can save the data after each page loading as the cache, according to the demand to determine the specific methods.
                                                                                                                                                                          • + +

                                                                                                                                                                        • 2, Explanation of setting

                                                                                                                                                                          +
                                                                                                                                                                            +
                                                                                                                                                                          • Need to set the parameters in setting.async
                                                                                                                                                                            • +
                                                                                                                                                                          • No other special configuration, the user can set their own requirements.
                                                                                                                                                                            • +
                                                                                                                                                                          +
                                                                                                                                                                          • +

                                                                                                                                                                        • 3, Explanation of treeNode

                                                                                                                                                                          +
                                                                                                                                                                            +
                                                                                                                                                                          • No special requirements on the node data, the user can add custom attributes.
                                                                                                                                                                            • +
                                                                                                                                                                          +
                                                                                                                                                                          • +
                                                                                                                                                                        +
                                                                                                                                                                      +
                                                                                                                                                                      + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/core/async.html b/js/zTree_v3/demo/en/core/async.html new file mode 100755 index 0000000..e287c3f --- /dev/null +++ b/js/zTree_v3/demo/en/core/async.html @@ -0,0 +1,70 @@ + + + + ZTREE DEMO - Async + + + + + + + + + + +

                                                                                                                                                                      Dynamic Tree with Ajax

                                                                                                                                                                      +
                                                                                                                                                                      [ File Path: core/async.html ]
                                                                                                                                                                      +
                                                                                                                                                                      +
                                                                                                                                                                      +
                                                                                                                                                                        +
                                                                                                                                                                        +
                                                                                                                                                                        +
                                                                                                                                                                          +

                                                                                                                                                                        • 1, Explanation of setting

                                                                                                                                                                          +
                                                                                                                                                                            +
                                                                                                                                                                          • For create dynamic tree with ajax, you need to set attributes in setting.async, see the API documentation for more related contents.
                                                                                                                                                                            • +
                                                                                                                                                                          +
                                                                                                                                                                          • +

                                                                                                                                                                        • 2, Explanation of treeNode

                                                                                                                                                                          +
                                                                                                                                                                            +
                                                                                                                                                                          • Dynamic tree with ajax doesn't need to make special treeNode node data, if use simple JSON data model, please set the attributes in setting.data.simple.
                                                                                                                                                                            • +
                                                                                                                                                                          • If ajax only to return node data in single level, you don't need to use simple JSON data model.
                                                                                                                                                                            • +
                                                                                                                                                                          +
                                                                                                                                                                          • +

                                                                                                                                                                        • 3、Other explanation

                                                                                                                                                                          +
                                                                                                                                                                            +
                                                                                                                                                                          • Monitoring autoParam and otherParam use firebug or the developer tools in browser.
                                                                                                                                                                            • +
                                                                                                                                                                          • This Demo only loading 4 level nodes (level = 3).
                                                                                                                                                                            • +
                                                                                                                                                                          • This Demo use 'dataFilter' to modify the name of the node.
                                                                                                                                                                            • +
                                                                                                                                                                          +
                                                                                                                                                                          • +
                                                                                                                                                                        +
                                                                                                                                                                        +
                                                                                                                                                                        + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/core/async_fun.html b/js/zTree_v3/demo/en/core/async_fun.html new file mode 100755 index 0000000..25bcc97 --- /dev/null +++ b/js/zTree_v3/demo/en/core/async_fun.html @@ -0,0 +1,144 @@ + + + + ZTREE DEMO - reAsyncChildNodes + + + + + + + + + + + +

                                                                                                                                                                        Dynamic Tree - zTree methods

                                                                                                                                                                        +
                                                                                                                                                                        [ File Path: core/async_fun.html ]
                                                                                                                                                                        +
                                                                                                                                                                        +
                                                                                                                                                                        +
                                                                                                                                                                          +
                                                                                                                                                                          +
                                                                                                                                                                          +
                                                                                                                                                                            +

                                                                                                                                                                          • 1, Explanation of reAsyncChildNodes

                                                                                                                                                                            +
                                                                                                                                                                              +
                                                                                                                                                                            • How to use zTreeObj.reAsyncChildNodes method, please see the API documentation.
                                                                                                                                                                              • +

                                                                                                                                                                            • This Demo can only select one parent node
                                                                                                                                                                              + Try: [ reload ]    [ append ]

                                                                                                                                                                              +
                                                                                                                                                                              • +

                                                                                                                                                                            • 'isSilent' parameter is only for the collapsed state of the parent node.
                                                                                                                                                                              + Try: [ Quietly reloaded ]    [ Quietly append ]
                                                                                                                                                                              + async log:
                                                                                                                                                                              +

                                                                                                                                                                                +
                                                                                                                                                                                • +
                                                                                                                                                                              +
                                                                                                                                                                              • +

                                                                                                                                                                            • 2, Explanation of setting

                                                                                                                                                                              +
                                                                                                                                                                                +
                                                                                                                                                                              • For useing reAsyncChildNodes method, you need to set attributes in setting.async, see the API documentation for more related contents.
                                                                                                                                                                                • +
                                                                                                                                                                              +
                                                                                                                                                                              • +

                                                                                                                                                                            • 3, Explanation of treeNode

                                                                                                                                                                              +
                                                                                                                                                                                +
                                                                                                                                                                              • Same as 'Dynamic Tree with Ajax'
                                                                                                                                                                                • +
                                                                                                                                                                              +
                                                                                                                                                                              • +

                                                                                                                                                                            • 4、Other explanation

                                                                                                                                                                              +
                                                                                                                                                                                +
                                                                                                                                                                              • Same as 'Dynamic Tree with Ajax'
                                                                                                                                                                                • +
                                                                                                                                                                              +
                                                                                                                                                                              • +
                                                                                                                                                                            +
                                                                                                                                                                            +
                                                                                                                                                                            + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/core/click.html b/js/zTree_v3/demo/en/core/click.html new file mode 100755 index 0000000..5630fc9 --- /dev/null +++ b/js/zTree_v3/demo/en/core/click.html @@ -0,0 +1,107 @@ + + + + ZTREE DEMO - beforeClick / onClick + + + + + + + + + + +

                                                                                                                                                                            Control of Click Node

                                                                                                                                                                            +
                                                                                                                                                                            [ File Path: core/click.html ]
                                                                                                                                                                            +
                                                                                                                                                                            +
                                                                                                                                                                            +
                                                                                                                                                                              +
                                                                                                                                                                              +
                                                                                                                                                                              +
                                                                                                                                                                                +

                                                                                                                                                                              • 1, 'beforeClick / onClick' callback function

                                                                                                                                                                                +
                                                                                                                                                                                  +
                                                                                                                                                                                • Use 'beforeClick / onClick' callback function can be achieved with the click on the various functions. This simple demo shows how to monitor the click event.
                                                                                                                                                                                  • +

                                                                                                                                                                                • Try pressing the Ctrl or Cmd key for multi-node selection and deselection.
                                                                                                                                                                                  + click log:
                                                                                                                                                                                  +

                                                                                                                                                                                    +
                                                                                                                                                                                    • +
                                                                                                                                                                                  +
                                                                                                                                                                                  • +

                                                                                                                                                                                • 2, Explanation of setting

                                                                                                                                                                                  +
                                                                                                                                                                                    +
                                                                                                                                                                                  • You need to set attributes about setting.callback.beforeClick and setting.callback.onClick, see the API documentation for more related contents.
                                                                                                                                                                                    • +
                                                                                                                                                                                  +
                                                                                                                                                                                  • +

                                                                                                                                                                                • 3, Explanation of treeNode

                                                                                                                                                                                  +
                                                                                                                                                                                    +
                                                                                                                                                                                  • No special requirements on the node data, the user can add custom attributes.
                                                                                                                                                                                    • +
                                                                                                                                                                                  +
                                                                                                                                                                                  • +
                                                                                                                                                                                +
                                                                                                                                                                                +
                                                                                                                                                                                + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/core/custom_font.html b/js/zTree_v3/demo/en/core/custom_font.html new file mode 100755 index 0000000..da3795a --- /dev/null +++ b/js/zTree_v3/demo/en/core/custom_font.html @@ -0,0 +1,67 @@ + + + + ZTREE DEMO - Custom Font + + + + + + + + + + +

                                                                                                                                                                                Custom Fonts

                                                                                                                                                                                +
                                                                                                                                                                                [ File Path: core/custom_font.html ]
                                                                                                                                                                                +
                                                                                                                                                                                +
                                                                                                                                                                                +
                                                                                                                                                                                  +
                                                                                                                                                                                  +
                                                                                                                                                                                  +
                                                                                                                                                                                    +

                                                                                                                                                                                  • 1, Explanation of setting

                                                                                                                                                                                    +
                                                                                                                                                                                      +
                                                                                                                                                                                    • 1. For display custom fonts, you need to set setting.view.fontCss attribute, see the API documentation for more related contents.
                                                                                                                                                                                      • +
                                                                                                                                                                                    • 2. If you need the node name support the HTML, please set the 'setting.view.nameIsHTML' attribute, see the API documentation for more related contents.
                                                                                                                                                                                      • +
                                                                                                                                                                                    +
                                                                                                                                                                                    • +

                                                                                                                                                                                  • 2, Explanation of treeNode

                                                                                                                                                                                    +
                                                                                                                                                                                      +
                                                                                                                                                                                    • Set the font does not require to special node data , but if used to differentiate between different types of nodes, the corresponding data can set custom attributes.
                                                                                                                                                                                      • +
                                                                                                                                                                                    • The css style of data stored in the nodes within this demo
                                                                                                                                                                                      • +
                                                                                                                                                                                    +
                                                                                                                                                                                    • +
                                                                                                                                                                                  +
                                                                                                                                                                                  +
                                                                                                                                                                                  + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/core/custom_icon.html b/js/zTree_v3/demo/en/core/custom_icon.html new file mode 100755 index 0000000..a2b0965 --- /dev/null +++ b/js/zTree_v3/demo/en/core/custom_icon.html @@ -0,0 +1,74 @@ + + + + ZTREE DEMO - Custom Icon + + + + + + + + + + +

                                                                                                                                                                                  Custom Icon - icon

                                                                                                                                                                                  +
                                                                                                                                                                                  [ File Path: core/custom_icon.html ]
                                                                                                                                                                                  +
                                                                                                                                                                                  +
                                                                                                                                                                                  +
                                                                                                                                                                                    +
                                                                                                                                                                                    +
                                                                                                                                                                                    +
                                                                                                                                                                                      +

                                                                                                                                                                                    • 1, Explanation of setting

                                                                                                                                                                                      +
                                                                                                                                                                                        +
                                                                                                                                                                                      • Custom icon does not require special configuration setting.
                                                                                                                                                                                        • +
                                                                                                                                                                                      +
                                                                                                                                                                                      • +

                                                                                                                                                                                    • 2, Explanation of treeNode

                                                                                                                                                                                      +
                                                                                                                                                                                        +
                                                                                                                                                                                      • Use node data’s icon / iconOpen / iconClose attribute show custom icon.
                                                                                                                                                                                        • +
                                                                                                                                                                                      • See the API documentation for more related contents.
                                                                                                                                                                                        • +
                                                                                                                                                                                      +
                                                                                                                                                                                      • +

                                                                                                                                                                                    • 3、Other explanation

                                                                                                                                                                                      +
                                                                                                                                                                                        +
                                                                                                                                                                                      • Because of the time limitation, demo uses png images, if you need transparent images in IE6 browser, make a gif image, or use a special 'css filter' on ie6 browser.
                                                                                                                                                                                        • +
                                                                                                                                                                                      +
                                                                                                                                                                                      • +
                                                                                                                                                                                    +
                                                                                                                                                                                    +
                                                                                                                                                                                    + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/core/custom_iconSkin.html b/js/zTree_v3/demo/en/core/custom_iconSkin.html new file mode 100755 index 0000000..d853a58 --- /dev/null +++ b/js/zTree_v3/demo/en/core/custom_iconSkin.html @@ -0,0 +1,85 @@ + + + + ZTREE DEMO - Custom Icon Skin + + + + + + + + + + + +

                                                                                                                                                                                    Custom Icon - iconSkin

                                                                                                                                                                                    +
                                                                                                                                                                                    [ File Path: core/custom_iconSkin.html ]
                                                                                                                                                                                    +
                                                                                                                                                                                    +
                                                                                                                                                                                    +
                                                                                                                                                                                      +
                                                                                                                                                                                      +
                                                                                                                                                                                      +
                                                                                                                                                                                        +

                                                                                                                                                                                      • 1, Explanation of setting

                                                                                                                                                                                        +
                                                                                                                                                                                          +
                                                                                                                                                                                        • Custom icon does not require special configuration setting.
                                                                                                                                                                                          • +
                                                                                                                                                                                        +
                                                                                                                                                                                        • +

                                                                                                                                                                                      • 2, Explanation of treeNode

                                                                                                                                                                                        +
                                                                                                                                                                                          +
                                                                                                                                                                                        • Use the node data iconSkin attributes and css show custom icon.
                                                                                                                                                                                          • +
                                                                                                                                                                                        • See the API documentation for more related contents.
                                                                                                                                                                                          • +
                                                                                                                                                                                        +
                                                                                                                                                                                        • +

                                                                                                                                                                                      • 3、Other explanation

                                                                                                                                                                                        +
                                                                                                                                                                                          +
                                                                                                                                                                                        • Because of the time limitation, demo uses png images, if you need transparent images in IE6 browser, make a gif image, or use a special 'css filter' on ie6 browser.
                                                                                                                                                                                          • +
                                                                                                                                                                                        +
                                                                                                                                                                                        • +
                                                                                                                                                                                      +
                                                                                                                                                                                      +
                                                                                                                                                                                      + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/core/expand.html b/js/zTree_v3/demo/en/core/expand.html new file mode 100755 index 0000000..489638a --- /dev/null +++ b/js/zTree_v3/demo/en/core/expand.html @@ -0,0 +1,186 @@ + + + + ZTREE DEMO - beforeExpand / onExpand && beforeCollapse / onCollapse + + + + + + + + + + +

                                                                                                                                                                                      Control of Expand Node

                                                                                                                                                                                      +
                                                                                                                                                                                      [ File Path: core/expand.html ]
                                                                                                                                                                                      +
                                                                                                                                                                                      +
                                                                                                                                                                                      +
                                                                                                                                                                                        +
                                                                                                                                                                                        +
                                                                                                                                                                                        +
                                                                                                                                                                                          +

                                                                                                                                                                                        • 1, 'beforeCollapse / onCollapse'
                                                                                                                                                                                            'beforeExpand / onExpand' callback function

                                                                                                                                                                                          +
                                                                                                                                                                                            +
                                                                                                                                                                                          • Use 'beforeCollapse / onCollapse' and 'beforeExpand / onExpand' callback function can control whether to allow expand or collapse the parent node + . This simple demo shows how to monitor the collapse and expand event.
                                                                                                                                                                                            • +

                                                                                                                                                                                          • Try:
                                                                                                                                                                                            +      Whether trigger the callback when execution expandNode() method.
                                                                                                                                                                                            +     Single Node --[ expand ] +     [ collapse ] +     [ toggle ]
                                                                                                                                                                                            +     Single Node (including child) --[ expand ] +     [ collapse ]
                                                                                                                                                                                            +     All Nodes --[ expand All ] +     [ collapse All ]

                                                                                                                                                                                            +

                                                                                                                                                                                          • How to use zTreeObj.updateNode method, please see the API documentation.
                                                                                                                                                                                            + collapse / expand log:
                                                                                                                                                                                            +

                                                                                                                                                                                              +
                                                                                                                                                                                              • +
                                                                                                                                                                                            +
                                                                                                                                                                                            • +

                                                                                                                                                                                          • 2, Explanation of setting

                                                                                                                                                                                            +
                                                                                                                                                                                              +
                                                                                                                                                                                            • Set attributes about 'setting.callback.beforeCollapse / onCollapse / beforeExpand / onExpand', please see the API documentation for more related contents.
                                                                                                                                                                                              • +
                                                                                                                                                                                            • If you need to adjust the expand / collapse animation effects, please see the API documentation about setting.view.expandSpeed.
                                                                                                                                                                                              • +
                                                                                                                                                                                            +
                                                                                                                                                                                            • +

                                                                                                                                                                                          • 3, Explanation of treeNode

                                                                                                                                                                                            +
                                                                                                                                                                                              +
                                                                                                                                                                                            • No special requirements on the node data, the user can add custom attributes.
                                                                                                                                                                                              • +
                                                                                                                                                                                            +
                                                                                                                                                                                            • +
                                                                                                                                                                                          +
                                                                                                                                                                                          +
                                                                                                                                                                                          + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/core/noicon.html b/js/zTree_v3/demo/en/core/noicon.html new file mode 100755 index 0000000..7a14b80 --- /dev/null +++ b/js/zTree_v3/demo/en/core/noicon.html @@ -0,0 +1,93 @@ + + + + ZTREE DEMO - noIcon + + + + + + + + + + + +

                                                                                                                                                                                          Don't Show Icon

                                                                                                                                                                                          +
                                                                                                                                                                                          [ File Path: core/noicon.html ]
                                                                                                                                                                                          +
                                                                                                                                                                                          +
                                                                                                                                                                                          +
                                                                                                                                                                                            +
                                                                                                                                                                                            +
                                                                                                                                                                                            +
                                                                                                                                                                                              +

                                                                                                                                                                                            • 1, Explanation of setting

                                                                                                                                                                                              +
                                                                                                                                                                                                +
                                                                                                                                                                                              • This Demo using Function set to the parent node does not display the icon.
                                                                                                                                                                                                • +
                                                                                                                                                                                              • Whether to display the icon, you need to set setting.view.showIcon attribute, see the API documentation for more related contents.
                                                                                                                                                                                                • +
                                                                                                                                                                                              +
                                                                                                                                                                                              • +

                                                                                                                                                                                            • 2, Explanation of treeNode

                                                                                                                                                                                              +
                                                                                                                                                                                                +
                                                                                                                                                                                              • TreeNode data does not require special settings. If you need some node display icon, and some nodes are not displayed, you can add special attributes to the node data for identification.
                                                                                                                                                                                                • +
                                                                                                                                                                                              +
                                                                                                                                                                                              • +
                                                                                                                                                                                            +
                                                                                                                                                                                            +
                                                                                                                                                                                            + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/core/noline.html b/js/zTree_v3/demo/en/core/noline.html new file mode 100755 index 0000000..4fd653a --- /dev/null +++ b/js/zTree_v3/demo/en/core/noline.html @@ -0,0 +1,88 @@ + + + + ZTREE DEMO - noLine + + + + + + + + + + + +

                                                                                                                                                                                            Don't Show Line

                                                                                                                                                                                            +
                                                                                                                                                                                            [ File Path: core/noline.html ]
                                                                                                                                                                                            +
                                                                                                                                                                                            +
                                                                                                                                                                                            +
                                                                                                                                                                                              +
                                                                                                                                                                                              +
                                                                                                                                                                                              +
                                                                                                                                                                                                +

                                                                                                                                                                                              • 1, Explanation of setting

                                                                                                                                                                                                +
                                                                                                                                                                                                  +
                                                                                                                                                                                                • Whether to display the line, you need to set setting.view.showLine attribute, see the API documentation for more related contents.
                                                                                                                                                                                                  • +
                                                                                                                                                                                                +
                                                                                                                                                                                                • +

                                                                                                                                                                                              • 2, Explanation of treeNode

                                                                                                                                                                                                +
                                                                                                                                                                                                  +
                                                                                                                                                                                                • TreeNode data does not require special settings
                                                                                                                                                                                                  • +
                                                                                                                                                                                                +
                                                                                                                                                                                                • +
                                                                                                                                                                                              +
                                                                                                                                                                                              +
                                                                                                                                                                                              + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/core/otherMouse.html b/js/zTree_v3/demo/en/core/otherMouse.html new file mode 100755 index 0000000..c36564d --- /dev/null +++ b/js/zTree_v3/demo/en/core/otherMouse.html @@ -0,0 +1,132 @@ + + + + ZTREE DEMO - Other Mouse Event + + + + + + + + + + +

                                                                                                                                                                                              Other Mouse Events for zTree

                                                                                                                                                                                              +
                                                                                                                                                                                              [ File Path: core/otherMouse.html ]
                                                                                                                                                                                              +
                                                                                                                                                                                              +
                                                                                                                                                                                              +
                                                                                                                                                                                                +
                                                                                                                                                                                                +
                                                                                                                                                                                                +
                                                                                                                                                                                                  +

                                                                                                                                                                                                • 1, 'beforeMousedown / onMousedown / beforeMouseup / onMouseup / beforeRightClick / onRightClick' callback function

                                                                                                                                                                                                  +
                                                                                                                                                                                                    +
                                                                                                                                                                                                  • zTree provide these types of mouse event callbacks, in order to facilitate the user to extend the functionality. And doesn't affect zTree normal function, This simple demo shows how to monitor the mousedown/mouseup/rightClick event.
                                                                                                                                                                                                    • +

                                                                                                                                                                                                  • Try clicking with the mouse on the zTree (left or right), by the way to see log.
                                                                                                                                                                                                    + mousedown event log:
                                                                                                                                                                                                    +

                                                                                                                                                                                                      + mouseup event log:
                                                                                                                                                                                                      +
                                                                                                                                                                                                        + rightClick event log:
                                                                                                                                                                                                        +

                                                                                                                                                                                                          +
                                                                                                                                                                                                          • +
                                                                                                                                                                                                        +
                                                                                                                                                                                                        • +

                                                                                                                                                                                                      • 2, Explanation of setting

                                                                                                                                                                                                        +
                                                                                                                                                                                                          +
                                                                                                                                                                                                        • Set attributes about 'setting.callback.beforeMousedown / onMousedown / beforeMouseup / onMouseup / beforeRightClick / onRightClick', please see the API documentation for more related contents.
                                                                                                                                                                                                          • +
                                                                                                                                                                                                        +
                                                                                                                                                                                                        • +

                                                                                                                                                                                                      • 3, Explanation of treeNode

                                                                                                                                                                                                        +
                                                                                                                                                                                                          +
                                                                                                                                                                                                        • No special requirements on the node data, the user can add custom attributes.
                                                                                                                                                                                                          • +
                                                                                                                                                                                                        +
                                                                                                                                                                                                        • +
                                                                                                                                                                                                      +
                                                                                                                                                                                                      +
                                                                                                                                                                                                      + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/core/searchNodes.html b/js/zTree_v3/demo/en/core/searchNodes.html new file mode 100755 index 0000000..812c3f1 --- /dev/null +++ b/js/zTree_v3/demo/en/core/searchNodes.html @@ -0,0 +1,173 @@ + + + + ZTREE DEMO - getNodeByParam / getNodesByParam / getNodesByParamFuzzy + + + + + + + + + + +

                                                                                                                                                                                                      Search Nodes

                                                                                                                                                                                                      +
                                                                                                                                                                                                      [ File Path: core/searchNodes.html ]
                                                                                                                                                                                                      +
                                                                                                                                                                                                      +
                                                                                                                                                                                                      +
                                                                                                                                                                                                        +
                                                                                                                                                                                                        +
                                                                                                                                                                                                        +
                                                                                                                                                                                                          +

                                                                                                                                                                                                        • 1, Explanation of getNodeByParam / getNodesByParam / getNodesByParamFuzzy

                                                                                                                                                                                                          +
                                                                                                                                                                                                            +
                                                                                                                                                                                                          • How to use ’zTreeObj.getNodeByParam / getNodesByParam / getNodesByParamFuzzy / getNodeByTId‘ method, please see the API documentation.
                                                                                                                                                                                                            • +

                                                                                                                                                                                                          • Try to search:
                                                                                                                                                                                                            + attribute( value ):
                                                                                                                                                                                                            + attribute( key ): name (string)
                                                                                                                                                                                                            + level (number) ... root node's level is 0
                                                                                                                                                                                                            + id (number)
                                                                                                                                                                                                            + method: getNodeByParam
                                                                                                                                                                                                            + getNodesByParam
                                                                                                                                                                                                            + getNodesByParamFuzzy (only string)
                                                                                                                                                                                                            + getNodesByFilter (see source: function filter)
                                                                                                                                                                                                            +

                                                                                                                                                                                                            +
                                                                                                                                                                                                            • +
                                                                                                                                                                                                          +
                                                                                                                                                                                                          • +

                                                                                                                                                                                                        • 2, Explanation of setting

                                                                                                                                                                                                          +
                                                                                                                                                                                                            +
                                                                                                                                                                                                          • Do not need to set the setting.
                                                                                                                                                                                                            • +
                                                                                                                                                                                                          +
                                                                                                                                                                                                          • +

                                                                                                                                                                                                        • 3, Explanation of treeNode

                                                                                                                                                                                                          +
                                                                                                                                                                                                            +
                                                                                                                                                                                                          • Note: Please ensure that the incoming value type is the same as type of attribute.
                                                                                                                                                                                                            • +
                                                                                                                                                                                                          +
                                                                                                                                                                                                          • +
                                                                                                                                                                                                        +
                                                                                                                                                                                                        +
                                                                                                                                                                                                        + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/core/simpleData.html b/js/zTree_v3/demo/en/core/simpleData.html new file mode 100755 index 0000000..038355d --- /dev/null +++ b/js/zTree_v3/demo/en/core/simpleData.html @@ -0,0 +1,100 @@ + + + + ZTREE DEMO - Simple Data + + + + + + + + + + +

                                                                                                                                                                                                        Simple JSON Data

                                                                                                                                                                                                        +
                                                                                                                                                                                                        [ File Path: core/simpleData.html ]
                                                                                                                                                                                                        +
                                                                                                                                                                                                        +
                                                                                                                                                                                                        +
                                                                                                                                                                                                          +
                                                                                                                                                                                                          +
                                                                                                                                                                                                          +
                                                                                                                                                                                                            +

                                                                                                                                                                                                          • 1, Explanation of setting

                                                                                                                                                                                                            +
                                                                                                                                                                                                              +
                                                                                                                                                                                                            • Must set setting.data.simple attributes, see the API documentation for more related contents.
                                                                                                                                                                                                              • +
                                                                                                                                                                                                            • The setting.view in API documentation is associated with the display of the zTree.
                                                                                                                                                                                                              • +
                                                                                                                                                                                                            • To change the 'name', 'children', 'title' attribute, please refer to the API documentation about 'setting.data.key'.
                                                                                                                                                                                                              • +
                                                                                                                                                                                                            +
                                                                                                                                                                                                            • +

                                                                                                                                                                                                          • 2, Explanation of treeNode

                                                                                                                                                                                                            +
                                                                                                                                                                                                              +
                                                                                                                                                                                                            • Id / pId that include parent-child relationship between nodes is needed if you use Simple model of the JSON data, and other attributes please refer to the instructions within setting.data.simple. + 
                                                                                                                                                                                                              For example:
+var nodes = [
+	{id:1, pId:0, name: "pNode 01"},
+	{id:11, pId:1, name: "child 01"},
+	{id:12, pId:1, name: "child 02"}
+];
                                                                                                                                                                                                              • +
                                                                                                                                                                                                            • To set nodes expanded by default, set treeNode.open attribute.
                                                                                                                                                                                                              • +
                                                                                                                                                                                                            • To get parent node which has no child node, set treeNode.isParent attribute.
                                                                                                                                                                                                              • +
                                                                                                                                                                                                            • Please refer to the API documentation "treeNode data details" to view other attributes description.
                                                                                                                                                                                                              • +
                                                                                                                                                                                                            +
                                                                                                                                                                                                            • +

                                                                                                                                                                                                          • 3、Other explanation

                                                                                                                                                                                                            +
                                                                                                                                                                                                              +
                                                                                                                                                                                                            • The simple JSON data model has been used almost everywhere, which can be learned easily.
                                                                                                                                                                                                              • +
                                                                                                                                                                                                            +
                                                                                                                                                                                                            • +
                                                                                                                                                                                                          +
                                                                                                                                                                                                          +
                                                                                                                                                                                                          + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/core/standardData.html b/js/zTree_v3/demo/en/core/standardData.html new file mode 100755 index 0000000..14d3cff --- /dev/null +++ b/js/zTree_v3/demo/en/core/standardData.html @@ -0,0 +1,106 @@ + + + + ZTREE DEMO - Standard Data + + + + + + + + + + +

                                                                                                                                                                                                          Standard JSON Data

                                                                                                                                                                                                          +
                                                                                                                                                                                                          [ File Path: core/standardData.html ]
                                                                                                                                                                                                          +
                                                                                                                                                                                                          +
                                                                                                                                                                                                          +
                                                                                                                                                                                                            +
                                                                                                                                                                                                            +
                                                                                                                                                                                                            +
                                                                                                                                                                                                              +

                                                                                                                                                                                                            • 1, Explanation of setting

                                                                                                                                                                                                              +
                                                                                                                                                                                                                +
                                                                                                                                                                                                              • No extrally setting needed for basic functions.
                                                                                                                                                                                                                • +
                                                                                                                                                                                                              • The setting.view in API documentation is associated with the display of the zTree.
                                                                                                                                                                                                                • +
                                                                                                                                                                                                              • To change the 'name', 'children', 'title' attribute, please refer to the API documentation about 'setting.data.key'.
                                                                                                                                                                                                                • +
                                                                                                                                                                                                              +
                                                                                                                                                                                                              • +

                                                                                                                                                                                                            • 2, Explanation of treeNode

                                                                                                                                                                                                              +
                                                                                                                                                                                                                +
                                                                                                                                                                                                              • Need to use nested JSON data that include parent-child relationship between nodes + 
                                                                                                                                                                                                                For example:
+var nodes = [
+	{name: "pNode 01", children: [
+		{name: "child 01"},
+		{name: "child 02"}
+	]}
+];
                                                                                                                                                                                                                +
                                                                                                                                                                                                                • +
                                                                                                                                                                                                              • To set nodes expanded by default, set treeNode.open attribute.
                                                                                                                                                                                                                • +
                                                                                                                                                                                                              • No child nodes of parent node, set treeNode.isParent attribute.
                                                                                                                                                                                                                • +
                                                                                                                                                                                                              • Please refer to the API documentation "treeNode data details" to view other attributes description.
                                                                                                                                                                                                                • +
                                                                                                                                                                                                              +
                                                                                                                                                                                                              • +
                                                                                                                                                                                                            +
                                                                                                                                                                                                            +
                                                                                                                                                                                                            + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/core/update_fun.html b/js/zTree_v3/demo/en/core/update_fun.html new file mode 100755 index 0000000..5d5ed33 --- /dev/null +++ b/js/zTree_v3/demo/en/core/update_fun.html @@ -0,0 +1,143 @@ + + + + ZTREE DEMO - updateNode + + + + + + + + + + + +

                                                                                                                                                                                                            Update Node - zTree methods

                                                                                                                                                                                                            +
                                                                                                                                                                                                            [ File Path: core/update_fun.html ]
                                                                                                                                                                                                            +
                                                                                                                                                                                                            +
                                                                                                                                                                                                            +
                                                                                                                                                                                                              +
                                                                                                                                                                                                              +
                                                                                                                                                                                                              +
                                                                                                                                                                                                                +

                                                                                                                                                                                                              • 1, Explanation of updateNode

                                                                                                                                                                                                                + +
                                                                                                                                                                                                                • +

                                                                                                                                                                                                              • 2, Explanation of setting

                                                                                                                                                                                                                +
                                                                                                                                                                                                                  +
                                                                                                                                                                                                                • Do not need to set the setting.
                                                                                                                                                                                                                  • +
                                                                                                                                                                                                                • You can modify the node style with setting.view.fontCss.
                                                                                                                                                                                                                  • +
                                                                                                                                                                                                                +
                                                                                                                                                                                                                • +

                                                                                                                                                                                                              • 3, Explanation of treeNode

                                                                                                                                                                                                                +
                                                                                                                                                                                                                  +
                                                                                                                                                                                                                • In the API documentation has detail description about the 'zTreeObj.updateNode method'.
                                                                                                                                                                                                                  • +
                                                                                                                                                                                                                +
                                                                                                                                                                                                                • +

                                                                                                                                                                                                              • 4、Other explanation

                                                                                                                                                                                                                +
                                                                                                                                                                                                                  +
                                                                                                                                                                                                                • This demo only made ​by the core js, so does not include the checkbox update.
                                                                                                                                                                                                                  • +
                                                                                                                                                                                                                +
                                                                                                                                                                                                                • +
                                                                                                                                                                                                              +
                                                                                                                                                                                                              +
                                                                                                                                                                                                              + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/core/url.html b/js/zTree_v3/demo/en/core/url.html new file mode 100755 index 0000000..722e1c5 --- /dev/null +++ b/js/zTree_v3/demo/en/core/url.html @@ -0,0 +1,63 @@ + + + + ZTREE DEMO - url + + + + + + + + + + +

                                                                                                                                                                                                              Hyperlinks Demo

                                                                                                                                                                                                              +
                                                                                                                                                                                                              [ File Path: core/url.html ]
                                                                                                                                                                                                              +
                                                                                                                                                                                                              +
                                                                                                                                                                                                              +
                                                                                                                                                                                                                +
                                                                                                                                                                                                                +
                                                                                                                                                                                                                +
                                                                                                                                                                                                                  +

                                                                                                                                                                                                                • 1, Explanation of setting

                                                                                                                                                                                                                  +
                                                                                                                                                                                                                    +
                                                                                                                                                                                                                  • No extrally setting needed for basic functions.
                                                                                                                                                                                                                    • +
                                                                                                                                                                                                                  • If you need flexible control of hyperlinks to jump, please use the 'onClick' callback. See the API documentation for more related contents.
                                                                                                                                                                                                                    • +
                                                                                                                                                                                                                  +
                                                                                                                                                                                                                  • +

                                                                                                                                                                                                                • 2, Explanation of treeNode

                                                                                                                                                                                                                  +
                                                                                                                                                                                                                    +
                                                                                                                                                                                                                  • 1. the 'url' attribute is used to save the hyperlink's path.
                                                                                                                                                                                                                    • +
                                                                                                                                                                                                                  • 2. the 'target' attribute is used to save the hyperlink's target.
                                                                                                                                                                                                                    • +
                                                                                                                                                                                                                  • 3. the 'click' attribute is used to save the hyperlink's 'onclick' attribute.
                                                                                                                                                                                                                    • +
                                                                                                                                                                                                                  • Please refer to the API documentation "treeNode data details" to view other attributes description.
                                                                                                                                                                                                                    • +
                                                                                                                                                                                                                  +
                                                                                                                                                                                                                  • +
                                                                                                                                                                                                                +
                                                                                                                                                                                                                +
                                                                                                                                                                                                                + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/excheck/checkbox.html b/js/zTree_v3/demo/en/excheck/checkbox.html new file mode 100755 index 0000000..a107a41 --- /dev/null +++ b/js/zTree_v3/demo/en/excheck/checkbox.html @@ -0,0 +1,107 @@ + + + + ZTREE DEMO - checkbox + + + + + + + + + + + +

                                                                                                                                                                                                                Checkbox Operation

                                                                                                                                                                                                                +
                                                                                                                                                                                                                [ File Path: excheck/checkbox.html ]
                                                                                                                                                                                                                +
                                                                                                                                                                                                                +
                                                                                                                                                                                                                +
                                                                                                                                                                                                                  +
                                                                                                                                                                                                                  +
                                                                                                                                                                                                                  +
                                                                                                                                                                                                                    +

                                                                                                                                                                                                                  • 1, Explanation of setting

                                                                                                                                                                                                                    +
                                                                                                                                                                                                                      +
                                                                                                                                                                                                                    • Must set setting.check attributes, see the API documentation for more related contents.
                                                                                                                                                                                                                      • +

                                                                                                                                                                                                                    • Linkage relationship between parent and child nodes:
                                                                                                                                                                                                                      + check: affect the parent + affect the child
                                                                                                                                                                                                                      + uncheck: affect the parent + affect the child
                                                                                                                                                                                                                      +

                                                                                                                                                                                                                        +
                                                                                                                                                                                                                        • +
                                                                                                                                                                                                                      +
                                                                                                                                                                                                                      • +

                                                                                                                                                                                                                    • 2, Explanation of treeNode

                                                                                                                                                                                                                      +
                                                                                                                                                                                                                        +
                                                                                                                                                                                                                      • 1), If you need to initialize the node is checked, please set treeNode.checked attribute. See the API documentation for more related contents.
                                                                                                                                                                                                                        • +
                                                                                                                                                                                                                      • 2), If you need to initialize the node's checkbox is disabled, please set treeNode.chkDisabled attribute. See the API documentation for more related contents and 'chkDisabled Demo'.
                                                                                                                                                                                                                        • +
                                                                                                                                                                                                                      • 3), If you need to initialize the node don't show checkbox, please set treeNode.nocheck attribute. See the API documentation for more related contents and 'nocheck Demo'.
                                                                                                                                                                                                                        • +
                                                                                                                                                                                                                      • 4), If you need to change 'checked' to other attribute, please set setting.data.key.checked attribute. See the API documentation for more related contents.
                                                                                                                                                                                                                        • +
                                                                                                                                                                                                                      • 5), By the way, please see the API documentation for 'treeNode.checkedOld / getCheckStatus / check_Child_State / check_Focus'.
                                                                                                                                                                                                                        • +
                                                                                                                                                                                                                      +
                                                                                                                                                                                                                      • +
                                                                                                                                                                                                                    +
                                                                                                                                                                                                                    +
                                                                                                                                                                                                                    + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/excheck/checkbox_chkDisabled.html b/js/zTree_v3/demo/en/excheck/checkbox_chkDisabled.html new file mode 100755 index 0000000..6f1fbc4 --- /dev/null +++ b/js/zTree_v3/demo/en/excheck/checkbox_chkDisabled.html @@ -0,0 +1,111 @@ + + + + ZTREE DEMO - Checkbox chkDisabled + + + + + + + + + + + +

                                                                                                                                                                                                                    Checkbox chkDisabled Demo

                                                                                                                                                                                                                    +
                                                                                                                                                                                                                    [ File Path: excheck/checkbox_chkDisabled.html ]
                                                                                                                                                                                                                    +
                                                                                                                                                                                                                    +
                                                                                                                                                                                                                    +
                                                                                                                                                                                                                      +
                                                                                                                                                                                                                      +
                                                                                                                                                                                                                      +
                                                                                                                                                                                                                        +

                                                                                                                                                                                                                      • 1, Explanation of 'setChkDisabled' method

                                                                                                                                                                                                                        +
                                                                                                                                                                                                                          +
                                                                                                                                                                                                                        • 'setChkDisabled' method can set the node's checkbox / radio to be disabled or abled. See the API documentation for more related contents.
                                                                                                                                                                                                                          • +

                                                                                                                                                                                                                        • Try:
                                                                                                                                                                                                                          + disabled: affect the parent + affect the child
                                                                                                                                                                                                                          + unDisabled: affect the parent + affect the child
                                                                                                                                                                                                                          +     [ be disabled ] +     [ be abled ]

                                                                                                                                                                                                                          +
                                                                                                                                                                                                                          • +
                                                                                                                                                                                                                        +
                                                                                                                                                                                                                        • +

                                                                                                                                                                                                                      • 2, Explanation of setting

                                                                                                                                                                                                                        +
                                                                                                                                                                                                                          +
                                                                                                                                                                                                                        • This Demo only shows how use the ‘chkDisabled’ attribute, detailed configuration information, please refer to 'Checkbox Operation'
                                                                                                                                                                                                                          • +
                                                                                                                                                                                                                        +
                                                                                                                                                                                                                        • +

                                                                                                                                                                                                                      • 3, Explanation of treeNode

                                                                                                                                                                                                                        +
                                                                                                                                                                                                                          +
                                                                                                                                                                                                                        • 1), If you need to initialize the node's checkbox is disabled, please set treeNode.chkDisabled attribute. See the API documentation for more related contents.
                                                                                                                                                                                                                          • +
                                                                                                                                                                                                                        • 2), By the way, please see the 'Checkbox Operation' Demo.
                                                                                                                                                                                                                          • +
                                                                                                                                                                                                                        +
                                                                                                                                                                                                                        • +
                                                                                                                                                                                                                      +
                                                                                                                                                                                                                      +
                                                                                                                                                                                                                      + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/excheck/checkbox_count.html b/js/zTree_v3/demo/en/excheck/checkbox_count.html new file mode 100755 index 0000000..f8b07a2 --- /dev/null +++ b/js/zTree_v3/demo/en/excheck/checkbox_count.html @@ -0,0 +1,127 @@ + + + + ZTREE DEMO - getChangeCheckedNodes / getCheckedNodes + + + + + + + + + + + +

                                                                                                                                                                                                                      Statistics Checkbox is Checked

                                                                                                                                                                                                                      +
                                                                                                                                                                                                                      [ File Path: excheck/checkbox_count.html ]
                                                                                                                                                                                                                      +
                                                                                                                                                                                                                      +
                                                                                                                                                                                                                      +
                                                                                                                                                                                                                        +
                                                                                                                                                                                                                        +
                                                                                                                                                                                                                        +
                                                                                                                                                                                                                          +

                                                                                                                                                                                                                        • 1, Explanation of getChangeCheckedNodes / getCheckedNodes

                                                                                                                                                                                                                          +
                                                                                                                                                                                                                            +
                                                                                                                                                                                                                          • How to use zTreeObj.getChangeCheckedNodes / getCheckedNodes method, please see the API documentation.
                                                                                                                                                                                                                            • +

                                                                                                                                                                                                                          • Check the checkbox, observe the number of changes:
                                                                                                                                                                                                                            +

                                                                                                                                                                                                                              +
                                                                                                                                                                                                                            • Total check node:
                                                                                                                                                                                                                              • +
                                                                                                                                                                                                                            • Total uncheck node:
                                                                                                                                                                                                                              • +
                                                                                                                                                                                                                            • Modify the state of checkbox:
                                                                                                                                                                                                                              + Compared with zTree initialization
                                                                                                                                                                                                                              + Compared with the last check
                                                                                                                                                                                                                              • +
                                                                                                                                                                                                                            • Total change the checkbox state of node:
                                                                                                                                                                                                                              • +

                                                                                                                                                                                                                            +
                                                                                                                                                                                                                            • +
                                                                                                                                                                                                                          +
                                                                                                                                                                                                                          • +

                                                                                                                                                                                                                        • 2, Explanation of setting

                                                                                                                                                                                                                          +
                                                                                                                                                                                                                            +
                                                                                                                                                                                                                          • Same as 'Checkbox Operation'
                                                                                                                                                                                                                            • +
                                                                                                                                                                                                                          +
                                                                                                                                                                                                                          • +

                                                                                                                                                                                                                        • 3, Explanation of treeNode

                                                                                                                                                                                                                          +
                                                                                                                                                                                                                            +
                                                                                                                                                                                                                          • Same as 'Checkbox Operation'
                                                                                                                                                                                                                            • +
                                                                                                                                                                                                                          +
                                                                                                                                                                                                                          • +
                                                                                                                                                                                                                        +
                                                                                                                                                                                                                        +
                                                                                                                                                                                                                        + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/excheck/checkbox_fun.html b/js/zTree_v3/demo/en/excheck/checkbox_fun.html new file mode 100755 index 0000000..d5ce22c --- /dev/null +++ b/js/zTree_v3/demo/en/excheck/checkbox_fun.html @@ -0,0 +1,172 @@ + + + + ZTREE DEMO - beforeCheck / onCheck + + + + + + + + + + + +

                                                                                                                                                                                                                        Checkbox - zTree methods

                                                                                                                                                                                                                        +
                                                                                                                                                                                                                        [ File Path: excheck/checkbox_fun.html ]
                                                                                                                                                                                                                        +
                                                                                                                                                                                                                        +
                                                                                                                                                                                                                        +
                                                                                                                                                                                                                          +
                                                                                                                                                                                                                          +
                                                                                                                                                                                                                          +
                                                                                                                                                                                                                            +

                                                                                                                                                                                                                          • 1, 'beforeCheck / onCheck' callback function

                                                                                                                                                                                                                            +
                                                                                                                                                                                                                              +
                                                                                                                                                                                                                            • Use 'beforeCheck / onCheck' callback function can control whether to allow changes to the node check state. This simple demo shows how to monitor the check event.
                                                                                                                                                                                                                              • +

                                                                                                                                                                                                                            • By the way also demonstrates how to use the 'checkNode / checkAllNodes' method triggers 'beforeCheck / onCheck' callback, Try:
                                                                                                                                                                                                                              +      setting.check.autoCheckTrigger: false
                                                                                                                                                                                                                              +      Whether trigger the callback when execution checkNode() method.
                                                                                                                                                                                                                              +     Node --[ check ] +     [ uncheck ] +     [ toggle ]
                                                                                                                                                                                                                              +     Node (relationships) --[ check ] +     [ uncheck ] +     [ toggle ]
                                                                                                                                                                                                                              +     All Nodes --[ check ] +     [ uncheck ]

                                                                                                                                                                                                                              +
                                                                                                                                                                                                                              • +

                                                                                                                                                                                                                            • How to use 'zTreeObj.checkNode / checkAllNodes' method, please see the API documentation.
                                                                                                                                                                                                                              + beforeCheck / onCheck log:
                                                                                                                                                                                                                              +

                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                • +
                                                                                                                                                                                                                              +
                                                                                                                                                                                                                              • +

                                                                                                                                                                                                                            • 2, Explanation of setting

                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                +
                                                                                                                                                                                                                              • Same as 'Checkbox Operation'
                                                                                                                                                                                                                                • +
                                                                                                                                                                                                                              +
                                                                                                                                                                                                                              • +

                                                                                                                                                                                                                            • 3, Explanation of treeNode

                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                +
                                                                                                                                                                                                                              • Same as 'Checkbox Operation'
                                                                                                                                                                                                                                • +
                                                                                                                                                                                                                              +
                                                                                                                                                                                                                              • +
                                                                                                                                                                                                                            +
                                                                                                                                                                                                                            +
                                                                                                                                                                                                                            + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/excheck/checkbox_halfCheck.html b/js/zTree_v3/demo/en/excheck/checkbox_halfCheck.html new file mode 100755 index 0000000..80e66d9 --- /dev/null +++ b/js/zTree_v3/demo/en/excheck/checkbox_halfCheck.html @@ -0,0 +1,108 @@ + + + + ZTREE DEMO - Checkbox halfCheck + + + + + + + + + + + +

                                                                                                                                                                                                                            Checkbox halfCheck Demo

                                                                                                                                                                                                                            +
                                                                                                                                                                                                                            [ File Path: excheck/checkbox_halfCheck.html ]
                                                                                                                                                                                                                            +
                                                                                                                                                                                                                            +
                                                                                                                                                                                                                            +
                                                                                                                                                                                                                              +
                                                                                                                                                                                                                              +
                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                +

                                                                                                                                                                                                                              • 1, Explanation of Demo

                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                • This demo implements the check operation of the dynamic tree
                                                                                                                                                                                                                                  • +
                                                                                                                                                                                                                                • 1). After loaded child nodes, the parent node's 'halfCheck' attribute will be invalid immediately.
                                                                                                                                                                                                                                  • +
                                                                                                                                                                                                                                • 2). If you check the parent node, so will effect the child nodes's check status.
                                                                                                                                                                                                                                  • +
                                                                                                                                                                                                                                • 3). If you check the parent node, it's child node's 'halfCheck' attribute will be invalid.
                                                                                                                                                                                                                                  • +
                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                • +

                                                                                                                                                                                                                              • 2, Explanation of setting

                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                • Half-checked functional don't need to configure any parameter. But it is accessibility, can not used alone. So please configure the parameters which you need.
                                                                                                                                                                                                                                  • +
                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                • +

                                                                                                                                                                                                                              • 3, Explanation of treeNode

                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                • 1), Please set treeNode.halfCheck attribute, before zTree initialize. See the API documentation for more related contents.
                                                                                                                                                                                                                                  • +
                                                                                                                                                                                                                                • 2), By the way, please see the 'Checkbox Operation' Demo.
                                                                                                                                                                                                                                  • +
                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                • +
                                                                                                                                                                                                                              +
                                                                                                                                                                                                                              +
                                                                                                                                                                                                                              + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/excheck/checkbox_nocheck.html b/js/zTree_v3/demo/en/excheck/checkbox_nocheck.html new file mode 100755 index 0000000..31183d1 --- /dev/null +++ b/js/zTree_v3/demo/en/excheck/checkbox_nocheck.html @@ -0,0 +1,95 @@ + + + + ZTREE DEMO - no checkbox + + + + + + + + + + + +

                                                                                                                                                                                                                              Checkbox nocheck Demo

                                                                                                                                                                                                                              +
                                                                                                                                                                                                                              [ File Path: excheck/checkbox_nocheck.html ]
                                                                                                                                                                                                                              +
                                                                                                                                                                                                                              +
                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                  +

                                                                                                                                                                                                                                • 1, Explanation of setting

                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                    +
                                                                                                                                                                                                                                  • This Demo only shows how use the ‘nocheck’ attribute, detailed configuration information, please refer to 'Checkbox Operation'
                                                                                                                                                                                                                                    • +
                                                                                                                                                                                                                                  • setting.check.nocheckInherit can set the child nodes to automatically inherit the parent node's 'nocheck' attribute. See the API documentation for more related contents.
                                                                                                                                                                                                                                    • +

                                                                                                                                                                                                                                  • Try:
                                                                                                                                                                                                                                    +     [ hide checkbox ] +     [ show checkbox ] +

                                                                                                                                                                                                                                    • +
                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                  • +

                                                                                                                                                                                                                                • 2, Explanation of treeNode

                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                    +
                                                                                                                                                                                                                                  • 1), If you need to initialize the node don't show checkbox, please set treeNode.nocheck attribute. See the API documentation for more related contents.
                                                                                                                                                                                                                                    • +
                                                                                                                                                                                                                                  • 2), By the way, please see the 'Checkbox Operation' Demo.
                                                                                                                                                                                                                                    • +
                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                  • +
                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/excheck/radio.html b/js/zTree_v3/demo/en/excheck/radio.html new file mode 100755 index 0000000..5592112 --- /dev/null +++ b/js/zTree_v3/demo/en/excheck/radio.html @@ -0,0 +1,97 @@ + + + + ZTREE DEMO - radio + + + + + + + + + + + +

                                                                                                                                                                                                                                Radio Operation

                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                [ File Path: excheck/radio.html ]
                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                    +

                                                                                                                                                                                                                                  • 1, Explanation of setting

                                                                                                                                                                                                                                    +
                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                    • Must set setting.check attributes, see the API documentation for more related contents.
                                                                                                                                                                                                                                      • +

                                                                                                                                                                                                                                    • group range of radio:
                                                                                                                                                                                                                                      within the same level + within the whole tree
                                                                                                                                                                                                                                      +

                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                        • +
                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                      • +

                                                                                                                                                                                                                                    • 2, Explanation of treeNode

                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                      • 1), If you need to initialize the node is checked, please set treeNode.checked attribute. See the API documentation for more related contents.
                                                                                                                                                                                                                                        • +
                                                                                                                                                                                                                                      • 2), If you need to initialize the node don't show radio, please set treeNode.nocheck attribute. See the API documentation for more related contents.
                                                                                                                                                                                                                                        • +
                                                                                                                                                                                                                                      • 3), If you need to change 'checked' to other attribute, please set setting.data.key.checked attribute. See the API documentation for more related contents.
                                                                                                                                                                                                                                        • +
                                                                                                                                                                                                                                      • 4), By the way, please see the API documentation for 'treeNode.checkedOld / getCheckStatus / check_Child_State / check_Focus'.
                                                                                                                                                                                                                                        • +
                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                      • +
                                                                                                                                                                                                                                    +
                                                                                                                                                                                                                                    +
                                                                                                                                                                                                                                    + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/excheck/radio_chkDisabled.html b/js/zTree_v3/demo/en/excheck/radio_chkDisabled.html new file mode 100755 index 0000000..bb34875 --- /dev/null +++ b/js/zTree_v3/demo/en/excheck/radio_chkDisabled.html @@ -0,0 +1,101 @@ + + + + ZTREE DEMO - Radio chkDisabled + + + + + + + + + + + +

                                                                                                                                                                                                                                    Radio chkDisabled Demo

                                                                                                                                                                                                                                    +
                                                                                                                                                                                                                                    [ File Path: excheck/radio_chkDisabled.html ]
                                                                                                                                                                                                                                    +
                                                                                                                                                                                                                                    +
                                                                                                                                                                                                                                    +
                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                        +

                                                                                                                                                                                                                                      • 1, Explanation of 'setChkDisabled' method

                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                        • 'setChkDisabled' method can set the node's checkbox / radio to be disabled or abled. See the API documentation for more related contents.
                                                                                                                                                                                                                                          • +

                                                                                                                                                                                                                                        • Try:
                                                                                                                                                                                                                                          +     [ be disabled ] +     [ be abled ]

                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                          • +
                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                        • +

                                                                                                                                                                                                                                      • 2, Explanation of setting

                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                        • This Demo only shows how use the ‘nocheck’ attribute, detailed configuration information, please refer to 'Radio Operation'
                                                                                                                                                                                                                                          • +
                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                        • +

                                                                                                                                                                                                                                      • 3, Explanation of treeNode

                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                        • 1), If you need to initialize the node don't show radio, please set treeNode.chkDisabled attribute. See the API documentation for more related contents.
                                                                                                                                                                                                                                          • +
                                                                                                                                                                                                                                        • 2), By the way, please see the 'Radio Operation' Demo.
                                                                                                                                                                                                                                          • +
                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                        • +
                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                      + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/excheck/radio_fun.html b/js/zTree_v3/demo/en/excheck/radio_fun.html new file mode 100755 index 0000000..9201b73 --- /dev/null +++ b/js/zTree_v3/demo/en/excheck/radio_fun.html @@ -0,0 +1,151 @@ + + + + ZTREE DEMO - beforeCheck / onCheck + + + + + + + + + + + +

                                                                                                                                                                                                                                      Radio - zTree methods

                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                      [ File Path: excheck/radio_fun.html ]
                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                          +

                                                                                                                                                                                                                                        • 1, 'beforeCheck / onCheck' callback function

                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                          • Use 'beforeCheck / onCheck' callback function can control whether to allow changes to the node check state. This simple demo shows how to monitor the check event.
                                                                                                                                                                                                                                            • +

                                                                                                                                                                                                                                          • By the way also demonstrates how to use the 'checkNode' method triggers 'beforeCheck / onCheck' callback, Try:
                                                                                                                                                                                                                                            +      Whether trigger the callback when execution checkNode() method.
                                                                                                                                                                                                                                            +     [ check ] +     [ uncheck ]

                                                                                                                                                                                                                                            +

                                                                                                                                                                                                                                          • How to use 'zTreeObj.checkNode' method, please see the API documentation.
                                                                                                                                                                                                                                            + beforeCheck / onCheck log:
                                                                                                                                                                                                                                            +

                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                              • +
                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                            • +

                                                                                                                                                                                                                                          • 2, Explanation of setting

                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                            • Same as 'Radio Operation'
                                                                                                                                                                                                                                              • +
                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                            • +

                                                                                                                                                                                                                                          • 3, Explanation of treeNode

                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                            • Same as 'Radio Operation'
                                                                                                                                                                                                                                              • +
                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                            • +
                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                          + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/excheck/radio_halfCheck.html b/js/zTree_v3/demo/en/excheck/radio_halfCheck.html new file mode 100755 index 0000000..3285137 --- /dev/null +++ b/js/zTree_v3/demo/en/excheck/radio_halfCheck.html @@ -0,0 +1,93 @@ + + + + ZTREE DEMO - Radio halfCheck + + + + + + + + + + + +

                                                                                                                                                                                                                                          Radio halfCheck Demo

                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                          [ File Path: excheck/radio_halfCheck.html ]
                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                              +

                                                                                                                                                                                                                                            • 1, Explanation of Demo

                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                              • This demo implements the check operation of the dynamic tree
                                                                                                                                                                                                                                                • +
                                                                                                                                                                                                                                              • 1). After loaded child nodes, the parent node's 'halfCheck' attribute will be invalid immediately.
                                                                                                                                                                                                                                                • +
                                                                                                                                                                                                                                              • 2). If you check the parent node, will not effect the child nodes's check status.
                                                                                                                                                                                                                                                • +
                                                                                                                                                                                                                                              • 3). If you check the parent node, it's child node's 'halfCheck' attribute will still be valid.
                                                                                                                                                                                                                                                • +
                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                              • +

                                                                                                                                                                                                                                            • 2, Explanation of setting

                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                              • Half-checked functional don't need to configure any parameter. But it is accessibility, can not used alone. So please configure the parameters which you need.
                                                                                                                                                                                                                                                • +
                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                              • +

                                                                                                                                                                                                                                            • 3, Explanation of treeNode

                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                              • 1), Please set treeNode.halfCheck attribute, before zTree initialize. See the API documentation for more related contents.
                                                                                                                                                                                                                                                • +
                                                                                                                                                                                                                                              • 2), By the way, please see the 'Radio Operation' Demo.
                                                                                                                                                                                                                                                • +
                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                              • +
                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                            + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/excheck/radio_nocheck.html b/js/zTree_v3/demo/en/excheck/radio_nocheck.html new file mode 100755 index 0000000..e1f26b2 --- /dev/null +++ b/js/zTree_v3/demo/en/excheck/radio_nocheck.html @@ -0,0 +1,77 @@ + + + + ZTREE DEMO - no radio + + + + + + + + + + + +

                                                                                                                                                                                                                                            Radio nocheck Demo

                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                            [ File Path: excheck/radio_nocheck.html ]
                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                +

                                                                                                                                                                                                                                              • 1, Explanation of setting

                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                                • This Demo only shows how use the ‘nocheck’ attribute, detailed configuration information, please refer to 'Radio Operation'
                                                                                                                                                                                                                                                  • +
                                                                                                                                                                                                                                                • setting.check.nocheckInherit can set the child nodes to automatically inherit the parent node's 'nocheck' attribute. See the API documentation for more related contents.
                                                                                                                                                                                                                                                  • +
                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                • +

                                                                                                                                                                                                                                              • 2, Explanation of treeNode

                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                                • 1), If you need to initialize the node don't show radio, please set treeNode.nocheck attribute. See the API documentation for more related contents.
                                                                                                                                                                                                                                                  • +
                                                                                                                                                                                                                                                • 2), By the way, please see the 'Radio Operation' Demo.
                                                                                                                                                                                                                                                  • +
                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                • +
                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                              + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/exedit/async_edit.html b/js/zTree_v3/demo/en/exedit/async_edit.html new file mode 100755 index 0000000..bde0bca --- /dev/null +++ b/js/zTree_v3/demo/en/exedit/async_edit.html @@ -0,0 +1,124 @@ + + + + ZTREE DEMO - async & edit + + + + + + + + + + + + +

                                                                                                                                                                                                                                              Editing Dynamic Tree

                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                              [ File Path: exedit/async_edit.html ]
                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                  +

                                                                                                                                                                                                                                                • 1, Explanation of editing dynamic tree

                                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                                    +
                                                                                                                                                                                                                                                  • 1) This Demo is based on the "Advanced Edit Nodes" to modify, and open to drag and drop functionality, can be compared with that demo.
                                                                                                                                                                                                                                                    • +
                                                                                                                                                                                                                                                  • 2) At the same time set the editing mode and dynamic mode can be achieved editing dynamic tree.
                                                                                                                                                                                                                                                    • +
                                                                                                                                                                                                                                                  • 3) zTree improved editing capabilities in dynamic mode, if the parent node hasn‘t loaded the child nodes, it will first load the child nodes before it add child node.
                                                                                                                                                                                                                                                    • +
                                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                                  • +

                                                                                                                                                                                                                                                • 2, Explanation of setting

                                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                                    +
                                                                                                                                                                                                                                                  • 1) Use editing features, please refer to "Normal Drag Node Operation" & "Basic Edit Nodes" demo of the instructions.
                                                                                                                                                                                                                                                    • +
                                                                                                                                                                                                                                                  • 2) Use dynamic loading, please refer to "Dynamic Tree with Ajax" demo of the instructions.
                                                                                                                                                                                                                                                    • +
                                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                                  • +

                                                                                                                                                                                                                                                • 3, Explanation of treeNode

                                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                                    +
                                                                                                                                                                                                                                                  • No special requirements on the node data, please refer to "Dynamic Tree with Ajax" & "Normal Drag Node Operation" & "Basic Edit Nodes" demo of the instructions
                                                                                                                                                                                                                                                    • +
                                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                                  • +
                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/exedit/drag.html b/js/zTree_v3/demo/en/exedit/drag.html new file mode 100755 index 0000000..0335aec --- /dev/null +++ b/js/zTree_v3/demo/en/exedit/drag.html @@ -0,0 +1,136 @@ + + + + ZTREE DEMO - drag & drop + + + + + + + + + + + +

                                                                                                                                                                                                                                                Normal Drag Node Operation

                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                [ File Path: exedit/drag.html ]
                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                                    +

                                                                                                                                                                                                                                                  • 1, Explanation of setting

                                                                                                                                                                                                                                                    +
                                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                                    • This Demo only shows how to drag & drop nodes using the basic method and configure parameters.
                                                                                                                                                                                                                                                      • +
                                                                                                                                                                                                                                                    • 1) Must set 'setting.edit' attributes, see the API documentation for more related contents.
                                                                                                                                                                                                                                                      • +
                                                                                                                                                                                                                                                    • 2) If you want to use drag & drop callback, muse to set 'setting.callback.beforeDrag / onDrag / beforeDrop / onDrop' attributes, see the API documentation for more related contents.
                                                                                                                                                                                                                                                      • +

                                                                                                                                                                                                                                                    • Basic settings:
                                                                                                                                                                                                                                                      + can Copy + can Move
                                                                                                                                                                                                                                                      +

                                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                                        • +

                                                                                                                                                                                                                                                      • Position settings:
                                                                                                                                                                                                                                                        + prev + inner + next
                                                                                                                                                                                                                                                        +

                                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                                          • +
                                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                                        • +

                                                                                                                                                                                                                                                      • 2, Explanation of treeNode

                                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                                        • No special requirements on the node data, the user can add custom attributes.
                                                                                                                                                                                                                                                          • +
                                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                                        • +
                                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                                      + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/exedit/drag_fun.html b/js/zTree_v3/demo/en/exedit/drag_fun.html new file mode 100755 index 0000000..02bf9ae --- /dev/null +++ b/js/zTree_v3/demo/en/exedit/drag_fun.html @@ -0,0 +1,180 @@ + + + + ZTREE DEMO - copyNode / moveNode + + + + + + + + + + + + +

                                                                                                                                                                                                                                                      Move / Copy - zTree methods

                                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                                      [ File Path: exedit/drag_fun.html ]
                                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                                          +

                                                                                                                                                                                                                                                        • 1, Explanation of 'copyNode / moveNode' method

                                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                          • Use 'copyNode / moveNode' method can also be achieved copy / move nodes.
                                                                                                                                                                                                                                                            • +

                                                                                                                                                                                                                                                          • Try to copy or cut node:
                                                                                                                                                                                                                                                            +     [ copy ] +     [ cut ] +     [ paste ]

                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                          • How to use 'zTreeObj.copyNode / moveNode' method, please see the API documentation.
                                                                                                                                                                                                                                                            • +
                                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                                          • +

                                                                                                                                                                                                                                                        • 2, Explanation of setting

                                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                          • Same as 'Normal Drag Node Operation'
                                                                                                                                                                                                                                                            • +
                                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                                          • +

                                                                                                                                                                                                                                                        • 3, Explanation of treeNode

                                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                          • Same as 'Normal Drag Node Operation'
                                                                                                                                                                                                                                                            • +
                                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                                          • +
                                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                                        + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/exedit/drag_super.html b/js/zTree_v3/demo/en/exedit/drag_super.html new file mode 100755 index 0000000..2c2dd6d --- /dev/null +++ b/js/zTree_v3/demo/en/exedit/drag_super.html @@ -0,0 +1,210 @@ + + + + ZTREE DEMO - beforeDrag / onDrag / beforeDrop / onDrop + + + + + + + + + + + +

                                                                                                                                                                                                                                                        Advanced Drag Node Operation

                                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                                        [ File Path: exedit/drag_super.html ]
                                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                                            +

                                                                                                                                                                                                                                                          • 1, 'beforeDrag / onDrag'
                                                                                                                                                                                                                                                              'beforeDrop / onDrop' callback function

                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                            • This Demo shows the configuration parameters to achieve a more flexible use of drag and drop rules, the operation can be compared with "Normal Drag Node Operation" example.
                                                                                                                                                                                                                                                              • +
                                                                                                                                                                                                                                                            • This Demo default allows copy & move.
                                                                                                                                                                                                                                                              • +
                                                                                                                                                                                                                                                            • This Demo set 'setting.edit.drag.prev / inner / next' as 'function', you can dynamically set according to the node, which can not use beforeDrop callback function, the effect of drag and drop will be better.
                                                                                                                                                                                                                                                              • +

                                                                                                                                                                                                                                                            • After be familiar with these configurations, I think you can design a more flexible and rational rules!
                                                                                                                                                                                                                                                              +      拖拽节点时自动展开父节点是否触发 callback
                                                                                                                                                                                                                                                              + drag / drop log:
                                                                                                                                                                                                                                                              +

                                                                                                                                                                                                                                                                • +
                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                              • +

                                                                                                                                                                                                                                                            • 2, Explanation of setting

                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                              • Same as 'Normal Drag Node Operation'
                                                                                                                                                                                                                                                                • +
                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                              • +

                                                                                                                                                                                                                                                            • 3, Explanation of treeNode

                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                              • Same as 'Normal Drag Node Operation'
                                                                                                                                                                                                                                                                • +
                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                              • +
                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                            + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/exedit/edit.html b/js/zTree_v3/demo/en/exedit/edit.html new file mode 100755 index 0000000..6257117 --- /dev/null +++ b/js/zTree_v3/demo/en/exedit/edit.html @@ -0,0 +1,115 @@ + + + + ZTREE DEMO - edit + + + + + + + + + + + +

                                                                                                                                                                                                                                                            Basic Edit Nodes

                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                            [ File Path: exedit/edit.html ]
                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                                +

                                                                                                                                                                                                                                                              • 1, Explanation of setting

                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                                                • This Demo only shows how to edit nodes using the basic method and configure parameters.
                                                                                                                                                                                                                                                                  • +
                                                                                                                                                                                                                                                                • 1) Must set 'setting.edit' attributes, see the API documentation for more related contents.
                                                                                                                                                                                                                                                                  • +
                                                                                                                                                                                                                                                                • 2) If you want to use remove / rename callback, muse to set 'setting.callback.beforeRemove / onRemove / beforeRename / onRename' attributes, see the API documentation for more related contents.
                                                                                                                                                                                                                                                                  • +
                                                                                                                                                                                                                                                                • 3) zTree do not provide buttons for add nodes, please use the custom control methods 'addHoverDom / removeHoverDom' to achieve added functionality, see the API documentation for more related contents. Another way, you can see the demo named 'Advanced Edit Nodes'.
                                                                                                                                                                                                                                                                  • +

                                                                                                                                                                                                                                                                • Edit button setting:
                                                                                                                                                                                                                                                                  + show remove button + show edit button
                                                                                                                                                                                                                                                                  + title for remove:
                                                                                                                                                                                                                                                                  + title for rename: +

                                                                                                                                                                                                                                                                    +
                                                                                                                                                                                                                                                                    • +
                                                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                                                  • +

                                                                                                                                                                                                                                                                • 2, Explanation of treeNode

                                                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                                                    +
                                                                                                                                                                                                                                                                  • No special requirements on the node data, the user can add custom attributes.
                                                                                                                                                                                                                                                                    • +
                                                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                                                  • +
                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                                + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/exedit/edit_fun.html b/js/zTree_v3/demo/en/exedit/edit_fun.html new file mode 100755 index 0000000..4b8eabe --- /dev/null +++ b/js/zTree_v3/demo/en/exedit/edit_fun.html @@ -0,0 +1,194 @@ + + + + ZTREE DEMO - addNodes / editName / removeNode / removeChildNodes + + + + + + + + + + + +

                                                                                                                                                                                                                                                                Edit Nodes - zTree methods

                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                                [ File Path: exedit/edit_fun.html ]
                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                                                    +

                                                                                                                                                                                                                                                                  • 1, Explanation of 'addNodes / editName / removeNode / removeChildNodes' method

                                                                                                                                                                                                                                                                    +
                                                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                                                    • Use 'addNodes / editName / removeNode / removeChildNodes' method can also be achieved copy / move nodes.
                                                                                                                                                                                                                                                                      • +
                                                                                                                                                                                                                                                                    • Method 'cancelEditName' is effective, only when edit the node name. Please use it when necessary, this demo doesn't show how to use the method.
                                                                                                                                                                                                                                                                      • +
                                                                                                                                                                                                                                                                    • Use setting.data.keep.parent / leaf attribute, you can lock the parent node and leaf node.
                                                                                                                                                                                                                                                                      • +

                                                                                                                                                                                                                                                                    • Try to edit node:
                                                                                                                                                                                                                                                                      +      Whether trigger the callback when execution removeNode() method.
                                                                                                                                                                                                                                                                      +     [ add parent node ] +     [ add leaf node ] +     [ edit name ]
                                                                                                                                                                                                                                                                      +     [ remove node ] +     [ make child nodes to empty ]
                                                                                                                                                                                                                                                                      + remove log:
                                                                                                                                                                                                                                                                      +

                                                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                                                        • +
                                                                                                                                                                                                                                                                      • How to use 'zTreeObj.addNodes / cancelEditName / editName / removeNode / removeChildNodes' method, please see the API documentation.
                                                                                                                                                                                                                                                                        • +
                                                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                                                      • +

                                                                                                                                                                                                                                                                    • 2, Explanation of setting

                                                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                                                      • Same as 'Basic Edit Nodes'
                                                                                                                                                                                                                                                                        • +
                                                                                                                                                                                                                                                                      • Lock the parent / leaf node status, need to set setting.data.keep.parent / leaf attribute, see the API documentation for more related contents
                                                                                                                                                                                                                                                                        • +
                                                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                                                      • +

                                                                                                                                                                                                                                                                    • 3, Explanation of treeNode

                                                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                                                      • Same as 'Basic Edit Nodes'
                                                                                                                                                                                                                                                                        • +
                                                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                                                      • +
                                                                                                                                                                                                                                                                    +
                                                                                                                                                                                                                                                                    +
                                                                                                                                                                                                                                                                    + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/exedit/edit_super.html b/js/zTree_v3/demo/en/exedit/edit_super.html new file mode 100755 index 0000000..6133109 --- /dev/null +++ b/js/zTree_v3/demo/en/exedit/edit_super.html @@ -0,0 +1,192 @@ + + + + ZTREE DEMO - beforeEditName / beforeRemove / onRemove / beforeRename / onRename + + + + + + + + + + + + +

                                                                                                                                                                                                                                                                    Advanced Edit Nodes

                                                                                                                                                                                                                                                                    +
                                                                                                                                                                                                                                                                    [ File Path: exedit/edit_super.html ]
                                                                                                                                                                                                                                                                    +
                                                                                                                                                                                                                                                                    +
                                                                                                                                                                                                                                                                    +
                                                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                                                        +

                                                                                                                                                                                                                                                                      • 1, 'beforeDrag / onDrag'
                                                                                                                                                                                                                                                                          'beforeEditName'
                                                                                                                                                                                                                                                                          'beforeRemove / onRemove'
                                                                                                                                                                                                                                                                          'beforeRename / onRename' callback function

                                                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                                                        • This demo shows the use of custom controls, the callback function to enhance the user experience, the operation can be compared with "Basic Edit Nodes" example.
                                                                                                                                                                                                                                                                          • +
                                                                                                                                                                                                                                                                        • This demo achieve the Add nodes button.
                                                                                                                                                                                                                                                                          • +
                                                                                                                                                                                                                                                                        • This demo achieve the confirmation when deleting node.
                                                                                                                                                                                                                                                                          • +
                                                                                                                                                                                                                                                                        • This demo use the 'showRenameBtn' to hide the rename button, when the treeNode's isLastNode = true
                                                                                                                                                                                                                                                                          • +
                                                                                                                                                                                                                                                                        • This demo use the 'showRemoveBtn' to hide the delete button, when the treeNode's isFirstNode = true
                                                                                                                                                                                                                                                                          • +
                                                                                                                                                                                                                                                                        • Can use 'beforeEditName' callback trigger custom editing.
                                                                                                                                                                                                                                                                          • +

                                                                                                                                                                                                                                                                        • After be familiar with these configurations, I think you can design a more flexible and rational rules!
                                                                                                                                                                                                                                                                          +      Whether select all text, when edit node's name.
                                                                                                                                                                                                                                                                          + remove / rename log:  RED is cancel edit (v3.5.13+)
                                                                                                                                                                                                                                                                          +

                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                            • +
                                                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                                                          • +

                                                                                                                                                                                                                                                                        • 2, Explanation of setting

                                                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                          • Same as 'Basic Edit Nodes'
                                                                                                                                                                                                                                                                            • +
                                                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                                                          • +

                                                                                                                                                                                                                                                                        • 3, Explanation of treeNode

                                                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                          • Same as 'Basic Edit Nodes'
                                                                                                                                                                                                                                                                            • +
                                                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                                                          • +
                                                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                                                        + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/exedit/multiTree.html b/js/zTree_v3/demo/en/exedit/multiTree.html new file mode 100755 index 0000000..52b4f43 --- /dev/null +++ b/js/zTree_v3/demo/en/exedit/multiTree.html @@ -0,0 +1,94 @@ + + + + ZTREE DEMO - multiTree + + + + + + + + + + + +

                                                                                                                                                                                                                                                                        Multiple Trees

                                                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                                                        [ File Path: exedit/multiTree.html ]
                                                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                                                          +

                                                                                                                                                                                                                                                                        • 1, Explanation of setting

                                                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                          • zTree enables drag and drop nodes between multiple trees, only need to create two draggable tree can be. And you can use the callback function and zTree method achieve a more complex operating rules, here is only the basic demo.
                                                                                                                                                                                                                                                                            • +
                                                                                                                                                                                                                                                                          • On the 'setting' configuration information please refer to drag and drop, edit, etc. demo's instructions
                                                                                                                                                                                                                                                                            • +
                                                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                                                          • +

                                                                                                                                                                                                                                                                        • 2, Explanation of treeNode

                                                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                          • No special requirements on the node data, the user can add custom attributes.
                                                                                                                                                                                                                                                                            • +
                                                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                                                          • +
                                                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                            + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/exhide/checkbox.html b/js/zTree_v3/demo/en/exhide/checkbox.html new file mode 100755 index 0000000..9b6fddf --- /dev/null +++ b/js/zTree_v3/demo/en/exhide/checkbox.html @@ -0,0 +1,161 @@ + + + + ZTREE DEMO - Hide With Checkbox Mode + + + + + + + + + + + + +

                                                                                                                                                                                                                                                                            Hide With Checkbox Mode

                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                            [ File Path: exhide/checkbox.html ]
                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                                                +

                                                                                                                                                                                                                                                                              • 1, Explanation of setting

                                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                                                                • Use the freature which to hide nodes, you don't need to set any attributes.
                                                                                                                                                                                                                                                                                  • +
                                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                                                • +

                                                                                                                                                                                                                                                                              • 2, Explanation of treeNode

                                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                                                                • Before you init zTree, set treeNode.isHidden = true, and you can hide the node.
                                                                                                                                                                                                                                                                                  • +

                                                                                                                                                                                                                                                                                • Hide or show the nodes:
                                                                                                                                                                                                                                                                                  + Try: [ Hide the nodes which be selected ]
                                                                                                                                                                                                                                                                                  +     [ Show all of the nodes which be hidden ]
                                                                                                                                                                                                                                                                                  +

                                                                                                                                                                                                                                                                                    +
                                                                                                                                                                                                                                                                                  • Total nodes which 'isHidden' attribute is true:
                                                                                                                                                                                                                                                                                    • +
                                                                                                                                                                                                                                                                                  • Total hidden nodes:
                                                                                                                                                                                                                                                                                    • +
                                                                                                                                                                                                                                                                                  • Total check nodes: +   Total uncheck nodes:
                                                                                                                                                                                                                                                                                    • +
                                                                                                                                                                                                                                                                                  • After hide nodes, you can see the 'isFirstNode' and 'isLastNode' attributes on the nodes which still be shown.
                                                                                                                                                                                                                                                                                    • +

                                                                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                                                                  • +
                                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                                                • +

                                                                                                                                                                                                                                                                              • 3、Other explanation

                                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                                                                • Hide nodes will effect the 'isFirstNode' and 'isLastNode' attributes, but will not effect the 'getPreNode()' and 'getNextNode()' method.
                                                                                                                                                                                                                                                                                  • +
                                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                                                • +
                                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                                              + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/exhide/common.html b/js/zTree_v3/demo/en/exhide/common.html new file mode 100755 index 0000000..557f290 --- /dev/null +++ b/js/zTree_v3/demo/en/exhide/common.html @@ -0,0 +1,126 @@ + + + + ZTREE DEMO - Hide Ordinary Node + + + + + + + + + + + +

                                                                                                                                                                                                                                                                              Hide Ordinary Node

                                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                                              [ File Path: exhide/common.html ]
                                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                                                  +

                                                                                                                                                                                                                                                                                • 1, Explanation of setting

                                                                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                                                                    +
                                                                                                                                                                                                                                                                                  • Use this freature, you don't need to set any attributes.
                                                                                                                                                                                                                                                                                    • +
                                                                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                                                                  • +

                                                                                                                                                                                                                                                                                • 2, Explanation of treeNode

                                                                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                                                                    +
                                                                                                                                                                                                                                                                                  • Before you init zTree, set treeNode.isHidden = true, and you can hide the node.
                                                                                                                                                                                                                                                                                    • +

                                                                                                                                                                                                                                                                                  • Hide or show the nodes:

                                                                                                                                                                                                                                                                                    + Try: [ Hide the nodes which be selected ]
                                                                                                                                                                                                                                                                                    +     [ Show all of the nodes which be hidden ]

                                                                                                                                                                                                                                                                                    +

                                                                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                                                                    • Total hidden nodes ('isHidden' is true): 个
                                                                                                                                                                                                                                                                                      • +
                                                                                                                                                                                                                                                                                    • After hide nodes, you can see the 'isFirstNode' and 'isLastNode' attributes on the nodes which still be shown.
                                                                                                                                                                                                                                                                                      • +

                                                                                                                                                                                                                                                                                    +
                                                                                                                                                                                                                                                                                    • +
                                                                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                                                                  • +

                                                                                                                                                                                                                                                                                • 3、Other explanation

                                                                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                                                                    +
                                                                                                                                                                                                                                                                                  • Hide nodes will effect the 'isFirstNode' and 'isLastNode' attributes, but will not effect the 'getPreNode()' and 'getNextNode()' method.
                                                                                                                                                                                                                                                                                    • +
                                                                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                                                                  • +
                                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                                                + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/exhide/radio.html b/js/zTree_v3/demo/en/exhide/radio.html new file mode 100755 index 0000000..a0c72e3 --- /dev/null +++ b/js/zTree_v3/demo/en/exhide/radio.html @@ -0,0 +1,162 @@ + + + + ZTREE DEMO - Hide With Radio Mode + + + + + + + + + + + + +

                                                                                                                                                                                                                                                                                Hide With Radio Mode

                                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                                                [ File Path: exhide/radio.html ]
                                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                                                                    +

                                                                                                                                                                                                                                                                                  • 1, Explanation of setting

                                                                                                                                                                                                                                                                                    +
                                                                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                                                                    • Use the freature which to hide nodes, you don't need to set any attributes.
                                                                                                                                                                                                                                                                                      • +
                                                                                                                                                                                                                                                                                    +
                                                                                                                                                                                                                                                                                    • +

                                                                                                                                                                                                                                                                                  • 2, Explanation of treeNode

                                                                                                                                                                                                                                                                                    +
                                                                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                                                                    • Before you init zTree, set treeNode.isHidden = true, and you can hide the node.
                                                                                                                                                                                                                                                                                      • +

                                                                                                                                                                                                                                                                                    • Hide or show the nodes:
                                                                                                                                                                                                                                                                                      + Try: [ Hide the nodes which be selected ]
                                                                                                                                                                                                                                                                                      +     [ Show all of the nodes which be hidden ]
                                                                                                                                                                                                                                                                                      +

                                                                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                                                                      • Total nodes which 'isHidden' attribute is true:
                                                                                                                                                                                                                                                                                        • +
                                                                                                                                                                                                                                                                                      • Total hidden nodes:
                                                                                                                                                                                                                                                                                        • +
                                                                                                                                                                                                                                                                                      • Total check nodes: +   Total uncheck nodes:
                                                                                                                                                                                                                                                                                        • +
                                                                                                                                                                                                                                                                                      • After hide nodes, you can see the 'isFirstNode' and 'isLastNode' attributes on the nodes which still be shown.
                                                                                                                                                                                                                                                                                        • +

                                                                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                                                                      • +
                                                                                                                                                                                                                                                                                    +
                                                                                                                                                                                                                                                                                    • +

                                                                                                                                                                                                                                                                                  • 3、Other explanation

                                                                                                                                                                                                                                                                                    +
                                                                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                                                                    • Hide nodes will effect the 'isFirstNode' and 'isLastNode' attributes, but will not effect the 'getPreNode()' and 'getNextNode()' method.
                                                                                                                                                                                                                                                                                      • +
                                                                                                                                                                                                                                                                                    +
                                                                                                                                                                                                                                                                                    • +
                                                                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                                                                  + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/index.html b/js/zTree_v3/demo/en/index.html new file mode 100755 index 0000000..b25a9ea --- /dev/null +++ b/js/zTree_v3/demo/en/index.html @@ -0,0 +1,170 @@ + + + + ZTREE DEMO + + + + + + + + + + + + + + +
                                                                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                                                                    +                                                                                                                                                                                                                                                                                     		+ +
                                                                                                                                                                                                                                                                                    + + + diff --git a/js/zTree_v3/demo/en/super/asyncForAll.html b/js/zTree_v3/demo/en/super/asyncForAll.html new file mode 100755 index 0000000..1c2a9e2 --- /dev/null +++ b/js/zTree_v3/demo/en/super/asyncForAll.html @@ -0,0 +1,192 @@ + + + + ZTREE DEMO - async for All + + + + + + + + + + +

                                                                                                                                                                                                                                                                                    Expand All Nodes with Async

                                                                                                                                                                                                                                                                                    +
                                                                                                                                                                                                                                                                                    [ File Path: super/asyncForAll.html ]
                                                                                                                                                                                                                                                                                    +
                                                                                                                                                                                                                                                                                    +
                                                                                                                                                                                                                                                                                    +
                                                                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                                                                        +

                                                                                                                                                                                                                                                                                      • Explanation of implementation method

                                                                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                                                                        • Using 'onAsyncSuccess' / 'onAsyncError' callback and 'reAsyncChildNodes' or 'expandNode' method, you will achieve all functionalities.
                                                                                                                                                                                                                                                                                          • +
                                                                                                                                                                                                                                                                                        • Note: If there are large amount parent nodes, please use delay to avoid excessive asynchronous process.
                                                                                                                                                                                                                                                                                          • +
                                                                                                                                                                                                                                                                                        • Recommendation: please use the debugging tools to view the ajax loading process with network.
                                                                                                                                                                                                                                                                                          • +
                                                                                                                                                                                                                                                                                        • Demonstrate operation +

                                                                                                                                                                                                                                                                                          + [ Expand All Nodes ]        + [ Load all nodes (don't expand) ]

                                                                                                                                                                                                                                                                                          + [ Reset zTree ]

                                                                                                                                                                                                                                                                                          +

                                                                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                                                                          • +
                                                                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                                                                        • +
                                                                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                                                                      + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/super/awesome.html b/js/zTree_v3/demo/en/super/awesome.html new file mode 100755 index 0000000..453ca72 --- /dev/null +++ b/js/zTree_v3/demo/en/super/awesome.html @@ -0,0 +1,135 @@ + + + + ZTREE DEMO - Simple Data + + + + + + + + + + + + + + +

                                                                                                                                                                                                                                                                                      Awesome Style

                                                                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                                                                      [ File Path: super/awesome.html ]
                                                                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                                                                          +

                                                                                                                                                                                                                                                                                        • 1, Explanation of fontawesome Style

                                                                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                          • You need to include the fontawesome stylesheet in your page (http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css)
                                                                                                                                                                                                                                                                                            • +
                                                                                                                                                                                                                                                                                          • <= This should show a car icon (if fontawesome is loaded properly)
                                                                                                                                                                                                                                                                                            • +
                                                                                                                                                                                                                                                                                          • Include the css stylesheet: 'css/awesomeStyle'
                                                                                                                                                                                                                                                                                            • +
                                                                                                                                                                                                                                                                                          • Thanks to mikkelking for this Demo. For reference only.
                                                                                                                                                                                                                                                                                            • + +

                                                                                                                                                                                                                                                                                          • Mode:
                                                                                                                                                                                                                                                                                            + + + +
                                                                                                                                                                                                                                                                                            +

                                                                                                                                                                                                                                                                                            • +
                                                                                                                                                                                                                                                                                          + +
                                                                                                                                                                                                                                                                                        + + +
                                                                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                                                                        + + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/super/checkbox_radio.html b/js/zTree_v3/demo/en/super/checkbox_radio.html new file mode 100755 index 0000000..4bed0af --- /dev/null +++ b/js/zTree_v3/demo/en/super/checkbox_radio.html @@ -0,0 +1,116 @@ + + + + ZTREE DEMO - checkbox & radio + + + + + + + + + + + +

                                                                                                                                                                                                                                                                                        Checkbox / Radio Coexistence

                                                                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                                                                        [ File Path: super/checkbox_radio.html ]
                                                                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                                                                            +

                                                                                                                                                                                                                                                                                          • Explanation of implementation method

                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                                                            • zTree default checkbox and radio can not coexist, but can be used the custom DOM features to achieve this requirement, refer to the "Adding Custom DOM".
                                                                                                                                                                                                                                                                                              • +
                                                                                                                                                                                                                                                                                            • For checkbox / radio association rules of the parent nodes and child nodes, according to the needs to develop its own rules.
                                                                                                                                                                                                                                                                                              • +
                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                            • +
                                                                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                                                                          + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/super/diydom.html b/js/zTree_v3/demo/en/super/diydom.html new file mode 100755 index 0000000..1841782 --- /dev/null +++ b/js/zTree_v3/demo/en/super/diydom.html @@ -0,0 +1,177 @@ + + + + ZTREE DEMO - addHoverDom / removeHoverDom / addDiyDom + + + + + + + + + + + + +

                                                                                                                                                                                                                                                                                          Adding Custom DOM

                                                                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                                                                          [ File Path: super/diydom.html ]
                                                                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                              +

                                                                                                                                                                                                                                                                                            • 1, Explanation of implementation method

                                                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                                                              • Use 'setting.view.addHoverDom / removeHoverDom / addDiyDom' attributes can easily display custom DOM.
                                                                                                                                                                                                                                                                                                • +
                                                                                                                                                                                                                                                                                              • Adding custom DOM, is important to understand zTree node object naming rules to ensure the normal controls add DOM.
                                                                                                                                                                                                                                                                                                • +
                                                                                                                                                                                                                                                                                              • If you add the browser's default ’select / checkbox / radio‘ DOM, please adjust the css, to ensure correctly display zTree.
                                                                                                                                                                                                                                                                                                • +
                                                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                                                              • +

                                                                                                                                                                                                                                                                                            • 2, Explanation of setting

                                                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                                                              • Set 'setting.view.addHoverDom / removeHoverDom / addDiyDom' attributes, see the API documentation for more related contents.
                                                                                                                                                                                                                                                                                                • +
                                                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                                                              • +

                                                                                                                                                                                                                                                                                            • 3, Explanation of treeNode

                                                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                                                              • No special requirements on the node data, the user can add custom attributes.
                                                                                                                                                                                                                                                                                                • +
                                                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                                                              • +
                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                            + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/super/dragWithOther.html b/js/zTree_v3/demo/en/super/dragWithOther.html new file mode 100755 index 0000000..762e6c8 --- /dev/null +++ b/js/zTree_v3/demo/en/super/dragWithOther.html @@ -0,0 +1,253 @@ + + + + ZTREE DEMO - drag with other DOM + + + + + + + + + + + + +

                                                                                                                                                                                                                                                                                            Drag With Other DOMs

                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                            [ File Path: super/dragWithOther.html ]
                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                                                                +

                                                                                                                                                                                                                                                                                              • Explanation of implementation method

                                                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                                                                                • zTree v3.2 modified the event object in onDrag/onDrop; v3.5.16 add the onDragMove callback, thus the nodes can be draged to other DOMs easily.
                                                                                                                                                                                                                                                                                                  • +
                                                                                                                                                                                                                                                                                                • To drag other DOMS to zTree, you need to build the drag codes by yourself.
                                                                                                                                                                                                                                                                                                  • +
                                                                                                                                                                                                                                                                                                • This is just a simple Demo. If you need more features, please build more complicated codes.
                                                                                                                                                                                                                                                                                                  • +
                                                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                                                                • +

                                                                                                                                                                                                                                                                                              • Please drag and drop the following content to the tree node

                                                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                                                                TreeGrassFlower
                                                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                                                                TigerBearLion
                                                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                                                                + You can drag the nodes of level 2 to the above layer. +
                                                                                                                                                                                                                                                                                                • +
                                                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                                                              + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/super/fuzzySearch.html b/js/zTree_v3/demo/en/super/fuzzySearch.html new file mode 100755 index 0000000..14b3a62 --- /dev/null +++ b/js/zTree_v3/demo/en/super/fuzzySearch.html @@ -0,0 +1,95 @@ + + + + ZTREE DEMO - fuzzySearch + + + + + + + + + + + + +

                                                                                                                                                                                                                                                                                              Fuzzy Search

                                                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                                                              [ File Path: fuzzySearch/fuzzySearch.html ]
                                                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                                                                                • +

                                                                                                                                                                                                                                                                                                  1. Explaination of fuzzySearch()

                                                                                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                                                                                    +
                                                                                                                                                                                                                                                                                                  • + @param the ztree id used to get the ztree object +
                                                                                                                                                                                                                                                                                                    • +
                                                                                                                                                                                                                                                                                                  • + @param searchField selector of your input for fuzzy search +
                                                                                                                                                                                                                                                                                                    • +
                                                                                                                                                                                                                                                                                                  • + @param isHighLight whether highlight the match words, default true +
                                                                                                                                                                                                                                                                                                    • +
                                                                                                                                                                                                                                                                                                  • + @param isExpand whether to expand the node, default false +
                                                                                                                                                                                                                                                                                                    • +
                                                                                                                                                                                                                                                                                                  • + fuzzySearch ( zTreeId, searchField, isHighLight, isExpand ) +
                                                                                                                                                                                                                                                                                                    • +

                                                                                                                                                                                                                                                                                                  • Try to search：
                                                                                                                                                                                                                                                                                                    + Keywords：
                                                                                                                                                                                                                                                                                                    +

                                                                                                                                                                                                                                                                                                    +
                                                                                                                                                                                                                                                                                                    • +
                                                                                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                                                                                  • +

                                                                                                                                                                                                                                                                                                • 2. js dependencies

                                                                                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                                                                                    +
                                                                                                                                                                                                                                                                                                  • ztree v3.5.19.1 +, getPath() in use
                                                                                                                                                                                                                                                                                                    • +
                                                                                                                                                                                                                                                                                                  • ztree.exhide extension, hideNode() in use
                                                                                                                                                                                                                                                                                                    • +
                                                                                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                                                                                  • +
                                                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                                                                + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/super/left_menu.html b/js/zTree_v3/demo/en/super/left_menu.html new file mode 100755 index 0000000..86d12cf --- /dev/null +++ b/js/zTree_v3/demo/en/super/left_menu.html @@ -0,0 +1,152 @@ + + + + ZTREE DEMO - left_menu + + + + + + + + + + + +

                                                                                                                                                                                                                                                                                                Left Menu

                                                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                                                                [ File Path: super/left_menu.html ]
                                                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                                                                                    +

                                                                                                                                                                                                                                                                                                  • Explanation of implementation method

                                                                                                                                                                                                                                                                                                    +
                                                                                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                                                                                    • The menu in the Demo's Web page is to use zTree to achieve, is to use css set interface, use the configuration 'setting' to achieve features, this demo achieve a simple example of the left menu, you can view the source code of Demo's Web Page for in-depth study.
                                                                                                                                                                                                                                                                                                      • +
                                                                                                                                                                                                                                                                                                    • 1. According to your needs to modify the css, for example: the menu style on this Demo and Demo's Web page not the same.
                                                                                                                                                                                                                                                                                                      • +
                                                                                                                                                                                                                                                                                                    • 2. Main configuration:
                                                                                                                                                                                                                                                                                                      +     setting.view.showIcon / showLine / selectedMulti / dblClickExpand
                                                                                                                                                                                                                                                                                                      +     setting.callback.onNodeCreated / beforeClick / onClick +
                                                                                                                                                                                                                                                                                                      • +
                                                                                                                                                                                                                                                                                                    • 3. If need to keep single path, please refer to the source code of "Keep Single Path" Demo.
                                                                                                                                                                                                                                                                                                      • +
                                                                                                                                                                                                                                                                                                    • 4. Other auxiliary rules, please write code based on your needs.
                                                                                                                                                                                                                                                                                                      • +
                                                                                                                                                                                                                                                                                                    +
                                                                                                                                                                                                                                                                                                    • +
                                                                                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                                                                                  + + diff --git a/js/zTree_v3/demo/en/super/left_menuForOutLook.gif b/js/zTree_v3/demo/en/super/left_menuForOutLook.gif new file mode 100755 index 0000000..c252f0f Binary files /dev/null and b/js/zTree_v3/demo/en/super/left_menuForOutLook.gif differ diff --git a/js/zTree_v3/demo/en/super/left_menuForOutLook.html b/js/zTree_v3/demo/en/super/left_menuForOutLook.html new file mode 100755 index 0000000..0af50af --- /dev/null +++ b/js/zTree_v3/demo/en/super/left_menuForOutLook.html @@ -0,0 +1,136 @@ + + + + ZTREE DEMO - left_menu for Outlook + + + + + + + + + + +

                                                                                                                                                                                                                                                                                                  Left Menu Like OutLook Style

                                                                                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                                                                                  [ File Path: super/left_menuForOutLook.html ]
                                                                                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                                                                                    +
                                                                                                                                                                                                                                                                                                    +
                                                                                                                                                                                                                                                                                                    +
                                                                                                                                                                                                                                                                                                      +

                                                                                                                                                                                                                                                                                                    • Explanation of implementation method

                                                                                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                                                                                      • I make one left menu which resembles outlook.com, so share to everyone.
                                                                                                                                                                                                                                                                                                        • +
                                                                                                                                                                                                                                                                                                      • 1. Please note that the css code of the source of this page.
                                                                                                                                                                                                                                                                                                        • +
                                                                                                                                                                                                                                                                                                      • 2. Please note that the javascript code of the source of this page, especially the switch button is moved into the <a> tag when 'addDiyDom' callback be called
                                                                                                                                                                                                                                                                                                        • +
                                                                                                                                                                                                                                                                                                      • 3. Use the method of add zTree class name to implement the switch button be hidden or showing.
                                                                                                                                                                                                                                                                                                        • +
                                                                                                                                                                                                                                                                                                      • 4. Other auxiliary rules, please write code based on your needs.
                                                                                                                                                                                                                                                                                                        • +
                                                                                                                                                                                                                                                                                                      • 5. The current rule description:
                                                                                                                                                                                                                                                                                                        +   Click the root node can control the parent node be expanded or collapsed;
                                                                                                                                                                                                                                                                                                        +   The parent nodes without root only are only clicked the arrow icon can control be expanded or collapsed;br/> +
                                                                                                                                                                                                                                                                                                        • +
                                                                                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                                                                                      • +
                                                                                                                                                                                                                                                                                                    +
                                                                                                                                                                                                                                                                                                    +
                                                                                                                                                                                                                                                                                                    + + diff --git a/js/zTree_v3/demo/en/super/left_menuForOutLook.png b/js/zTree_v3/demo/en/super/left_menuForOutLook.png new file mode 100755 index 0000000..36e8acf Binary files /dev/null and b/js/zTree_v3/demo/en/super/left_menuForOutLook.png differ diff --git a/js/zTree_v3/demo/en/super/metro.html b/js/zTree_v3/demo/en/super/metro.html new file mode 100755 index 0000000..b89d8bf --- /dev/null +++ b/js/zTree_v3/demo/en/super/metro.html @@ -0,0 +1,109 @@ + + + + ZTREE DEMO - Simple Data + + + + + + + + + + + +

                                                                                                                                                                                                                                                                                                    Metro Style

                                                                                                                                                                                                                                                                                                    +
                                                                                                                                                                                                                                                                                                    [ File Path: super/metro.html ]
                                                                                                                                                                                                                                                                                                    +
                                                                                                                                                                                                                                                                                                    +
                                                                                                                                                                                                                                                                                                    +
                                                                                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                                                                                        +

                                                                                                                                                                                                                                                                                                      • 1, Explanation of Style Files

                                                                                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                                                                                        • Please use style and image files of 'css/metroStyle'
                                                                                                                                                                                                                                                                                                          • +
                                                                                                                                                                                                                                                                                                        • Thanked rqx110 for this Demo. For reference only.
                                                                                                                                                                                                                                                                                                          • +
                                                                                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                                                                                        • +
                                                                                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                                                                                      + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/super/oneclick.html b/js/zTree_v3/demo/en/super/oneclick.html new file mode 100755 index 0000000..983bcb7 --- /dev/null +++ b/js/zTree_v3/demo/en/super/oneclick.html @@ -0,0 +1,87 @@ + + + + ZTREE DEMO - one click + + + + + + + + + + + +

                                                                                                                                                                                                                                                                                                      Click to Expand Node

                                                                                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                                                                                      [ File Path: super/oneclick.html ]
                                                                                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                                                                                      +
                                                                                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                                                                                          +

                                                                                                                                                                                                                                                                                                        • Explanation of implementation method

                                                                                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                                          • zTree not provide a default click to expand node feature, but can use the onClick callback functions to easily implement this feature.
                                                                                                                                                                                                                                                                                                            • +
                                                                                                                                                                                                                                                                                                          • In order to avoid conflict with the double-clicking, I recommended to turn off double-clicking expand node function, please set setting.view.dblClickExpand = false
                                                                                                                                                                                                                                                                                                            • +
                                                                                                                                                                                                                                                                                                          • You can hide all the +/- switch, please see the page source, see the css.
                                                                                                                                                                                                                                                                                                            • +
                                                                                                                                                                                                                                                                                                          • If you do not show + / - switch, then please set 'setting.view.showLine = false' to hide line.
                                                                                                                                                                                                                                                                                                            • +
                                                                                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                                                                                          • +
                                                                                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                                                                                        + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/super/oneroot.html b/js/zTree_v3/demo/en/super/oneroot.html new file mode 100755 index 0000000..e73c141 --- /dev/null +++ b/js/zTree_v3/demo/en/super/oneroot.html @@ -0,0 +1,79 @@ + + + + ZTREE DEMO - one root + + + + + + + + + + + +

                                                                                                                                                                                                                                                                                                        Freeze the Root Node

                                                                                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                                                                                        [ File Path: demo/super/oneroot.html ]
                                                                                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                                                                                        +
                                                                                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                                                                                            +

                                                                                                                                                                                                                                                                                                          • Explanation of implementation method

                                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                                                                            • For only one root, and do not show +/- switch needs need to modify the css, and set the setting.
                                                                                                                                                                                                                                                                                                              • +
                                                                                                                                                                                                                                                                                                            • zTree v3.x can be for a given level, set the style, check out the page source, see the css.
                                                                                                                                                                                                                                                                                                              • +
                                                                                                                                                                                                                                                                                                            • Set setting.view.dblClickExpand to Function, you can turn off double-clicking for expand the root node.
                                                                                                                                                                                                                                                                                                              • +
                                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                                            • +
                                                                                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                                                                                          + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/super/rightClickMenu.html b/js/zTree_v3/demo/en/super/rightClickMenu.html new file mode 100755 index 0000000..95a1d88 --- /dev/null +++ b/js/zTree_v3/demo/en/super/rightClickMenu.html @@ -0,0 +1,171 @@ + + + + ZTREE DEMO - select menu + + + + + + + + + + + + +

                                                                                                                                                                                                                                                                                                          Right-click Menu

                                                                                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                                                                                          [ File Path: super/rightClickMenu.html ]
                                                                                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                                                                                          +
                                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                                              +

                                                                                                                                                                                                                                                                                                            • Explanation of implementation method

                                                                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                                                                              • Use 'beforeRightClick / onRightClick' callback function achieve right-click menu.
                                                                                                                                                                                                                                                                                                                • +
                                                                                                                                                                                                                                                                                                              • Demo's menu is ugly, you can use a custom menu fine style.
                                                                                                                                                                                                                                                                                                                • +
                                                                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                                                                              • +
                                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                                                                            • Add Node
                                                                                                                                                                                                                                                                                                              • +
                                                                                                                                                                                                                                                                                                            • Delete Node
                                                                                                                                                                                                                                                                                                              • +
                                                                                                                                                                                                                                                                                                            • Check Node
                                                                                                                                                                                                                                                                                                              • +
                                                                                                                                                                                                                                                                                                            • Uncheck Node
                                                                                                                                                                                                                                                                                                              • +
                                                                                                                                                                                                                                                                                                            • Resume zTree
                                                                                                                                                                                                                                                                                                              • +
                                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                                            + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/super/select_menu.html b/js/zTree_v3/demo/en/super/select_menu.html new file mode 100755 index 0000000..04d9c5b --- /dev/null +++ b/js/zTree_v3/demo/en/super/select_menu.html @@ -0,0 +1,124 @@ + + + + ZTREE DEMO - select menu + + + + + + + + + + + +

                                                                                                                                                                                                                                                                                                            Drop-down Menu

                                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                                            [ File Path: super/select_menu.html ]
                                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                                                                            •   Press Ctrl-key or Cmd-key to select multiple cities
                                                                                                                                                                                                                                                                                                              • +
                                                                                                                                                                                                                                                                                                            •   city: +  select
                                                                                                                                                                                                                                                                                                              • +
                                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                                              +

                                                                                                                                                                                                                                                                                                            • Explanation of implementation method

                                                                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                                                                              • Achieve this drop-down menu, it is relatively easy, you only need to control zTree Hide / Show, and location.
                                                                                                                                                                                                                                                                                                                • +
                                                                                                                                                                                                                                                                                                              • Use zTree v3.x, you can select multiple nodes, so the multi-selection is also easy.
                                                                                                                                                                                                                                                                                                                • +
                                                                                                                                                                                                                                                                                                              • Use the configuration parameters setting, fully meet the needs of most of the functionality.
                                                                                                                                                                                                                                                                                                                • +
                                                                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                                                                              • +
                                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                                            + + + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/super/select_menu_checkbox.html b/js/zTree_v3/demo/en/super/select_menu_checkbox.html new file mode 100755 index 0000000..7e008d9 --- /dev/null +++ b/js/zTree_v3/demo/en/super/select_menu_checkbox.html @@ -0,0 +1,126 @@ + + + + ZTREE DEMO - checkbox select menu + + + + + + + + + + + + +

                                                                                                                                                                                                                                                                                                            Drop-down Menu with checkbox

                                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                                            [ File Path: super/select_menu_checkbox.html ]
                                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                                                                            •   Check the checkbox to select or click the node
                                                                                                                                                                                                                                                                                                              • +
                                                                                                                                                                                                                                                                                                            •   Test: +  select
                                                                                                                                                                                                                                                                                                              • +
                                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                                              +

                                                                                                                                                                                                                                                                                                            • Explanation of implementation method

                                                                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                                                                              • You can achieve multi-selected drop-down menu with checkbox.
                                                                                                                                                                                                                                                                                                                • +
                                                                                                                                                                                                                                                                                                              • This Demo is mainly used for compare with other drop-down menu.
                                                                                                                                                                                                                                                                                                                • +
                                                                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                                                                              • +
                                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                                            + + + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/super/select_menu_radio.html b/js/zTree_v3/demo/en/super/select_menu_radio.html new file mode 100755 index 0000000..429850e --- /dev/null +++ b/js/zTree_v3/demo/en/super/select_menu_radio.html @@ -0,0 +1,127 @@ + + + + ZTREE DEMO - radio select menu + + + + + + + + + + + + +

                                                                                                                                                                                                                                                                                                            Drop-down Menu with radio

                                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                                            [ File Path: super/select_menu_radio.html ]
                                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                                                                            •   Check the radio to select or click the node
                                                                                                                                                                                                                                                                                                              • +
                                                                                                                                                                                                                                                                                                            •   Test: +  select
                                                                                                                                                                                                                                                                                                              • +
                                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                                              +

                                                                                                                                                                                                                                                                                                            • Explanation of implementation method

                                                                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                                                                              • You can achieve single-selected drop-down menu with radio.
                                                                                                                                                                                                                                                                                                                • +
                                                                                                                                                                                                                                                                                                              • This Demo is mainly used for compare with other drop-down menu.
                                                                                                                                                                                                                                                                                                                • +
                                                                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                                                                              • +
                                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                                            + + + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/super/singlepath.html b/js/zTree_v3/demo/en/super/singlepath.html new file mode 100755 index 0000000..cf84e0b --- /dev/null +++ b/js/zTree_v3/demo/en/super/singlepath.html @@ -0,0 +1,166 @@ + + + + ZTREE DEMO - single path + + + + + + + + + + + +

                                                                                                                                                                                                                                                                                                            Keep Single Path

                                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                                            [ File Path: super/singlepath.html ]
                                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                                            +
                                                                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                                                                                +

                                                                                                                                                                                                                                                                                                              • Explanation of implementation method

                                                                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                                                                                  +
                                                                                                                                                                                                                                                                                                                • This Demo is the transformation from "Click to Expand Node" demo​​, tree only expand single path.
                                                                                                                                                                                                                                                                                                                  • +
                                                                                                                                                                                                                                                                                                                • Use 'setting.callback.beforeExpand / onExpand' callback function to achieve rules about expand
                                                                                                                                                                                                                                                                                                                  • +
                                                                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                                                                                • +
                                                                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                                                                              + + \ No newline at end of file diff --git a/js/zTree_v3/demo/en/super/ztree.html b/js/zTree_v3/demo/en/super/ztree.html new file mode 100755 index 0000000..79172a4 --- /dev/null +++ b/js/zTree_v3/demo/en/super/ztree.html @@ -0,0 +1,127 @@ + + + + ZTREE DEMO - Simple Data + + + + + + + + + + + + + +

                                                                                                                                                                                                                                                                                                              zTree Style

                                                                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                                                                              [ File Path: super/ztree.html ]
                                                                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                                                                              +
                                                                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                                                                                  +

                                                                                                                                                                                                                                                                                                                • 1, Explanation of zTree Style

                                                                                                                                                                                                                                                                                                                  + +
                                                                                                                                                                                                                                                                                                                  • +

                                                                                                                                                                                                                                                                                                                • Mode:
                                                                                                                                                                                                                                                                                                                  + + + +
                                                                                                                                                                                                                                                                                                                  +

                                                                                                                                                                                                                                                                                                                  • +
                                                                                                                                                                                                                                                                                                                + +
                                                                                                                                                                                                                                                                                                                +
                                                                                                                                                                                                                                                                                                                + + + \ No newline at end of file diff --git a/js/zTree_v3/demo/js/fuzzysearch.js b/js/zTree_v3/demo/js/fuzzysearch.js new file mode 100755 index 0000000..bc2a603 --- /dev/null +++ b/js/zTree_v3/demo/js/fuzzysearch.js @@ -0,0 +1,129 @@ +/* + * email: bigablecat@hotmail.com + * Date: 2018-04-14 + */ + +/** + * @param zTreeId the ztree id used to get the ztree object + * @param searchField selector of your input for fuzzy search + * @param isHighLight whether highlight the match words, default true + * @param isExpand whether to expand the node, default false + * + * @returns + */ + function fuzzySearch(zTreeId, searchField, isHighLight, isExpand){ + var zTreeObj = $.fn.zTree.getZTreeObj(zTreeId);//get the ztree object by ztree id + if(!zTreeObj){ + alert("fail to get ztree object"); + } + var nameKey = zTreeObj.setting.data.key.name; //get the key of the node name + isHighLight = isHighLight===false?false:true;//default true, only use false to disable highlight + isExpand = isExpand?true:false; // not to expand in default + zTreeObj.setting.view.nameIsHTML = isHighLight; //allow use html in node name for highlight use + + var metaChar = '[\\[\\]\\\\\^\\$\\.\\|\\?\\*\\+\\(\\)]'; //js meta characters + var rexMeta = new RegExp(metaChar, 'gi');//regular expression to match meta characters + + // keywords filter function + function ztreeFilter(zTreeObj,_keywords,callBackFunc) { + if(!_keywords){ + _keywords =''; //default blank for _keywords + } + + // function to find the matching node + function filterFunc(node) { + if(node && node.oldname && node.oldname.length>0){ + node[nameKey] = node.oldname; //recover oldname of the node if exist + } + zTreeObj.updateNode(node); //update node to for modifications take effect + if (_keywords.length == 0) { + //return true to show all nodes if the keyword is blank + zTreeObj.showNode(node); + zTreeObj.expandNode(node,isExpand); + return true; + } + //transform node name and keywords to lowercase + if (node[nameKey] && node[nameKey].toLowerCase().indexOf(_keywords.toLowerCase())!=-1) { + if(isHighLight){ //highlight process + //a new variable 'newKeywords' created to store the keywords information + //keep the parameter '_keywords' as initial and it will be used in next node + //process the meta characters in _keywords thus the RegExp can be correctly used in str.replace + var newKeywords = _keywords.replace(rexMeta,function(matchStr){ + //add escape character before meta characters + return '\\' + matchStr; + }); + node.oldname = node[nameKey]; //store the old name + var rexGlobal = new RegExp(newKeywords, 'gi');//'g' for global,'i' for ignore case + //use replace(RegExp,replacement) since replace(/substr/g,replacement) cannot be used here + node[nameKey] = node.oldname.replace(rexGlobal, function(originalText){ + //highlight the matching words in node name + var highLightText = + '' + + originalText + +''; + return highLightText; + }); + zTreeObj.updateNode(node); //update node for modifications take effect + } + zTreeObj.showNode(node);//show node with matching keywords + return true; //return true and show this node + } + + zTreeObj.hideNode(node); // hide node that not matched + return false; //return false for node not matched + } + + var nodesShow = zTreeObj.getNodesByFilter(filterFunc); //get all nodes that would be shown + processShowNodes(nodesShow, _keywords);//nodes should be reprocessed to show correctly + } + + /** + * reprocess of nodes before showing + */ + function processShowNodes(nodesShow,_keywords){ + if(nodesShow && nodesShow.length>0){ + //process the ancient nodes if _keywords is not blank + if(_keywords.length>0){ + $.each(nodesShow, function(n,obj){ + var pathOfOne = obj.getPath();//get all the ancient nodes including current node + if(pathOfOne && pathOfOne.length>0){ + //i < pathOfOne.length-1 process every node in path except self + for(var i=0;id)break;a.currentTarget=f.elem;a.data=f.handleObj.data;a.handleObj=f.handleObj;A=f.handleObj.origHandler.apply(f.elem,arguments);if(A===false||a.isPropagationStopped()){d=f.level;if(A===false)b=false;if(a.isImmediatePropagationStopped())break}}return b}}function Y(a,b){return(a&&a!=="*"?a+".":"")+b.replace(La, +"`").replace(Ma,"&")}function ma(a,b,d){if(c.isFunction(b))return c.grep(a,function(f,h){return!!b.call(f,h,f)===d});else if(b.nodeType)return c.grep(a,function(f){return f===b===d});else if(typeof b==="string"){var e=c.grep(a,function(f){return f.nodeType===1});if(Na.test(b))return c.filter(b,e,!d);else b=c.filter(b,e)}return c.grep(a,function(f){return c.inArray(f,b)>=0===d})}function na(a,b){var d=0;b.each(function(){if(this.nodeName===(a[d]&&a[d].nodeName)){var e=c.data(a[d++]),f=c.data(this, +e);if(e=e&&e.events){delete f.handle;f.events={};for(var h in e)for(var l in e[h])c.event.add(this,h,e[h][l],e[h][l].data)}}})}function Oa(a,b){b.src?c.ajax({url:b.src,async:false,dataType:"script"}):c.globalEval(b.text||b.textContent||b.innerHTML||"");b.parentNode&&b.parentNode.removeChild(b)}function oa(a,b,d){var e=b==="width"?a.offsetWidth:a.offsetHeight;if(d==="border")return e;c.each(b==="width"?Pa:Qa,function(){d||(e-=parseFloat(c.css(a,"padding"+this))||0);if(d==="margin")e+=parseFloat(c.css(a, +"margin"+this))||0;else e-=parseFloat(c.css(a,"border"+this+"Width"))||0});return e}function da(a,b,d,e){if(c.isArray(b)&&b.length)c.each(b,function(f,h){d||Ra.test(a)?e(a,h):da(a+"["+(typeof h==="object"||c.isArray(h)?f:"")+"]",h,d,e)});else if(!d&&b!=null&&typeof b==="object")c.isEmptyObject(b)?e(a,""):c.each(b,function(f,h){da(a+"["+f+"]",h,d,e)});else e(a,b)}function S(a,b){var d={};c.each(pa.concat.apply([],pa.slice(0,b)),function(){d[this]=a});return d}function qa(a){if(!ea[a]){var b=c("<"+ +a+">").appendTo("body"),d=b.css("display");b.remove();if(d==="none"||d==="")d="block";ea[a]=d}return ea[a]}function fa(a){return c.isWindow(a)?a:a.nodeType===9?a.defaultView||a.parentWindow:false}var t=E.document,c=function(){function a(){if(!b.isReady){try{t.documentElement.doScroll("left")}catch(j){setTimeout(a,1);return}b.ready()}}var b=function(j,s){return new b.fn.init(j,s)},d=E.jQuery,e=E.$,f,h=/^(?:[^<]*(<[\w\W]+>)[^>]*$|#([\w\-]+)$)/,l=/\S/,k=/^\s+/,o=/\s+$/,x=/\W/,r=/\d/,A=/^<(\w+)\s*\/?>(?:<\/\1>)?$/, +C=/^[\],:{}\s]*$/,J=/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,w=/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,I=/(?:^|:|,)(?:\s*\[)+/g,L=/(webkit)[ \/]([\w.]+)/,g=/(opera)(?:.*version)?[ \/]([\w.]+)/,i=/(msie) ([\w.]+)/,n=/(mozilla)(?:.*? rv:([\w.]+))?/,m=navigator.userAgent,p=false,q=[],u,y=Object.prototype.toString,F=Object.prototype.hasOwnProperty,M=Array.prototype.push,N=Array.prototype.slice,O=String.prototype.trim,D=Array.prototype.indexOf,R={};b.fn=b.prototype={init:function(j, +s){var v,z,H;if(!j)return this;if(j.nodeType){this.context=this[0]=j;this.length=1;return this}if(j==="body"&&!s&&t.body){this.context=t;this[0]=t.body;this.selector="body";this.length=1;return this}if(typeof j==="string")if((v=h.exec(j))&&(v[1]||!s))if(v[1]){H=s?s.ownerDocument||s:t;if(z=A.exec(j))if(b.isPlainObject(s)){j=[t.createElement(z[1])];b.fn.attr.call(j,s,true)}else j=[H.createElement(z[1])];else{z=b.buildFragment([v[1]],[H]);j=(z.cacheable?z.fragment.cloneNode(true):z.fragment).childNodes}return b.merge(this, +j)}else{if((z=t.getElementById(v[2]))&&z.parentNode){if(z.id!==v[2])return f.find(j);this.length=1;this[0]=z}this.context=t;this.selector=j;return this}else if(!s&&!x.test(j)){this.selector=j;this.context=t;j=t.getElementsByTagName(j);return b.merge(this,j)}else return!s||s.jquery?(s||f).find(j):b(s).find(j);else if(b.isFunction(j))return f.ready(j);if(j.selector!==B){this.selector=j.selector;this.context=j.context}return b.makeArray(j,this)},selector:"",jquery:"1.4.4",length:0,size:function(){return this.length}, +toArray:function(){return N.call(this,0)},get:function(j){return j==null?this.toArray():j<0?this.slice(j)[0]:this[j]},pushStack:function(j,s,v){var z=b();b.isArray(j)?M.apply(z,j):b.merge(z,j);z.prevObject=this;z.context=this.context;if(s==="find")z.selector=this.selector+(this.selector?" ":"")+v;else if(s)z.selector=this.selector+"."+s+"("+v+")";return z},each:function(j,s){return b.each(this,j,s)},ready:function(j){b.bindReady();if(b.isReady)j.call(t,b);else q&&q.push(j);return this},eq:function(j){return j=== +-1?this.slice(j):this.slice(j,+j+1)},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},slice:function(){return this.pushStack(N.apply(this,arguments),"slice",N.call(arguments).join(","))},map:function(j){return this.pushStack(b.map(this,function(s,v){return j.call(s,v,s)}))},end:function(){return this.prevObject||b(null)},push:M,sort:[].sort,splice:[].splice};b.fn.init.prototype=b.fn;b.extend=b.fn.extend=function(){var j,s,v,z,H,G=arguments[0]||{},K=1,Q=arguments.length,ga=false; +if(typeof G==="boolean"){ga=G;G=arguments[1]||{};K=2}if(typeof G!=="object"&&!b.isFunction(G))G={};if(Q===K){G=this;--K}for(;K0))if(q){var s=0,v=q;for(q=null;j=v[s++];)j.call(t,b);b.fn.trigger&&b(t).trigger("ready").unbind("ready")}}},bindReady:function(){if(!p){p=true;if(t.readyState==="complete")return setTimeout(b.ready,1);if(t.addEventListener){t.addEventListener("DOMContentLoaded",u,false);E.addEventListener("load",b.ready,false)}else if(t.attachEvent){t.attachEvent("onreadystatechange",u);E.attachEvent("onload", +b.ready);var j=false;try{j=E.frameElement==null}catch(s){}t.documentElement.doScroll&&j&&a()}}},isFunction:function(j){return b.type(j)==="function"},isArray:Array.isArray||function(j){return b.type(j)==="array"},isWindow:function(j){return j&&typeof j==="object"&&"setInterval"in j},isNaN:function(j){return j==null||!r.test(j)||isNaN(j)},type:function(j){return j==null?String(j):R[y.call(j)]||"object"},isPlainObject:function(j){if(!j||b.type(j)!=="object"||j.nodeType||b.isWindow(j))return false;if(j.constructor&& +!F.call(j,"constructor")&&!F.call(j.constructor.prototype,"isPrototypeOf"))return false;for(var s in j);return s===B||F.call(j,s)},isEmptyObject:function(j){for(var s in j)return false;return true},error:function(j){throw j;},parseJSON:function(j){if(typeof j!=="string"||!j)return null;j=b.trim(j);if(C.test(j.replace(J,"@").replace(w,"]").replace(I,"")))return E.JSON&&E.JSON.parse?E.JSON.parse(j):(new Function("return "+j))();else b.error("Invalid JSON: "+j)},noop:function(){},globalEval:function(j){if(j&& +l.test(j)){var s=t.getElementsByTagName("head")[0]||t.documentElement,v=t.createElement("script");v.type="text/javascript";if(b.support.scriptEval)v.appendChild(t.createTextNode(j));else v.text=j;s.insertBefore(v,s.firstChild);s.removeChild(v)}},nodeName:function(j,s){return j.nodeName&&j.nodeName.toUpperCase()===s.toUpperCase()},each:function(j,s,v){var z,H=0,G=j.length,K=G===B||b.isFunction(j);if(v)if(K)for(z in j){if(s.apply(j[z],v)===false)break}else for(;H
                                                                                                                                                                                                                                                                                                                a";var f=d.getElementsByTagName("*"),h=d.getElementsByTagName("a")[0],l=t.createElement("select"), +k=l.appendChild(t.createElement("option"));if(!(!f||!f.length||!h)){c.support={leadingWhitespace:d.firstChild.nodeType===3,tbody:!d.getElementsByTagName("tbody").length,htmlSerialize:!!d.getElementsByTagName("link").length,style:/red/.test(h.getAttribute("style")),hrefNormalized:h.getAttribute("href")==="/a",opacity:/^0.55$/.test(h.style.opacity),cssFloat:!!h.style.cssFloat,checkOn:d.getElementsByTagName("input")[0].value==="on",optSelected:k.selected,deleteExpando:true,optDisabled:false,checkClone:false, +scriptEval:false,noCloneEvent:true,boxModel:null,inlineBlockNeedsLayout:false,shrinkWrapBlocks:false,reliableHiddenOffsets:true};l.disabled=true;c.support.optDisabled=!k.disabled;b.type="text/javascript";try{b.appendChild(t.createTextNode("window."+e+"=1;"))}catch(o){}a.insertBefore(b,a.firstChild);if(E[e]){c.support.scriptEval=true;delete E[e]}try{delete b.test}catch(x){c.support.deleteExpando=false}a.removeChild(b);if(d.attachEvent&&d.fireEvent){d.attachEvent("onclick",function r(){c.support.noCloneEvent= +false;d.detachEvent("onclick",r)});d.cloneNode(true).fireEvent("onclick")}d=t.createElement("div");d.innerHTML="";a=t.createDocumentFragment();a.appendChild(d.firstChild);c.support.checkClone=a.cloneNode(true).cloneNode(true).lastChild.checked;c(function(){var r=t.createElement("div");r.style.width=r.style.paddingLeft="1px";t.body.appendChild(r);c.boxModel=c.support.boxModel=r.offsetWidth===2;if("zoom"in r.style){r.style.display="inline";r.style.zoom= +1;c.support.inlineBlockNeedsLayout=r.offsetWidth===2;r.style.display="";r.innerHTML="
                                                                                                                                                                                                                                                                                                                ";c.support.shrinkWrapBlocks=r.offsetWidth!==2}r.innerHTML="
                                                                                                                                                                                                                                                                                                                t
                                                                                                                                                                                                                                                                                                                ";var A=r.getElementsByTagName("td");c.support.reliableHiddenOffsets=A[0].offsetHeight===0;A[0].style.display="";A[1].style.display="none";c.support.reliableHiddenOffsets=c.support.reliableHiddenOffsets&&A[0].offsetHeight===0;r.innerHTML="";t.body.removeChild(r).style.display= +"none"});a=function(r){var A=t.createElement("div");r="on"+r;var C=r in A;if(!C){A.setAttribute(r,"return;");C=typeof A[r]==="function"}return C};c.support.submitBubbles=a("submit");c.support.changeBubbles=a("change");a=b=d=f=h=null}})();var ra={},Ja=/^(?:\{.*\}|\[.*\])$/;c.extend({cache:{},uuid:0,expando:"jQuery"+c.now(),noData:{embed:true,object:"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",applet:true},data:function(a,b,d){if(c.acceptData(a)){a=a==E?ra:a;var e=a.nodeType,f=e?a[c.expando]:null,h= +c.cache;if(!(e&&!f&&typeof b==="string"&&d===B)){if(e)f||(a[c.expando]=f=++c.uuid);else h=a;if(typeof b==="object")if(e)h[f]=c.extend(h[f],b);else c.extend(h,b);else if(e&&!h[f])h[f]={};a=e?h[f]:h;if(d!==B)a[b]=d;return typeof b==="string"?a[b]:a}}},removeData:function(a,b){if(c.acceptData(a)){a=a==E?ra:a;var d=a.nodeType,e=d?a[c.expando]:a,f=c.cache,h=d?f[e]:e;if(b){if(h){delete h[b];d&&c.isEmptyObject(h)&&c.removeData(a)}}else if(d&&c.support.deleteExpando)delete a[c.expando];else if(a.removeAttribute)a.removeAttribute(c.expando); +else if(d)delete f[e];else for(var l in a)delete a[l]}},acceptData:function(a){if(a.nodeName){var b=c.noData[a.nodeName.toLowerCase()];if(b)return!(b===true||a.getAttribute("classid")!==b)}return true}});c.fn.extend({data:function(a,b){var d=null;if(typeof a==="undefined"){if(this.length){var e=this[0].attributes,f;d=c.data(this[0]);for(var h=0,l=e.length;h-1)return true;return false},val:function(a){if(!arguments.length){var b=this[0];if(b){if(c.nodeName(b,"option")){var d=b.attributes.value;return!d||d.specified?b.value:b.text}if(c.nodeName(b,"select")){var e=b.selectedIndex;d=[];var f=b.options;b=b.type==="select-one"; +if(e<0)return null;var h=b?e:0;for(e=b?e+1:f.length;h=0;else if(c.nodeName(this,"select")){var A=c.makeArray(r);c("option",this).each(function(){this.selected=c.inArray(c(this).val(),A)>=0});if(!A.length)this.selectedIndex=-1}else this.value=r}})}});c.extend({attrFn:{val:true,css:true,html:true,text:true,data:true,width:true,height:true,offset:true}, +attr:function(a,b,d,e){if(!a||a.nodeType===3||a.nodeType===8)return B;if(e&&b in c.attrFn)return c(a)[b](d);e=a.nodeType!==1||!c.isXMLDoc(a);var f=d!==B;b=e&&c.props[b]||b;var h=Ta.test(b);if((b in a||a[b]!==B)&&e&&!h){if(f){b==="type"&&Ua.test(a.nodeName)&&a.parentNode&&c.error("type property can't be changed");if(d===null)a.nodeType===1&&a.removeAttribute(b);else a[b]=d}if(c.nodeName(a,"form")&&a.getAttributeNode(b))return a.getAttributeNode(b).nodeValue;if(b==="tabIndex")return(b=a.getAttributeNode("tabIndex"))&& +b.specified?b.value:Va.test(a.nodeName)||Wa.test(a.nodeName)&&a.href?0:B;return a[b]}if(!c.support.style&&e&&b==="style"){if(f)a.style.cssText=""+d;return a.style.cssText}f&&a.setAttribute(b,""+d);if(!a.attributes[b]&&a.hasAttribute&&!a.hasAttribute(b))return B;a=!c.support.hrefNormalized&&e&&h?a.getAttribute(b,2):a.getAttribute(b);return a===null?B:a}});var X=/\.(.*)$/,ia=/^(?:textarea|input|select)$/i,La=/\./g,Ma=/ /g,Xa=/[^\w\s.|`]/g,Ya=function(a){return a.replace(Xa,"\\$&")},ua={focusin:0,focusout:0}; +c.event={add:function(a,b,d,e){if(!(a.nodeType===3||a.nodeType===8)){if(c.isWindow(a)&&a!==E&&!a.frameElement)a=E;if(d===false)d=U;else if(!d)return;var f,h;if(d.handler){f=d;d=f.handler}if(!d.guid)d.guid=c.guid++;if(h=c.data(a)){var l=a.nodeType?"events":"__events__",k=h[l],o=h.handle;if(typeof k==="function"){o=k.handle;k=k.events}else if(!k){a.nodeType||(h[l]=h=function(){});h.events=k={}}if(!o)h.handle=o=function(){return typeof c!=="undefined"&&!c.event.triggered?c.event.handle.apply(o.elem, +arguments):B};o.elem=a;b=b.split(" ");for(var x=0,r;l=b[x++];){h=f?c.extend({},f):{handler:d,data:e};if(l.indexOf(".")>-1){r=l.split(".");l=r.shift();h.namespace=r.slice(0).sort().join(".")}else{r=[];h.namespace=""}h.type=l;if(!h.guid)h.guid=d.guid;var A=k[l],C=c.event.special[l]||{};if(!A){A=k[l]=[];if(!C.setup||C.setup.call(a,e,r,o)===false)if(a.addEventListener)a.addEventListener(l,o,false);else a.attachEvent&&a.attachEvent("on"+l,o)}if(C.add){C.add.call(a,h);if(!h.handler.guid)h.handler.guid= +d.guid}A.push(h);c.event.global[l]=true}a=null}}},global:{},remove:function(a,b,d,e){if(!(a.nodeType===3||a.nodeType===8)){if(d===false)d=U;var f,h,l=0,k,o,x,r,A,C,J=a.nodeType?"events":"__events__",w=c.data(a),I=w&&w[J];if(w&&I){if(typeof I==="function"){w=I;I=I.events}if(b&&b.type){d=b.handler;b=b.type}if(!b||typeof b==="string"&&b.charAt(0)==="."){b=b||"";for(f in I)c.event.remove(a,f+b)}else{for(b=b.split(" ");f=b[l++];){r=f;k=f.indexOf(".")<0;o=[];if(!k){o=f.split(".");f=o.shift();x=RegExp("(^|\\.)"+ +c.map(o.slice(0).sort(),Ya).join("\\.(?:.*\\.)?")+"(\\.|$)")}if(A=I[f])if(d){r=c.event.special[f]||{};for(h=e||0;h=0){a.type=f=f.slice(0,-1);a.exclusive=true}if(!d){a.stopPropagation();c.event.global[f]&&c.each(c.cache,function(){this.events&&this.events[f]&&c.event.trigger(a,b,this.handle.elem)})}if(!d||d.nodeType===3||d.nodeType=== +8)return B;a.result=B;a.target=d;b=c.makeArray(b);b.unshift(a)}a.currentTarget=d;(e=d.nodeType?c.data(d,"handle"):(c.data(d,"__events__")||{}).handle)&&e.apply(d,b);e=d.parentNode||d.ownerDocument;try{if(!(d&&d.nodeName&&c.noData[d.nodeName.toLowerCase()]))if(d["on"+f]&&d["on"+f].apply(d,b)===false){a.result=false;a.preventDefault()}}catch(h){}if(!a.isPropagationStopped()&&e)c.event.trigger(a,b,e,true);else if(!a.isDefaultPrevented()){var l;e=a.target;var k=f.replace(X,""),o=c.nodeName(e,"a")&&k=== +"click",x=c.event.special[k]||{};if((!x._default||x._default.call(d,a)===false)&&!o&&!(e&&e.nodeName&&c.noData[e.nodeName.toLowerCase()])){try{if(e[k]){if(l=e["on"+k])e["on"+k]=null;c.event.triggered=true;e[k]()}}catch(r){}if(l)e["on"+k]=l;c.event.triggered=false}}},handle:function(a){var b,d,e,f;d=[];var h=c.makeArray(arguments);a=h[0]=c.event.fix(a||E.event);a.currentTarget=this;b=a.type.indexOf(".")<0&&!a.exclusive;if(!b){e=a.type.split(".");a.type=e.shift();d=e.slice(0).sort();e=RegExp("(^|\\.)"+ +d.join("\\.(?:.*\\.)?")+"(\\.|$)")}a.namespace=a.namespace||d.join(".");f=c.data(this,this.nodeType?"events":"__events__");if(typeof f==="function")f=f.events;d=(f||{})[a.type];if(f&&d){d=d.slice(0);f=0;for(var l=d.length;f-1?c.map(a.options,function(e){return e.selected}).join("-"):"";else if(a.nodeName.toLowerCase()==="select")d=a.selectedIndex;return d},Z=function(a,b){var d=a.target,e,f;if(!(!ia.test(d.nodeName)||d.readOnly)){e=c.data(d,"_change_data");f=xa(d);if(a.type!=="focusout"||d.type!=="radio")c.data(d,"_change_data",f);if(!(e===B||f===e))if(e!=null||f){a.type="change";a.liveFired= +B;return c.event.trigger(a,b,d)}}};c.event.special.change={filters:{focusout:Z,beforedeactivate:Z,click:function(a){var b=a.target,d=b.type;if(d==="radio"||d==="checkbox"||b.nodeName.toLowerCase()==="select")return Z.call(this,a)},keydown:function(a){var b=a.target,d=b.type;if(a.keyCode===13&&b.nodeName.toLowerCase()!=="textarea"||a.keyCode===32&&(d==="checkbox"||d==="radio")||d==="select-multiple")return Z.call(this,a)},beforeactivate:function(a){a=a.target;c.data(a,"_change_data",xa(a))}},setup:function(){if(this.type=== +"file")return false;for(var a in V)c.event.add(this,a+".specialChange",V[a]);return ia.test(this.nodeName)},teardown:function(){c.event.remove(this,".specialChange");return ia.test(this.nodeName)}};V=c.event.special.change.filters;V.focus=V.beforeactivate}t.addEventListener&&c.each({focus:"focusin",blur:"focusout"},function(a,b){function d(e){e=c.event.fix(e);e.type=b;return c.event.trigger(e,null,e.target)}c.event.special[b]={setup:function(){ua[b]++===0&&t.addEventListener(a,d,true)},teardown:function(){--ua[b]=== +0&&t.removeEventListener(a,d,true)}}});c.each(["bind","one"],function(a,b){c.fn[b]=function(d,e,f){if(typeof d==="object"){for(var h in d)this[b](h,e,d[h],f);return this}if(c.isFunction(e)||e===false){f=e;e=B}var l=b==="one"?c.proxy(f,function(o){c(this).unbind(o,l);return f.apply(this,arguments)}):f;if(d==="unload"&&b!=="one")this.one(d,e,f);else{h=0;for(var k=this.length;h0?this.bind(b,d,e):this.trigger(b)};if(c.attrFn)c.attrFn[b]=true});E.attachEvent&&!E.addEventListener&&c(E).bind("unload",function(){for(var a in c.cache)if(c.cache[a].handle)try{c.event.remove(c.cache[a].handle.elem)}catch(b){}}); +(function(){function a(g,i,n,m,p,q){p=0;for(var u=m.length;p0){F=y;break}}y=y[g]}m[p]=F}}}var d=/((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^\[\]]*\]|['"][^'"]*['"]|[^\[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g,e=0,f=Object.prototype.toString,h=false,l=true;[0,0].sort(function(){l=false;return 0});var k=function(g,i,n,m){n=n||[];var p=i=i||t;if(i.nodeType!==1&&i.nodeType!==9)return[];if(!g||typeof g!=="string")return n;var q,u,y,F,M,N=true,O=k.isXML(i),D=[],R=g;do{d.exec("");if(q=d.exec(R)){R=q[3];D.push(q[1]);if(q[2]){F=q[3]; +break}}}while(q);if(D.length>1&&x.exec(g))if(D.length===2&&o.relative[D[0]])u=L(D[0]+D[1],i);else for(u=o.relative[D[0]]?[i]:k(D.shift(),i);D.length;){g=D.shift();if(o.relative[g])g+=D.shift();u=L(g,u)}else{if(!m&&D.length>1&&i.nodeType===9&&!O&&o.match.ID.test(D[0])&&!o.match.ID.test(D[D.length-1])){q=k.find(D.shift(),i,O);i=q.expr?k.filter(q.expr,q.set)[0]:q.set[0]}if(i){q=m?{expr:D.pop(),set:C(m)}:k.find(D.pop(),D.length===1&&(D[0]==="~"||D[0]==="+")&&i.parentNode?i.parentNode:i,O);u=q.expr?k.filter(q.expr, +q.set):q.set;if(D.length>0)y=C(u);else N=false;for(;D.length;){q=M=D.pop();if(o.relative[M])q=D.pop();else M="";if(q==null)q=i;o.relative[M](y,q,O)}}else y=[]}y||(y=u);y||k.error(M||g);if(f.call(y)==="[object Array]")if(N)if(i&&i.nodeType===1)for(g=0;y[g]!=null;g++){if(y[g]&&(y[g]===true||y[g].nodeType===1&&k.contains(i,y[g])))n.push(u[g])}else for(g=0;y[g]!=null;g++)y[g]&&y[g].nodeType===1&&n.push(u[g]);else n.push.apply(n,y);else C(y,n);if(F){k(F,p,n,m);k.uniqueSort(n)}return n};k.uniqueSort=function(g){if(w){h= +l;g.sort(w);if(h)for(var i=1;i0};k.find=function(g,i,n){var m;if(!g)return[];for(var p=0,q=o.order.length;p":function(g,i){var n,m=typeof i==="string",p=0,q=g.length;if(m&&!/\W/.test(i))for(i=i.toLowerCase();p=0))n||m.push(u);else if(n)i[q]=false;return false},ID:function(g){return g[1].replace(/\\/g,"")},TAG:function(g){return g[1].toLowerCase()},CHILD:function(g){if(g[1]==="nth"){var i=/(-?)(\d*)n((?:\+|-)?\d*)/.exec(g[2]==="even"&&"2n"||g[2]==="odd"&&"2n+1"||!/\D/.test(g[2])&&"0n+"+g[2]||g[2]);g[2]=i[1]+(i[2]||1)-0;g[3]=i[3]-0}g[0]=e++;return g},ATTR:function(g,i,n, +m,p,q){i=g[1].replace(/\\/g,"");if(!q&&o.attrMap[i])g[1]=o.attrMap[i];if(g[2]==="~=")g[4]=" "+g[4]+" ";return g},PSEUDO:function(g,i,n,m,p){if(g[1]==="not")if((d.exec(g[3])||"").length>1||/^\w/.test(g[3]))g[3]=k(g[3],null,null,i);else{g=k.filter(g[3],i,n,true^p);n||m.push.apply(m,g);return false}else if(o.match.POS.test(g[0])||o.match.CHILD.test(g[0]))return true;return g},POS:function(g){g.unshift(true);return g}},filters:{enabled:function(g){return g.disabled===false&&g.type!=="hidden"},disabled:function(g){return g.disabled=== +true},checked:function(g){return g.checked===true},selected:function(g){return g.selected===true},parent:function(g){return!!g.firstChild},empty:function(g){return!g.firstChild},has:function(g,i,n){return!!k(n[3],g).length},header:function(g){return/h\d/i.test(g.nodeName)},text:function(g){return"text"===g.type},radio:function(g){return"radio"===g.type},checkbox:function(g){return"checkbox"===g.type},file:function(g){return"file"===g.type},password:function(g){return"password"===g.type},submit:function(g){return"submit"=== +g.type},image:function(g){return"image"===g.type},reset:function(g){return"reset"===g.type},button:function(g){return"button"===g.type||g.nodeName.toLowerCase()==="button"},input:function(g){return/input|select|textarea|button/i.test(g.nodeName)}},setFilters:{first:function(g,i){return i===0},last:function(g,i,n,m){return i===m.length-1},even:function(g,i){return i%2===0},odd:function(g,i){return i%2===1},lt:function(g,i,n){return in[3]-0},nth:function(g,i,n){return n[3]- +0===i},eq:function(g,i,n){return n[3]-0===i}},filter:{PSEUDO:function(g,i,n,m){var p=i[1],q=o.filters[p];if(q)return q(g,n,i,m);else if(p==="contains")return(g.textContent||g.innerText||k.getText([g])||"").indexOf(i[3])>=0;else if(p==="not"){i=i[3];n=0;for(m=i.length;n=0}},ID:function(g,i){return g.nodeType===1&&g.getAttribute("id")===i},TAG:function(g,i){return i==="*"&&g.nodeType===1||g.nodeName.toLowerCase()=== +i},CLASS:function(g,i){return(" "+(g.className||g.getAttribute("class"))+" ").indexOf(i)>-1},ATTR:function(g,i){var n=i[1];n=o.attrHandle[n]?o.attrHandle[n](g):g[n]!=null?g[n]:g.getAttribute(n);var m=n+"",p=i[2],q=i[4];return n==null?p==="!=":p==="="?m===q:p==="*="?m.indexOf(q)>=0:p==="~="?(" "+m+" ").indexOf(q)>=0:!q?m&&n!==false:p==="!="?m!==q:p==="^="?m.indexOf(q)===0:p==="$="?m.substr(m.length-q.length)===q:p==="|="?m===q||m.substr(0,q.length+1)===q+"-":false},POS:function(g,i,n,m){var p=o.setFilters[i[2]]; +if(p)return p(g,n,i,m)}}},x=o.match.POS,r=function(g,i){return"\\"+(i-0+1)},A;for(A in o.match){o.match[A]=RegExp(o.match[A].source+/(?![^\[]*\])(?![^\(]*\))/.source);o.leftMatch[A]=RegExp(/(^(?:.|\r|\n)*?)/.source+o.match[A].source.replace(/\\(\d+)/g,r))}var C=function(g,i){g=Array.prototype.slice.call(g,0);if(i){i.push.apply(i,g);return i}return g};try{Array.prototype.slice.call(t.documentElement.childNodes,0)}catch(J){C=function(g,i){var n=0,m=i||[];if(f.call(g)==="[object Array]")Array.prototype.push.apply(m, +g);else if(typeof g.length==="number")for(var p=g.length;n";n.insertBefore(g,n.firstChild);if(t.getElementById(i)){o.find.ID=function(m,p,q){if(typeof p.getElementById!=="undefined"&&!q)return(p=p.getElementById(m[1]))?p.id===m[1]||typeof p.getAttributeNode!=="undefined"&&p.getAttributeNode("id").nodeValue===m[1]?[p]:B:[]};o.filter.ID=function(m,p){var q=typeof m.getAttributeNode!=="undefined"&&m.getAttributeNode("id");return m.nodeType===1&&q&&q.nodeValue===p}}n.removeChild(g); +n=g=null})();(function(){var g=t.createElement("div");g.appendChild(t.createComment(""));if(g.getElementsByTagName("*").length>0)o.find.TAG=function(i,n){var m=n.getElementsByTagName(i[1]);if(i[1]==="*"){for(var p=[],q=0;m[q];q++)m[q].nodeType===1&&p.push(m[q]);m=p}return m};g.innerHTML="";if(g.firstChild&&typeof g.firstChild.getAttribute!=="undefined"&&g.firstChild.getAttribute("href")!=="#")o.attrHandle.href=function(i){return i.getAttribute("href",2)};g=null})();t.querySelectorAll&& +function(){var g=k,i=t.createElement("div");i.innerHTML="

                                                                                                                                                                                                                                                                                                                ";if(!(i.querySelectorAll&&i.querySelectorAll(".TEST").length===0)){k=function(m,p,q,u){p=p||t;m=m.replace(/\=\s*([^'"\]]*)\s*\]/g,"='$1']");if(!u&&!k.isXML(p))if(p.nodeType===9)try{return C(p.querySelectorAll(m),q)}catch(y){}else if(p.nodeType===1&&p.nodeName.toLowerCase()!=="object"){var F=p.getAttribute("id"),M=F||"__sizzle__";F||p.setAttribute("id",M);try{return C(p.querySelectorAll("#"+M+" "+m),q)}catch(N){}finally{F|| +p.removeAttribute("id")}}return g(m,p,q,u)};for(var n in g)k[n]=g[n];i=null}}();(function(){var g=t.documentElement,i=g.matchesSelector||g.mozMatchesSelector||g.webkitMatchesSelector||g.msMatchesSelector,n=false;try{i.call(t.documentElement,"[test!='']:sizzle")}catch(m){n=true}if(i)k.matchesSelector=function(p,q){q=q.replace(/\=\s*([^'"\]]*)\s*\]/g,"='$1']");if(!k.isXML(p))try{if(n||!o.match.PSEUDO.test(q)&&!/!=/.test(q))return i.call(p,q)}catch(u){}return k(q,null,null,[p]).length>0}})();(function(){var g= +t.createElement("div");g.innerHTML="
                                                                                                                                                                                                                                                                                                                ";if(!(!g.getElementsByClassName||g.getElementsByClassName("e").length===0)){g.lastChild.className="e";if(g.getElementsByClassName("e").length!==1){o.order.splice(1,0,"CLASS");o.find.CLASS=function(i,n,m){if(typeof n.getElementsByClassName!=="undefined"&&!m)return n.getElementsByClassName(i[1])};g=null}}})();k.contains=t.documentElement.contains?function(g,i){return g!==i&&(g.contains?g.contains(i):true)}:t.documentElement.compareDocumentPosition? +function(g,i){return!!(g.compareDocumentPosition(i)&16)}:function(){return false};k.isXML=function(g){return(g=(g?g.ownerDocument||g:0).documentElement)?g.nodeName!=="HTML":false};var L=function(g,i){for(var n,m=[],p="",q=i.nodeType?[i]:i;n=o.match.PSEUDO.exec(g);){p+=n[0];g=g.replace(o.match.PSEUDO,"")}g=o.relative[g]?g+"*":g;n=0;for(var u=q.length;n0)for(var h=d;h0},closest:function(a,b){var d=[],e,f,h=this[0];if(c.isArray(a)){var l,k={},o=1;if(h&&a.length){e=0;for(f=a.length;e-1:c(h).is(e))d.push({selector:l,elem:h,level:o})}h= +h.parentNode;o++}}return d}l=cb.test(a)?c(a,b||this.context):null;e=0;for(f=this.length;e-1:c.find.matchesSelector(h,a)){d.push(h);break}else{h=h.parentNode;if(!h||!h.ownerDocument||h===b)break}d=d.length>1?c.unique(d):d;return this.pushStack(d,"closest",a)},index:function(a){if(!a||typeof a==="string")return c.inArray(this[0],a?c(a):this.parent().children());return c.inArray(a.jquery?a[0]:a,this)},add:function(a,b){var d=typeof a==="string"?c(a,b||this.context): +c.makeArray(a),e=c.merge(this.get(),d);return this.pushStack(!d[0]||!d[0].parentNode||d[0].parentNode.nodeType===11||!e[0]||!e[0].parentNode||e[0].parentNode.nodeType===11?e:c.unique(e))},andSelf:function(){return this.add(this.prevObject)}});c.each({parent:function(a){return(a=a.parentNode)&&a.nodeType!==11?a:null},parents:function(a){return c.dir(a,"parentNode")},parentsUntil:function(a,b,d){return c.dir(a,"parentNode",d)},next:function(a){return c.nth(a,2,"nextSibling")},prev:function(a){return c.nth(a, +2,"previousSibling")},nextAll:function(a){return c.dir(a,"nextSibling")},prevAll:function(a){return c.dir(a,"previousSibling")},nextUntil:function(a,b,d){return c.dir(a,"nextSibling",d)},prevUntil:function(a,b,d){return c.dir(a,"previousSibling",d)},siblings:function(a){return c.sibling(a.parentNode.firstChild,a)},children:function(a){return c.sibling(a.firstChild)},contents:function(a){return c.nodeName(a,"iframe")?a.contentDocument||a.contentWindow.document:c.makeArray(a.childNodes)}},function(a, +b){c.fn[a]=function(d,e){var f=c.map(this,b,d);Za.test(a)||(e=d);if(e&&typeof e==="string")f=c.filter(e,f);f=this.length>1?c.unique(f):f;if((this.length>1||ab.test(e))&&$a.test(a))f=f.reverse();return this.pushStack(f,a,bb.call(arguments).join(","))}});c.extend({filter:function(a,b,d){if(d)a=":not("+a+")";return b.length===1?c.find.matchesSelector(b[0],a)?[b[0]]:[]:c.find.matches(a,b)},dir:function(a,b,d){var e=[];for(a=a[b];a&&a.nodeType!==9&&(d===B||a.nodeType!==1||!c(a).is(d));){a.nodeType===1&& +e.push(a);a=a[b]}return e},nth:function(a,b,d){b=b||1;for(var e=0;a;a=a[d])if(a.nodeType===1&&++e===b)break;return a},sibling:function(a,b){for(var d=[];a;a=a.nextSibling)a.nodeType===1&&a!==b&&d.push(a);return d}});var za=/ jQuery\d+="(?:\d+|null)"/g,$=/^\s+/,Aa=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,Ba=/<([\w:]+)/,db=/\s]+\/)>/g,P={option:[1, +""],legend:[1,"
                                                                                                                                                                                                                                                                                                                ","
                                                                                                                                                                                                                                                                                                                "],thead:[1,"","
                                                                                                                                                                                                                                                                                                                "],tr:[2,"","
                                                                                                                                                                                                                                                                                                                "],td:[3,"","
                                                                                                                                                                                                                                                                                                                "],col:[2,"","
                                                                                                                                                                                                                                                                                                                "],area:[1,"",""],_default:[0,"",""]};P.optgroup=P.option;P.tbody=P.tfoot=P.colgroup=P.caption=P.thead;P.th=P.td;if(!c.support.htmlSerialize)P._default=[1,"div
                                                                                                                                                                                                                                                                                                                ","
                                                                                                                                                                                                                                                                                                                "];c.fn.extend({text:function(a){if(c.isFunction(a))return this.each(function(b){var d= +c(this);d.text(a.call(this,b,d.text()))});if(typeof a!=="object"&&a!==B)return this.empty().append((this[0]&&this[0].ownerDocument||t).createTextNode(a));return c.text(this)},wrapAll:function(a){if(c.isFunction(a))return this.each(function(d){c(this).wrapAll(a.call(this,d))});if(this[0]){var b=c(a,this[0].ownerDocument).eq(0).clone(true);this[0].parentNode&&b.insertBefore(this[0]);b.map(function(){for(var d=this;d.firstChild&&d.firstChild.nodeType===1;)d=d.firstChild;return d}).append(this)}return this}, +wrapInner:function(a){if(c.isFunction(a))return this.each(function(b){c(this).wrapInner(a.call(this,b))});return this.each(function(){var b=c(this),d=b.contents();d.length?d.wrapAll(a):b.append(a)})},wrap:function(a){return this.each(function(){c(this).wrapAll(a)})},unwrap:function(){return this.parent().each(function(){c.nodeName(this,"body")||c(this).replaceWith(this.childNodes)}).end()},append:function(){return this.domManip(arguments,true,function(a){this.nodeType===1&&this.appendChild(a)})}, +prepend:function(){return this.domManip(arguments,true,function(a){this.nodeType===1&&this.insertBefore(a,this.firstChild)})},before:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,false,function(b){this.parentNode.insertBefore(b,this)});else if(arguments.length){var a=c(arguments[0]);a.push.apply(a,this.toArray());return this.pushStack(a,"before",arguments)}},after:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,false,function(b){this.parentNode.insertBefore(b, +this.nextSibling)});else if(arguments.length){var a=this.pushStack(this,"after",arguments);a.push.apply(a,c(arguments[0]).toArray());return a}},remove:function(a,b){for(var d=0,e;(e=this[d])!=null;d++)if(!a||c.filter(a,[e]).length){if(!b&&e.nodeType===1){c.cleanData(e.getElementsByTagName("*"));c.cleanData([e])}e.parentNode&&e.parentNode.removeChild(e)}return this},empty:function(){for(var a=0,b;(b=this[a])!=null;a++)for(b.nodeType===1&&c.cleanData(b.getElementsByTagName("*"));b.firstChild;)b.removeChild(b.firstChild); +return this},clone:function(a){var b=this.map(function(){if(!c.support.noCloneEvent&&!c.isXMLDoc(this)){var d=this.outerHTML,e=this.ownerDocument;if(!d){d=e.createElement("div");d.appendChild(this.cloneNode(true));d=d.innerHTML}return c.clean([d.replace(za,"").replace(fb,'="$1">').replace($,"")],e)[0]}else return this.cloneNode(true)});if(a===true){na(this,b);na(this.find("*"),b.find("*"))}return b},html:function(a){if(a===B)return this[0]&&this[0].nodeType===1?this[0].innerHTML.replace(za,""):null; +else if(typeof a==="string"&&!Ca.test(a)&&(c.support.leadingWhitespace||!$.test(a))&&!P[(Ba.exec(a)||["",""])[1].toLowerCase()]){a=a.replace(Aa,"<$1>");try{for(var b=0,d=this.length;b0||e.cacheable||this.length>1?h.cloneNode(true):h)}k.length&&c.each(k,Oa)}return this}});c.buildFragment=function(a,b,d){var e,f,h;b=b&&b[0]?b[0].ownerDocument||b[0]:t;if(a.length===1&&typeof a[0]==="string"&&a[0].length<512&&b===t&&!Ca.test(a[0])&&(c.support.checkClone||!Da.test(a[0]))){f=true;if(h=c.fragments[a[0]])if(h!==1)e=h}if(!e){e=b.createDocumentFragment();c.clean(a,b,e,d)}if(f)c.fragments[a[0]]=h?e:1;return{fragment:e,cacheable:f}};c.fragments={};c.each({appendTo:"append", +prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){c.fn[a]=function(d){var e=[];d=c(d);var f=this.length===1&&this[0].parentNode;if(f&&f.nodeType===11&&f.childNodes.length===1&&d.length===1){d[b](this[0]);return this}else{f=0;for(var h=d.length;f0?this.clone(true):this).get();c(d[f])[b](l);e=e.concat(l)}return this.pushStack(e,a,d.selector)}}});c.extend({clean:function(a,b,d,e){b=b||t;if(typeof b.createElement==="undefined")b=b.ownerDocument|| +b[0]&&b[0].ownerDocument||t;for(var f=[],h=0,l;(l=a[h])!=null;h++){if(typeof l==="number")l+="";if(l){if(typeof l==="string"&&!eb.test(l))l=b.createTextNode(l);else if(typeof l==="string"){l=l.replace(Aa,"<$1>");var k=(Ba.exec(l)||["",""])[1].toLowerCase(),o=P[k]||P._default,x=o[0],r=b.createElement("div");for(r.innerHTML=o[1]+l+o[2];x--;)r=r.lastChild;if(!c.support.tbody){x=db.test(l);k=k==="table"&&!x?r.firstChild&&r.firstChild.childNodes:o[1]===""&&!x?r.childNodes:[];for(o=k.length- +1;o>=0;--o)c.nodeName(k[o],"tbody")&&!k[o].childNodes.length&&k[o].parentNode.removeChild(k[o])}!c.support.leadingWhitespace&&$.test(l)&&r.insertBefore(b.createTextNode($.exec(l)[0]),r.firstChild);l=r.childNodes}if(l.nodeType)f.push(l);else f=c.merge(f,l)}}if(d)for(h=0;f[h];h++)if(e&&c.nodeName(f[h],"script")&&(!f[h].type||f[h].type.toLowerCase()==="text/javascript"))e.push(f[h].parentNode?f[h].parentNode.removeChild(f[h]):f[h]);else{f[h].nodeType===1&&f.splice.apply(f,[h+1,0].concat(c.makeArray(f[h].getElementsByTagName("script")))); +d.appendChild(f[h])}return f},cleanData:function(a){for(var b,d,e=c.cache,f=c.event.special,h=c.support.deleteExpando,l=0,k;(k=a[l])!=null;l++)if(!(k.nodeName&&c.noData[k.nodeName.toLowerCase()]))if(d=k[c.expando]){if((b=e[d])&&b.events)for(var o in b.events)f[o]?c.event.remove(k,o):c.removeEvent(k,o,b.handle);if(h)delete k[c.expando];else k.removeAttribute&&k.removeAttribute(c.expando);delete e[d]}}});var Ea=/alpha\([^)]*\)/i,gb=/opacity=([^)]*)/,hb=/-([a-z])/ig,ib=/([A-Z])/g,Fa=/^-?\d+(?:px)?$/i, +jb=/^-?\d/,kb={position:"absolute",visibility:"hidden",display:"block"},Pa=["Left","Right"],Qa=["Top","Bottom"],W,Ga,aa,lb=function(a,b){return b.toUpperCase()};c.fn.css=function(a,b){if(arguments.length===2&&b===B)return this;return c.access(this,a,b,true,function(d,e,f){return f!==B?c.style(d,e,f):c.css(d,e)})};c.extend({cssHooks:{opacity:{get:function(a,b){if(b){var d=W(a,"opacity","opacity");return d===""?"1":d}else return a.style.opacity}}},cssNumber:{zIndex:true,fontWeight:true,opacity:true, +zoom:true,lineHeight:true},cssProps:{"float":c.support.cssFloat?"cssFloat":"styleFloat"},style:function(a,b,d,e){if(!(!a||a.nodeType===3||a.nodeType===8||!a.style)){var f,h=c.camelCase(b),l=a.style,k=c.cssHooks[h];b=c.cssProps[h]||h;if(d!==B){if(!(typeof d==="number"&&isNaN(d)||d==null)){if(typeof d==="number"&&!c.cssNumber[h])d+="px";if(!k||!("set"in k)||(d=k.set(a,d))!==B)try{l[b]=d}catch(o){}}}else{if(k&&"get"in k&&(f=k.get(a,false,e))!==B)return f;return l[b]}}},css:function(a,b,d){var e,f=c.camelCase(b), +h=c.cssHooks[f];b=c.cssProps[f]||f;if(h&&"get"in h&&(e=h.get(a,true,d))!==B)return e;else if(W)return W(a,b,f)},swap:function(a,b,d){var e={},f;for(f in b){e[f]=a.style[f];a.style[f]=b[f]}d.call(a);for(f in b)a.style[f]=e[f]},camelCase:function(a){return a.replace(hb,lb)}});c.curCSS=c.css;c.each(["height","width"],function(a,b){c.cssHooks[b]={get:function(d,e,f){var h;if(e){if(d.offsetWidth!==0)h=oa(d,b,f);else c.swap(d,kb,function(){h=oa(d,b,f)});if(h<=0){h=W(d,b,b);if(h==="0px"&&aa)h=aa(d,b,b); +if(h!=null)return h===""||h==="auto"?"0px":h}if(h<0||h==null){h=d.style[b];return h===""||h==="auto"?"0px":h}return typeof h==="string"?h:h+"px"}},set:function(d,e){if(Fa.test(e)){e=parseFloat(e);if(e>=0)return e+"px"}else return e}}});if(!c.support.opacity)c.cssHooks.opacity={get:function(a,b){return gb.test((b&&a.currentStyle?a.currentStyle.filter:a.style.filter)||"")?parseFloat(RegExp.$1)/100+"":b?"1":""},set:function(a,b){var d=a.style;d.zoom=1;var e=c.isNaN(b)?"":"alpha(opacity="+b*100+")",f= +d.filter||"";d.filter=Ea.test(f)?f.replace(Ea,e):d.filter+" "+e}};if(t.defaultView&&t.defaultView.getComputedStyle)Ga=function(a,b,d){var e;d=d.replace(ib,"-$1").toLowerCase();if(!(b=a.ownerDocument.defaultView))return B;if(b=b.getComputedStyle(a,null)){e=b.getPropertyValue(d);if(e===""&&!c.contains(a.ownerDocument.documentElement,a))e=c.style(a,d)}return e};if(t.documentElement.currentStyle)aa=function(a,b){var d,e,f=a.currentStyle&&a.currentStyle[b],h=a.style;if(!Fa.test(f)&&jb.test(f)){d=h.left; +e=a.runtimeStyle.left;a.runtimeStyle.left=a.currentStyle.left;h.left=b==="fontSize"?"1em":f||0;f=h.pixelLeft+"px";h.left=d;a.runtimeStyle.left=e}return f===""?"auto":f};W=Ga||aa;if(c.expr&&c.expr.filters){c.expr.filters.hidden=function(a){var b=a.offsetHeight;return a.offsetWidth===0&&b===0||!c.support.reliableHiddenOffsets&&(a.style.display||c.css(a,"display"))==="none"};c.expr.filters.visible=function(a){return!c.expr.filters.hidden(a)}}var mb=c.now(),nb=/)<[^<]*)*<\/script>/gi, +ob=/^(?:select|textarea)/i,pb=/^(?:color|date|datetime|email|hidden|month|number|password|range|search|tel|text|time|url|week)$/i,qb=/^(?:GET|HEAD)$/,Ra=/\[\]$/,T=/\=\?(&|$)/,ja=/\?/,rb=/([?&])_=[^&]*/,sb=/^(\w+:)?\/\/([^\/?#]+)/,tb=/%20/g,ub=/#.*$/,Ha=c.fn.load;c.fn.extend({load:function(a,b,d){if(typeof a!=="string"&&Ha)return Ha.apply(this,arguments);else if(!this.length)return this;var e=a.indexOf(" ");if(e>=0){var f=a.slice(e,a.length);a=a.slice(0,e)}e="GET";if(b)if(c.isFunction(b)){d=b;b=null}else if(typeof b=== +"object"){b=c.param(b,c.ajaxSettings.traditional);e="POST"}var h=this;c.ajax({url:a,type:e,dataType:"html",data:b,complete:function(l,k){if(k==="success"||k==="notmodified")h.html(f?c("
                                                                                                                                                                                                                                                                                                                ").append(l.responseText.replace(nb,"")).find(f):l.responseText);d&&h.each(d,[l.responseText,k,l])}});return this},serialize:function(){return c.param(this.serializeArray())},serializeArray:function(){return this.map(function(){return this.elements?c.makeArray(this.elements):this}).filter(function(){return this.name&& +!this.disabled&&(this.checked||ob.test(this.nodeName)||pb.test(this.type))}).map(function(a,b){var d=c(this).val();return d==null?null:c.isArray(d)?c.map(d,function(e){return{name:b.name,value:e}}):{name:b.name,value:d}}).get()}});c.each("ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split(" "),function(a,b){c.fn[b]=function(d){return this.bind(b,d)}});c.extend({get:function(a,b,d,e){if(c.isFunction(b)){e=e||d;d=b;b=null}return c.ajax({type:"GET",url:a,data:b,success:d,dataType:e})}, +getScript:function(a,b){return c.get(a,null,b,"script")},getJSON:function(a,b,d){return c.get(a,b,d,"json")},post:function(a,b,d,e){if(c.isFunction(b)){e=e||d;d=b;b={}}return c.ajax({type:"POST",url:a,data:b,success:d,dataType:e})},ajaxSetup:function(a){c.extend(c.ajaxSettings,a)},ajaxSettings:{url:location.href,global:true,type:"GET",contentType:"application/x-www-form-urlencoded",processData:true,async:true,xhr:function(){return new E.XMLHttpRequest},accepts:{xml:"application/xml, text/xml",html:"text/html", +script:"text/javascript, application/javascript",json:"application/json, text/javascript",text:"text/plain",_default:"*/*"}},ajax:function(a){var b=c.extend(true,{},c.ajaxSettings,a),d,e,f,h=b.type.toUpperCase(),l=qb.test(h);b.url=b.url.replace(ub,"");b.context=a&&a.context!=null?a.context:b;if(b.data&&b.processData&&typeof b.data!=="string")b.data=c.param(b.data,b.traditional);if(b.dataType==="jsonp"){if(h==="GET")T.test(b.url)||(b.url+=(ja.test(b.url)?"&":"?")+(b.jsonp||"callback")+"=?");else if(!b.data|| +!T.test(b.data))b.data=(b.data?b.data+"&":"")+(b.jsonp||"callback")+"=?";b.dataType="json"}if(b.dataType==="json"&&(b.data&&T.test(b.data)||T.test(b.url))){d=b.jsonpCallback||"jsonp"+mb++;if(b.data)b.data=(b.data+"").replace(T,"="+d+"$1");b.url=b.url.replace(T,"="+d+"$1");b.dataType="script";var k=E[d];E[d]=function(m){if(c.isFunction(k))k(m);else{E[d]=B;try{delete E[d]}catch(p){}}f=m;c.handleSuccess(b,w,e,f);c.handleComplete(b,w,e,f);r&&r.removeChild(A)}}if(b.dataType==="script"&&b.cache===null)b.cache= +false;if(b.cache===false&&l){var o=c.now(),x=b.url.replace(rb,"$1_="+o);b.url=x+(x===b.url?(ja.test(b.url)?"&":"?")+"_="+o:"")}if(b.data&&l)b.url+=(ja.test(b.url)?"&":"?")+b.data;b.global&&c.active++===0&&c.event.trigger("ajaxStart");o=(o=sb.exec(b.url))&&(o[1]&&o[1].toLowerCase()!==location.protocol||o[2].toLowerCase()!==location.host);if(b.dataType==="script"&&h==="GET"&&o){var r=t.getElementsByTagName("head")[0]||t.documentElement,A=t.createElement("script");if(b.scriptCharset)A.charset=b.scriptCharset; +A.src=b.url;if(!d){var C=false;A.onload=A.onreadystatechange=function(){if(!C&&(!this.readyState||this.readyState==="loaded"||this.readyState==="complete")){C=true;c.handleSuccess(b,w,e,f);c.handleComplete(b,w,e,f);A.onload=A.onreadystatechange=null;r&&A.parentNode&&r.removeChild(A)}}}r.insertBefore(A,r.firstChild);return B}var J=false,w=b.xhr();if(w){b.username?w.open(h,b.url,b.async,b.username,b.password):w.open(h,b.url,b.async);try{if(b.data!=null&&!l||a&&a.contentType)w.setRequestHeader("Content-Type", +b.contentType);if(b.ifModified){c.lastModified[b.url]&&w.setRequestHeader("If-Modified-Since",c.lastModified[b.url]);c.etag[b.url]&&w.setRequestHeader("If-None-Match",c.etag[b.url])}o||w.setRequestHeader("X-Requested-With","XMLHttpRequest");w.setRequestHeader("Accept",b.dataType&&b.accepts[b.dataType]?b.accepts[b.dataType]+", */*; q=0.01":b.accepts._default)}catch(I){}if(b.beforeSend&&b.beforeSend.call(b.context,w,b)===false){b.global&&c.active--===1&&c.event.trigger("ajaxStop");w.abort();return false}b.global&& +c.triggerGlobal(b,"ajaxSend",[w,b]);var L=w.onreadystatechange=function(m){if(!w||w.readyState===0||m==="abort"){J||c.handleComplete(b,w,e,f);J=true;if(w)w.onreadystatechange=c.noop}else if(!J&&w&&(w.readyState===4||m==="timeout")){J=true;w.onreadystatechange=c.noop;e=m==="timeout"?"timeout":!c.httpSuccess(w)?"error":b.ifModified&&c.httpNotModified(w,b.url)?"notmodified":"success";var p;if(e==="success")try{f=c.httpData(w,b.dataType,b)}catch(q){e="parsererror";p=q}if(e==="success"||e==="notmodified")d|| +c.handleSuccess(b,w,e,f);else c.handleError(b,w,e,p);d||c.handleComplete(b,w,e,f);m==="timeout"&&w.abort();if(b.async)w=null}};try{var g=w.abort;w.abort=function(){w&&Function.prototype.call.call(g,w);L("abort")}}catch(i){}b.async&&b.timeout>0&&setTimeout(function(){w&&!J&&L("timeout")},b.timeout);try{w.send(l||b.data==null?null:b.data)}catch(n){c.handleError(b,w,null,n);c.handleComplete(b,w,e,f)}b.async||L();return w}},param:function(a,b){var d=[],e=function(h,l){l=c.isFunction(l)?l():l;d[d.length]= +encodeURIComponent(h)+"="+encodeURIComponent(l)};if(b===B)b=c.ajaxSettings.traditional;if(c.isArray(a)||a.jquery)c.each(a,function(){e(this.name,this.value)});else for(var f in a)da(f,a[f],b,e);return d.join("&").replace(tb,"+")}});c.extend({active:0,lastModified:{},etag:{},handleError:function(a,b,d,e){a.error&&a.error.call(a.context,b,d,e);a.global&&c.triggerGlobal(a,"ajaxError",[b,a,e])},handleSuccess:function(a,b,d,e){a.success&&a.success.call(a.context,e,d,b);a.global&&c.triggerGlobal(a,"ajaxSuccess", +[b,a])},handleComplete:function(a,b,d){a.complete&&a.complete.call(a.context,b,d);a.global&&c.triggerGlobal(a,"ajaxComplete",[b,a]);a.global&&c.active--===1&&c.event.trigger("ajaxStop")},triggerGlobal:function(a,b,d){(a.context&&a.context.url==null?c(a.context):c.event).trigger(b,d)},httpSuccess:function(a){try{return!a.status&&location.protocol==="file:"||a.status>=200&&a.status<300||a.status===304||a.status===1223}catch(b){}return false},httpNotModified:function(a,b){var d=a.getResponseHeader("Last-Modified"), +e=a.getResponseHeader("Etag");if(d)c.lastModified[b]=d;if(e)c.etag[b]=e;return a.status===304},httpData:function(a,b,d){var e=a.getResponseHeader("content-type")||"",f=b==="xml"||!b&&e.indexOf("xml")>=0;a=f?a.responseXML:a.responseText;f&&a.documentElement.nodeName==="parsererror"&&c.error("parsererror");if(d&&d.dataFilter)a=d.dataFilter(a,b);if(typeof a==="string")if(b==="json"||!b&&e.indexOf("json")>=0)a=c.parseJSON(a);else if(b==="script"||!b&&e.indexOf("javascript")>=0)c.globalEval(a);return a}}); +if(E.ActiveXObject)c.ajaxSettings.xhr=function(){if(E.location.protocol!=="file:")try{return new E.XMLHttpRequest}catch(a){}try{return new E.ActiveXObject("Microsoft.XMLHTTP")}catch(b){}};c.support.ajax=!!c.ajaxSettings.xhr();var ea={},vb=/^(?:toggle|show|hide)$/,wb=/^([+\-]=)?([\d+.\-]+)(.*)$/,ba,pa=[["height","marginTop","marginBottom","paddingTop","paddingBottom"],["width","marginLeft","marginRight","paddingLeft","paddingRight"],["opacity"]];c.fn.extend({show:function(a,b,d){if(a||a===0)return this.animate(S("show", +3),a,b,d);else{d=0;for(var e=this.length;d=0;e--)if(d[e].elem===this){b&&d[e](true);d.splice(e,1)}});b||this.dequeue();return this}});c.each({slideDown:S("show",1),slideUp:S("hide",1),slideToggle:S("toggle",1),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(a,b){c.fn[a]=function(d,e,f){return this.animate(b, +d,e,f)}});c.extend({speed:function(a,b,d){var e=a&&typeof a==="object"?c.extend({},a):{complete:d||!d&&b||c.isFunction(a)&&a,duration:a,easing:d&&b||b&&!c.isFunction(b)&&b};e.duration=c.fx.off?0:typeof e.duration==="number"?e.duration:e.duration in c.fx.speeds?c.fx.speeds[e.duration]:c.fx.speeds._default;e.old=e.complete;e.complete=function(){e.queue!==false&&c(this).dequeue();c.isFunction(e.old)&&e.old.call(this)};return e},easing:{linear:function(a,b,d,e){return d+e*a},swing:function(a,b,d,e){return(-Math.cos(a* +Math.PI)/2+0.5)*e+d}},timers:[],fx:function(a,b,d){this.options=b;this.elem=a;this.prop=d;if(!b.orig)b.orig={}}});c.fx.prototype={update:function(){this.options.step&&this.options.step.call(this.elem,this.now,this);(c.fx.step[this.prop]||c.fx.step._default)(this)},cur:function(){if(this.elem[this.prop]!=null&&(!this.elem.style||this.elem.style[this.prop]==null))return this.elem[this.prop];var a=parseFloat(c.css(this.elem,this.prop));return a&&a>-1E4?a:0},custom:function(a,b,d){function e(l){return f.step(l)} +var f=this,h=c.fx;this.startTime=c.now();this.start=a;this.end=b;this.unit=d||this.unit||"px";this.now=this.start;this.pos=this.state=0;e.elem=this.elem;if(e()&&c.timers.push(e)&&!ba)ba=setInterval(h.tick,h.interval)},show:function(){this.options.orig[this.prop]=c.style(this.elem,this.prop);this.options.show=true;this.custom(this.prop==="width"||this.prop==="height"?1:0,this.cur());c(this.elem).show()},hide:function(){this.options.orig[this.prop]=c.style(this.elem,this.prop);this.options.hide=true; +this.custom(this.cur(),0)},step:function(a){var b=c.now(),d=true;if(a||b>=this.options.duration+this.startTime){this.now=this.end;this.pos=this.state=1;this.update();this.options.curAnim[this.prop]=true;for(var e in this.options.curAnim)if(this.options.curAnim[e]!==true)d=false;if(d){if(this.options.overflow!=null&&!c.support.shrinkWrapBlocks){var f=this.elem,h=this.options;c.each(["","X","Y"],function(k,o){f.style["overflow"+o]=h.overflow[k]})}this.options.hide&&c(this.elem).hide();if(this.options.hide|| +this.options.show)for(var l in this.options.curAnim)c.style(this.elem,l,this.options.orig[l]);this.options.complete.call(this.elem)}return false}else{a=b-this.startTime;this.state=a/this.options.duration;b=this.options.easing||(c.easing.swing?"swing":"linear");this.pos=c.easing[this.options.specialEasing&&this.options.specialEasing[this.prop]||b](this.state,a,0,1,this.options.duration);this.now=this.start+(this.end-this.start)*this.pos;this.update()}return true}};c.extend(c.fx,{tick:function(){for(var a= +c.timers,b=0;b-1;e={};var x={};if(o)x=f.position();l=o?x.top:parseInt(l,10)||0;k=o?x.left:parseInt(k,10)||0;if(c.isFunction(b))b=b.call(a,d,h);if(b.top!=null)e.top=b.top-h.top+l;if(b.left!=null)e.left=b.left-h.left+k;"using"in b?b.using.call(a, +e):f.css(e)}};c.fn.extend({position:function(){if(!this[0])return null;var a=this[0],b=this.offsetParent(),d=this.offset(),e=Ia.test(b[0].nodeName)?{top:0,left:0}:b.offset();d.top-=parseFloat(c.css(a,"marginTop"))||0;d.left-=parseFloat(c.css(a,"marginLeft"))||0;e.top+=parseFloat(c.css(b[0],"borderTopWidth"))||0;e.left+=parseFloat(c.css(b[0],"borderLeftWidth"))||0;return{top:d.top-e.top,left:d.left-e.left}},offsetParent:function(){return this.map(function(){for(var a=this.offsetParent||t.body;a&&!Ia.test(a.nodeName)&& +c.css(a,"position")==="static";)a=a.offsetParent;return a})}});c.each(["Left","Top"],function(a,b){var d="scroll"+b;c.fn[d]=function(e){var f=this[0],h;if(!f)return null;if(e!==B)return this.each(function(){if(h=fa(this))h.scrollTo(!a?e:c(h).scrollLeft(),a?e:c(h).scrollTop());else this[d]=e});else return(h=fa(f))?"pageXOffset"in h?h[a?"pageYOffset":"pageXOffset"]:c.support.boxModel&&h.document.documentElement[d]||h.document.body[d]:f[d]}});c.each(["Height","Width"],function(a,b){var d=b.toLowerCase(); +c.fn["inner"+b]=function(){return this[0]?parseFloat(c.css(this[0],d,"padding")):null};c.fn["outer"+b]=function(e){return this[0]?parseFloat(c.css(this[0],d,e?"margin":"border")):null};c.fn[d]=function(e){var f=this[0];if(!f)return e==null?null:this;if(c.isFunction(e))return this.each(function(l){var k=c(this);k[d](e.call(this,l,k[d]()))});if(c.isWindow(f))return f.document.compatMode==="CSS1Compat"&&f.document.documentElement["client"+b]||f.document.body["client"+b];else if(f.nodeType===9)return Math.max(f.documentElement["client"+ +b],f.body["scroll"+b],f.documentElement["scroll"+b],f.body["offset"+b],f.documentElement["offset"+b]);else if(e===B){f=c.css(f,d);var h=parseFloat(f);return c.isNaN(h)?f:h}else return this.css(d,typeof e==="string"?e:e+"px")}})})(window); diff --git a/js/zTree_v3/js/jquery.ztree.all.js b/js/zTree_v3/js/jquery.ztree.all.js new file mode 100755 index 0000000..e237613 --- /dev/null +++ b/js/zTree_v3/js/jquery.ztree.all.js @@ -0,0 +1,3841 @@ + +/* + * JQuery zTree core v3.5.40 + * http://treejs.cn/ + * + * Copyright (c) 2010 Hunter.z + * + * Licensed same as jquery - MIT License + * http://www.opensource.org/licenses/mit-license.php + * + * email: hunter.z@263.net + * Date: 2019-01-18 + */ +(function ($) { + var settings = {}, roots = {}, caches = {}, + //default consts of core + _consts = { + className: { + BUTTON: "button", + LEVEL: "level", + ICO_LOADING: "ico_loading", + SWITCH: "switch", + NAME: 'node_name' + }, + event: { + NODECREATED: "ztree_nodeCreated", + CLICK: "ztree_click", + EXPAND: "ztree_expand", + COLLAPSE: "ztree_collapse", + ASYNC_SUCCESS: "ztree_async_success", + ASYNC_ERROR: "ztree_async_error", + REMOVE: "ztree_remove", + SELECTED: "ztree_selected", + UNSELECTED: "ztree_unselected" + }, + id: { + A: "_a", + ICON: "_ico", + SPAN: "_span", + SWITCH: "_switch", + UL: "_ul" + }, + line: { + ROOT: "root", + ROOTS: "roots", + CENTER: "center", + BOTTOM: "bottom", + NOLINE: "noline", + LINE: "line" + }, + folder: { + OPEN: "open", + CLOSE: "close", + DOCU: "docu" + }, + node: { + CURSELECTED: "curSelectedNode" + } + }, + //default setting of core + _setting = { + treeId: "", + treeObj: null, + view: { + addDiyDom: null, + autoCancelSelected: true, + dblClickExpand: true, + expandSpeed: "fast", + fontCss: {}, + nameIsHTML: false, + selectedMulti: true, + showIcon: true, + showLine: true, + showTitle: true, + txtSelectedEnable: false + }, + data: { + key: { + isParent: "isParent", + children: "children", + name: "name", + title: "", + url: "url", + icon: "icon" + }, + simpleData: { + enable: false, + idKey: "id", + pIdKey: "pId", + rootPId: null + }, + keep: { + parent: false, + leaf: false + } + }, + async: { + enable: false, + contentType: "application/x-www-form-urlencoded", + type: "post", + dataType: "text", + headers: {}, + xhrFields: {}, + url: "", + autoParam: [], + otherParam: [], + dataFilter: null + }, + callback: { + beforeAsync: null, + beforeClick: null, + beforeDblClick: null, + beforeRightClick: null, + beforeMouseDown: null, + beforeMouseUp: null, + beforeExpand: null, + beforeCollapse: null, + beforeRemove: null, + + onAsyncError: null, + onAsyncSuccess: null, + onNodeCreated: null, + onClick: null, + onDblClick: null, + onRightClick: null, + onMouseDown: null, + onMouseUp: null, + onExpand: null, + onCollapse: null, + onRemove: null + } + }, + //default root of core + //zTree use root to save full data + _initRoot = function (setting) { + var r = data.getRoot(setting); + if (!r) { + r = {}; + data.setRoot(setting, r); + } + data.nodeChildren(setting, r, []); + r.expandTriggerFlag = false; + r.curSelectedList = []; + r.noSelection = true; + r.createdNodes = []; + r.zId = 0; + r._ver = (new Date()).getTime(); + }, + //default cache of core + _initCache = function (setting) { + var c = data.getCache(setting); + if (!c) { + c = {}; + data.setCache(setting, c); + } + c.nodes = []; + c.doms = []; + }, + //default bindEvent of core + _bindEvent = function (setting) { + var o = setting.treeObj, + c = consts.event; + o.bind(c.NODECREATED, function (event, treeId, node) { + tools.apply(setting.callback.onNodeCreated, [event, treeId, node]); + }); + + o.bind(c.CLICK, function (event, srcEvent, treeId, node, clickFlag) { + tools.apply(setting.callback.onClick, [srcEvent, treeId, node, clickFlag]); + }); + + o.bind(c.EXPAND, function (event, treeId, node) { + tools.apply(setting.callback.onExpand, [event, treeId, node]); + }); + + o.bind(c.COLLAPSE, function (event, treeId, node) { + tools.apply(setting.callback.onCollapse, [event, treeId, node]); + }); + + o.bind(c.ASYNC_SUCCESS, function (event, treeId, node, msg) { + tools.apply(setting.callback.onAsyncSuccess, [event, treeId, node, msg]); + }); + + o.bind(c.ASYNC_ERROR, function (event, treeId, node, XMLHttpRequest, textStatus, errorThrown) { + tools.apply(setting.callback.onAsyncError, [event, treeId, node, XMLHttpRequest, textStatus, errorThrown]); + }); + + o.bind(c.REMOVE, function (event, treeId, treeNode) { + tools.apply(setting.callback.onRemove, [event, treeId, treeNode]); + }); + + o.bind(c.SELECTED, function (event, treeId, node) { + tools.apply(setting.callback.onSelected, [treeId, node]); + }); + o.bind(c.UNSELECTED, function (event, treeId, node) { + tools.apply(setting.callback.onUnSelected, [treeId, node]); + }); + }, + _unbindEvent = function (setting) { + var o = setting.treeObj, + c = consts.event; + o.unbind(c.NODECREATED) + .unbind(c.CLICK) + .unbind(c.EXPAND) + .unbind(c.COLLAPSE) + .unbind(c.ASYNC_SUCCESS) + .unbind(c.ASYNC_ERROR) + .unbind(c.REMOVE) + .unbind(c.SELECTED) + .unbind(c.UNSELECTED); + }, + //default event proxy of core + _eventProxy = function (event) { + var target = event.target, + setting = data.getSetting(event.data.treeId), + tId = "", node = null, + nodeEventType = "", treeEventType = "", + nodeEventCallback = null, treeEventCallback = null, + tmp = null; + + if (tools.eqs(event.type, "mousedown")) { + treeEventType = "mousedown"; + } else if (tools.eqs(event.type, "mouseup")) { + treeEventType = "mouseup"; + } else if (tools.eqs(event.type, "contextmenu")) { + treeEventType = "contextmenu"; + } else if (tools.eqs(event.type, "click")) { + if (tools.eqs(target.tagName, "span") && target.getAttribute("treeNode" + consts.id.SWITCH) !== null) { + tId = tools.getNodeMainDom(target).id; + nodeEventType = "switchNode"; + } else { + tmp = tools.getMDom(setting, target, [{tagName: "a", attrName: "treeNode" + consts.id.A}]); + if (tmp) { + tId = tools.getNodeMainDom(tmp).id; + nodeEventType = "clickNode"; + } + } + } else if (tools.eqs(event.type, "dblclick")) { + treeEventType = "dblclick"; + tmp = tools.getMDom(setting, target, [{tagName: "a", attrName: "treeNode" + consts.id.A}]); + if (tmp) { + tId = tools.getNodeMainDom(tmp).id; + nodeEventType = "switchNode"; + } + } + if (treeEventType.length > 0 && tId.length == 0) { + tmp = tools.getMDom(setting, target, [{tagName: "a", attrName: "treeNode" + consts.id.A}]); + if (tmp) { + tId = tools.getNodeMainDom(tmp).id; + } + } + // event to node + if (tId.length > 0) { + node = data.getNodeCache(setting, tId); + switch (nodeEventType) { + case "switchNode" : + var isParent = data.nodeIsParent(setting, node); + if (!isParent) { + nodeEventType = ""; + } else if (tools.eqs(event.type, "click") + || (tools.eqs(event.type, "dblclick") && tools.apply(setting.view.dblClickExpand, [setting.treeId, node], setting.view.dblClickExpand))) { + nodeEventCallback = handler.onSwitchNode; + } else { + nodeEventType = ""; + } + break; + case "clickNode" : + nodeEventCallback = handler.onClickNode; + break; + } + } + // event to zTree + switch (treeEventType) { + case "mousedown" : + treeEventCallback = handler.onZTreeMousedown; + break; + case "mouseup" : + treeEventCallback = handler.onZTreeMouseup; + break; + case "dblclick" : + treeEventCallback = handler.onZTreeDblclick; + break; + case "contextmenu" : + treeEventCallback = handler.onZTreeContextmenu; + break; + } + var proxyResult = { + stop: false, + node: node, + nodeEventType: nodeEventType, + nodeEventCallback: nodeEventCallback, + treeEventType: treeEventType, + treeEventCallback: treeEventCallback + }; + return proxyResult + }, + //default init node of core + _initNode = function (setting, level, n, parentNode, isFirstNode, isLastNode, openFlag) { + if (!n) return; + var r = data.getRoot(setting), + children = data.nodeChildren(setting, n); + n.level = level; + n.tId = setting.treeId + "_" + (++r.zId); + n.parentTId = parentNode ? parentNode.tId : null; + n.open = (typeof n.open == "string") ? tools.eqs(n.open, "true") : !!n.open; + var isParent = data.nodeIsParent(setting, n); + if (tools.isArray(children)) { + data.nodeIsParent(setting, n, true); + n.zAsync = true; + } else { + isParent = data.nodeIsParent(setting, n, isParent); + n.open = (isParent && !setting.async.enable) ? n.open : false; + n.zAsync = !isParent; + } + n.isFirstNode = isFirstNode; + n.isLastNode = isLastNode; + n.getParentNode = function () { + return data.getNodeCache(setting, n.parentTId); + }; + n.getPreNode = function () { + return data.getPreNode(setting, n); + }; + n.getNextNode = function () { + return data.getNextNode(setting, n); + }; + n.getIndex = function () { + return data.getNodeIndex(setting, n); + }; + n.getPath = function () { + return data.getNodePath(setting, n); + }; + n.isAjaxing = false; + data.fixPIdKeyValue(setting, n); + }, + _init = { + bind: [_bindEvent], + unbind: [_unbindEvent], + caches: [_initCache], + nodes: [_initNode], + proxys: [_eventProxy], + roots: [_initRoot], + beforeA: [], + afterA: [], + innerBeforeA: [], + innerAfterA: [], + zTreeTools: [] + }, + //method of operate data + data = { + addNodeCache: function (setting, node) { + data.getCache(setting).nodes[data.getNodeCacheId(node.tId)] = node; + }, + getNodeCacheId: function (tId) { + return tId.substring(tId.lastIndexOf("_") + 1); + }, + addAfterA: function (afterA) { + _init.afterA.push(afterA); + }, + addBeforeA: function (beforeA) { + _init.beforeA.push(beforeA); + }, + addInnerAfterA: function (innerAfterA) { + _init.innerAfterA.push(innerAfterA); + }, + addInnerBeforeA: function (innerBeforeA) { + _init.innerBeforeA.push(innerBeforeA); + }, + addInitBind: function (bindEvent) { + _init.bind.push(bindEvent); + }, + addInitUnBind: function (unbindEvent) { + _init.unbind.push(unbindEvent); + }, + addInitCache: function (initCache) { + _init.caches.push(initCache); + }, + addInitNode: function (initNode) { + _init.nodes.push(initNode); + }, + addInitProxy: function (initProxy, isFirst) { + if (!!isFirst) { + _init.proxys.splice(0, 0, initProxy); + } else { + _init.proxys.push(initProxy); + } + }, + addInitRoot: function (initRoot) { + _init.roots.push(initRoot); + }, + addNodesData: function (setting, parentNode, index, nodes) { + var children = data.nodeChildren(setting, parentNode), params; + if (!children) { + children = data.nodeChildren(setting, parentNode, []); + index = -1; + } else if (index >= children.length) { + index = -1; + } + + if (children.length > 0 && index === 0) { + children[0].isFirstNode = false; + view.setNodeLineIcos(setting, children[0]); + } else if (children.length > 0 && index < 0) { + children[children.length - 1].isLastNode = false; + view.setNodeLineIcos(setting, children[children.length - 1]); + } + data.nodeIsParent(setting, parentNode, true); + + if (index < 0) { + data.nodeChildren(setting, parentNode, children.concat(nodes)); + } else { + params = [index, 0].concat(nodes); + children.splice.apply(children, params); + } + }, + addSelectedNode: function (setting, node) { + var root = data.getRoot(setting); + if (!data.isSelectedNode(setting, node)) { + root.curSelectedList.push(node); + } + }, + addCreatedNode: function (setting, node) { + if (!!setting.callback.onNodeCreated || !!setting.view.addDiyDom) { + var root = data.getRoot(setting); + root.createdNodes.push(node); + } + }, + addZTreeTools: function (zTreeTools) { + _init.zTreeTools.push(zTreeTools); + }, + exSetting: function (s) { + $.extend(true, _setting, s); + }, + fixPIdKeyValue: function (setting, node) { + if (setting.data.simpleData.enable) { + node[setting.data.simpleData.pIdKey] = node.parentTId ? node.getParentNode()[setting.data.simpleData.idKey] : setting.data.simpleData.rootPId; + } + }, + getAfterA: function (setting, node, array) { + for (var i = 0, j = _init.afterA.length; i < j; i++) { + _init.afterA[i].apply(this, arguments); + } + }, + getBeforeA: function (setting, node, array) { + for (var i = 0, j = _init.beforeA.length; i < j; i++) { + _init.beforeA[i].apply(this, arguments); + } + }, + getInnerAfterA: function (setting, node, array) { + for (var i = 0, j = _init.innerAfterA.length; i < j; i++) { + _init.innerAfterA[i].apply(this, arguments); + } + }, + getInnerBeforeA: function (setting, node, array) { + for (var i = 0, j = _init.innerBeforeA.length; i < j; i++) { + _init.innerBeforeA[i].apply(this, arguments); + } + }, + getCache: function (setting) { + return caches[setting.treeId]; + }, + getNodeIndex: function (setting, node) { + if (!node) return null; + var p = node.parentTId ? node.getParentNode() : data.getRoot(setting), + children = data.nodeChildren(setting, p); + for (var i = 0, l = children.length - 1; i <= l; i++) { + if (children[i] === node) { + return i; + } + } + return -1; + }, + getNextNode: function (setting, node) { + if (!node) return null; + var p = node.parentTId ? node.getParentNode() : data.getRoot(setting), + children = data.nodeChildren(setting, p); + for (var i = 0, l = children.length - 1; i <= l; i++) { + if (children[i] === node) { + return (i == l ? null : children[i + 1]); + } + } + return null; + }, + getNodeByParam: function (setting, nodes, key, value) { + if (!nodes || !key) return null; + for (var i = 0, l = nodes.length; i < l; i++) { + var node = nodes[i]; + if (node[key] == value) { + return nodes[i]; + } + var children = data.nodeChildren(setting, node); + var tmp = data.getNodeByParam(setting, children, key, value); + if (tmp) return tmp; + } + return null; + }, + getNodeCache: function (setting, tId) { + if (!tId) return null; + var n = caches[setting.treeId].nodes[data.getNodeCacheId(tId)]; + return n ? n : null; + }, + getNodePath: function (setting, node) { + if (!node) return null; + + var path; + if (node.parentTId) { + path = node.getParentNode().getPath(); + } else { + path = []; + } + + if (path) { + path.push(node); + } + + return path; + }, + getNodes: function (setting) { + return data.nodeChildren(setting, data.getRoot(setting)); + }, + getNodesByParam: function (setting, nodes, key, value) { + if (!nodes || !key) return []; + var result = []; + for (var i = 0, l = nodes.length; i < l; i++) { + var node = nodes[i]; + if (node[key] == value) { + result.push(node); + } + var children = data.nodeChildren(setting, node); + result = result.concat(data.getNodesByParam(setting, children, key, value)); + } + return result; + }, + getNodesByParamFuzzy: function (setting, nodes, key, value) { + if (!nodes || !key) return []; + var result = []; + value = value.toLowerCase(); + for (var i = 0, l = nodes.length; i < l; i++) { + var node = nodes[i]; + if (typeof node[key] == "string" && nodes[i][key].toLowerCase().indexOf(value) > -1) { + result.push(node); + } + var children = data.nodeChildren(setting, node); + result = result.concat(data.getNodesByParamFuzzy(setting, children, key, value)); + } + return result; + }, + getNodesByFilter: function (setting, nodes, filter, isSingle, invokeParam) { + if (!nodes) return (isSingle ? null : []); + var result = isSingle ? null : []; + for (var i = 0, l = nodes.length; i < l; i++) { + var node = nodes[i]; + if (tools.apply(filter, [node, invokeParam], false)) { + if (isSingle) { + return node; + } + result.push(node); + } + var children = data.nodeChildren(setting, node); + var tmpResult = data.getNodesByFilter(setting, children, filter, isSingle, invokeParam); + if (isSingle && !!tmpResult) { + return tmpResult; + } + result = isSingle ? tmpResult : result.concat(tmpResult); + } + return result; + }, + getPreNode: function (setting, node) { + if (!node) return null; + var p = node.parentTId ? node.getParentNode() : data.getRoot(setting), + children = data.nodeChildren(setting, p); + for (var i = 0, l = children.length; i < l; i++) { + if (children[i] === node) { + return (i == 0 ? null : children[i - 1]); + } + } + return null; + }, + getRoot: function (setting) { + return setting ? roots[setting.treeId] : null; + }, + getRoots: function () { + return roots; + }, + getSetting: function (treeId) { + return settings[treeId]; + }, + getSettings: function () { + return settings; + }, + getZTreeTools: function (treeId) { + var r = this.getRoot(this.getSetting(treeId)); + return r ? r.treeTools : null; + }, + initCache: function (setting) { + for (var i = 0, j = _init.caches.length; i < j; i++) { + _init.caches[i].apply(this, arguments); + } + }, + initNode: function (setting, level, node, parentNode, preNode, nextNode) { + for (var i = 0, j = _init.nodes.length; i < j; i++) { + _init.nodes[i].apply(this, arguments); + } + }, + initRoot: function (setting) { + for (var i = 0, j = _init.roots.length; i < j; i++) { + _init.roots[i].apply(this, arguments); + } + }, + isSelectedNode: function (setting, node) { + var root = data.getRoot(setting); + for (var i = 0, j = root.curSelectedList.length; i < j; i++) { + if (node === root.curSelectedList[i]) return true; + } + return false; + }, + nodeChildren: function (setting, node, newChildren) { + if (!node) { + return null; + } + var key = setting.data.key.children; + if (typeof newChildren !== 'undefined') { + node[key] = newChildren; + } + return node[key]; + }, + nodeIsParent: function (setting, node, newIsParent) { + if (!node) { + return false; + } + var key = setting.data.key.isParent; + if (typeof newIsParent !== 'undefined') { + if (typeof newIsParent === "string") { + newIsParent = tools.eqs(newIsParent, "true"); + } + newIsParent = !!newIsParent; + node[key] = newIsParent; + } else if (typeof node[key] == "string"){ + node[key] = tools.eqs(node[key], "true"); + } else { + node[key] = !!node[key]; + } + return node[key]; + }, + nodeName: function (setting, node, newName) { + var key = setting.data.key.name; + if (typeof newName !== 'undefined') { + node[key] = newName; + } + return "" + node[key]; + }, + nodeTitle: function (setting, node) { + var t = setting.data.key.title === "" ? setting.data.key.name : setting.data.key.title; + return "" + node[t]; + }, + removeNodeCache: function (setting, node) { + var children = data.nodeChildren(setting, node); + if (children) { + for (var i = 0, l = children.length; i < l; i++) { + data.removeNodeCache(setting, children[i]); + } + } + data.getCache(setting).nodes[data.getNodeCacheId(node.tId)] = null; + }, + removeSelectedNode: function (setting, node) { + var root = data.getRoot(setting); + for (var i = 0, j = root.curSelectedList.length; i < j; i++) { + if (node === root.curSelectedList[i] || !data.getNodeCache(setting, root.curSelectedList[i].tId)) { + root.curSelectedList.splice(i, 1); + setting.treeObj.trigger(consts.event.UNSELECTED, [setting.treeId, node]); + i--; + j--; + } + } + }, + setCache: function (setting, cache) { + caches[setting.treeId] = cache; + }, + setRoot: function (setting, root) { + roots[setting.treeId] = root; + }, + setZTreeTools: function (setting, zTreeTools) { + for (var i = 0, j = _init.zTreeTools.length; i < j; i++) { + _init.zTreeTools[i].apply(this, arguments); + } + }, + transformToArrayFormat: function (setting, nodes) { + if (!nodes) return []; + var r = []; + if (tools.isArray(nodes)) { + for (var i = 0, l = nodes.length; i < l; i++) { + var node = nodes[i]; + _do(node); + } + } else { + _do(nodes); + } + return r; + + function _do(_node) { + r.push(_node); + var children = data.nodeChildren(setting, _node); + if (children) { + r = r.concat(data.transformToArrayFormat(setting, children)); + } + } + }, + transformTozTreeFormat: function (setting, sNodes) { + var i, l, + key = setting.data.simpleData.idKey, + parentKey = setting.data.simpleData.pIdKey; + if (!key || key == "" || !sNodes) return []; + + if (tools.isArray(sNodes)) { + var r = []; + var tmpMap = {}; + for (i = 0, l = sNodes.length; i < l; i++) { + tmpMap[sNodes[i][key]] = sNodes[i]; + } + for (i = 0, l = sNodes.length; i < l; i++) { + var p = tmpMap[sNodes[i][parentKey]]; + if (p && sNodes[i][key] != sNodes[i][parentKey]) { + var children = data.nodeChildren(setting, p); + if (!children) { + children = data.nodeChildren(setting, p, []); + } + children.push(sNodes[i]); + } else { + r.push(sNodes[i]); + } + } + return r; + } else { + return [sNodes]; + } + } + }, + //method of event proxy + event = { + bindEvent: function (setting) { + for (var i = 0, j = _init.bind.length; i < j; i++) { + _init.bind[i].apply(this, arguments); + } + }, + unbindEvent: function (setting) { + for (var i = 0, j = _init.unbind.length; i < j; i++) { + _init.unbind[i].apply(this, arguments); + } + }, + bindTree: function (setting) { + var eventParam = { + treeId: setting.treeId + }, + o = setting.treeObj; + if (!setting.view.txtSelectedEnable) { + // for can't select text + o.bind('selectstart', handler.onSelectStart).css({ + "-moz-user-select": "-moz-none" + }); + } + o.bind('click', eventParam, event.proxy); + o.bind('dblclick', eventParam, event.proxy); + o.bind('mouseover', eventParam, event.proxy); + o.bind('mouseout', eventParam, event.proxy); + o.bind('mousedown', eventParam, event.proxy); + o.bind('mouseup', eventParam, event.proxy); + o.bind('contextmenu', eventParam, event.proxy); + }, + unbindTree: function (setting) { + var o = setting.treeObj; + o.unbind('selectstart', handler.onSelectStart) + .unbind('click', event.proxy) + .unbind('dblclick', event.proxy) + .unbind('mouseover', event.proxy) + .unbind('mouseout', event.proxy) + .unbind('mousedown', event.proxy) + .unbind('mouseup', event.proxy) + .unbind('contextmenu', event.proxy); + }, + doProxy: function (e) { + var results = []; + for (var i = 0, j = _init.proxys.length; i < j; i++) { + var proxyResult = _init.proxys[i].apply(this, arguments); + results.push(proxyResult); + if (proxyResult.stop) { + break; + } + } + return results; + }, + proxy: function (e) { + var setting = data.getSetting(e.data.treeId); + if (!tools.uCanDo(setting, e)) return true; + var results = event.doProxy(e), + r = true, x = false; + for (var i = 0, l = results.length; i < l; i++) { + var proxyResult = results[i]; + if (proxyResult.nodeEventCallback) { + x = true; + r = proxyResult.nodeEventCallback.apply(proxyResult, [e, proxyResult.node]) && r; + } + if (proxyResult.treeEventCallback) { + x = true; + r = proxyResult.treeEventCallback.apply(proxyResult, [e, proxyResult.node]) && r; + } + } + return r; + } + }, + //method of event handler + handler = { + onSwitchNode: function (event, node) { + var setting = data.getSetting(event.data.treeId); + if (node.open) { + if (tools.apply(setting.callback.beforeCollapse, [setting.treeId, node], true) == false) return true; + data.getRoot(setting).expandTriggerFlag = true; + view.switchNode(setting, node); + } else { + if (tools.apply(setting.callback.beforeExpand, [setting.treeId, node], true) == false) return true; + data.getRoot(setting).expandTriggerFlag = true; + view.switchNode(setting, node); + } + return true; + }, + onClickNode: function (event, node) { + var setting = data.getSetting(event.data.treeId), + clickFlag = ((setting.view.autoCancelSelected && (event.ctrlKey || event.metaKey)) && data.isSelectedNode(setting, node)) ? 0 : (setting.view.autoCancelSelected && (event.ctrlKey || event.metaKey) && setting.view.selectedMulti) ? 2 : 1; + if (tools.apply(setting.callback.beforeClick, [setting.treeId, node, clickFlag], true) == false) return true; + if (clickFlag === 0) { + view.cancelPreSelectedNode(setting, node); + } else { + view.selectNode(setting, node, clickFlag === 2); + } + setting.treeObj.trigger(consts.event.CLICK, [event, setting.treeId, node, clickFlag]); + return true; + }, + onZTreeMousedown: function (event, node) { + var setting = data.getSetting(event.data.treeId); + if (tools.apply(setting.callback.beforeMouseDown, [setting.treeId, node], true)) { + tools.apply(setting.callback.onMouseDown, [event, setting.treeId, node]); + } + return true; + }, + onZTreeMouseup: function (event, node) { + var setting = data.getSetting(event.data.treeId); + if (tools.apply(setting.callback.beforeMouseUp, [setting.treeId, node], true)) { + tools.apply(setting.callback.onMouseUp, [event, setting.treeId, node]); + } + return true; + }, + onZTreeDblclick: function (event, node) { + var setting = data.getSetting(event.data.treeId); + if (tools.apply(setting.callback.beforeDblClick, [setting.treeId, node], true)) { + tools.apply(setting.callback.onDblClick, [event, setting.treeId, node]); + } + return true; + }, + onZTreeContextmenu: function (event, node) { + var setting = data.getSetting(event.data.treeId); + if (tools.apply(setting.callback.beforeRightClick, [setting.treeId, node], true)) { + tools.apply(setting.callback.onRightClick, [event, setting.treeId, node]); + } + return (typeof setting.callback.onRightClick) != "function"; + }, + onSelectStart: function (e) { + var n = e.originalEvent.srcElement.nodeName.toLowerCase(); + return (n === "input" || n === "textarea"); + } + }, + //method of tools for zTree + tools = { + apply: function (fun, param, defaultValue) { + if ((typeof fun) == "function") { + return fun.apply(zt, param ? param : []); + } + return defaultValue; + }, + canAsync: function (setting, node) { + var children = data.nodeChildren(setting, node); + var isParent = data.nodeIsParent(setting, node); + return (setting.async.enable && node && isParent && !(node.zAsync || (children && children.length > 0))); + }, + clone: function (obj) { + if (obj === null) return null; + var o = tools.isArray(obj) ? [] : {}; + for (var i in obj) { + o[i] = (obj[i] instanceof Date) ? new Date(obj[i].getTime()) : (typeof obj[i] === "object" ? tools.clone(obj[i]) : obj[i]); + } + return o; + }, + eqs: function (str1, str2) { + return str1.toLowerCase() === str2.toLowerCase(); + }, + isArray: function (arr) { + return Object.prototype.toString.apply(arr) === "[object Array]"; + }, + isElement: function (o) { + return ( + typeof HTMLElement === "object" ? o instanceof HTMLElement : //DOM2 + o && typeof o === "object" && o !== null && o.nodeType === 1 && typeof o.nodeName === "string" + ); + }, + $: function (node, exp, setting) { + if (!!exp && typeof exp != "string") { + setting = exp; + exp = ""; + } + if (typeof node == "string") { + return $(node, setting ? setting.treeObj.get(0).ownerDocument : null); + } else { + return $("#" + node.tId + exp, setting ? setting.treeObj : null); + } + }, + getMDom: function (setting, curDom, targetExpr) { + if (!curDom) return null; + while (curDom && curDom.id !== setting.treeId) { + for (var i = 0, l = targetExpr.length; curDom.tagName && i < l; i++) { + if (tools.eqs(curDom.tagName, targetExpr[i].tagName) && curDom.getAttribute(targetExpr[i].attrName) !== null) { + return curDom; + } + } + curDom = curDom.parentNode; + } + return null; + }, + getNodeMainDom: function (target) { + return ($(target).parent("li").get(0) || $(target).parentsUntil("li").parent().get(0)); + }, + isChildOrSelf: function (dom, parentId) { + return ($(dom).closest("#" + parentId).length > 0); + }, + uCanDo: function (setting, e) { + return true; + } + }, + //method of operate ztree dom + view = { + addNodes: function (setting, parentNode, index, newNodes, isSilent) { + var isParent = data.nodeIsParent(setting, parentNode); + if (setting.data.keep.leaf && parentNode && !isParent) { + return; + } + if (!tools.isArray(newNodes)) { + newNodes = [newNodes]; + } + if (setting.data.simpleData.enable) { + newNodes = data.transformTozTreeFormat(setting, newNodes); + } + if (parentNode) { + var target_switchObj = $$(parentNode, consts.id.SWITCH, setting), + target_icoObj = $$(parentNode, consts.id.ICON, setting), + target_ulObj = $$(parentNode, consts.id.UL, setting); + + if (!parentNode.open) { + view.replaceSwitchClass(parentNode, target_switchObj, consts.folder.CLOSE); + view.replaceIcoClass(parentNode, target_icoObj, consts.folder.CLOSE); + parentNode.open = false; + target_ulObj.css({ + "display": "none" + }); + } + + data.addNodesData(setting, parentNode, index, newNodes); + view.createNodes(setting, parentNode.level + 1, newNodes, parentNode, index); + if (!isSilent) { + view.expandCollapseParentNode(setting, parentNode, true); + } + } else { + data.addNodesData(setting, data.getRoot(setting), index, newNodes); + view.createNodes(setting, 0, newNodes, null, index); + } + }, + appendNodes: function (setting, level, nodes, parentNode, index, initFlag, openFlag) { + if (!nodes) return []; + var html = []; + + var tmpPNode = (parentNode) ? parentNode : data.getRoot(setting), + tmpPChild = data.nodeChildren(setting, tmpPNode), + isFirstNode, isLastNode; + + if (!tmpPChild || index >= tmpPChild.length - nodes.length) { + index = -1; + } + + for (var i = 0, l = nodes.length; i < l; i++) { + var node = nodes[i]; + if (initFlag) { + isFirstNode = ((index === 0 || tmpPChild.length == nodes.length) && (i == 0)); + isLastNode = (index < 0 && i == (nodes.length - 1)); + data.initNode(setting, level, node, parentNode, isFirstNode, isLastNode, openFlag); + data.addNodeCache(setting, node); + } + var isParent = data.nodeIsParent(setting, node); + + var childHtml = []; + var children = data.nodeChildren(setting, node); + if (children && children.length > 0) { + //make child html first, because checkType + childHtml = view.appendNodes(setting, level + 1, children, node, -1, initFlag, openFlag && node.open); + } + if (openFlag) { + view.makeDOMNodeMainBefore(html, setting, node); + view.makeDOMNodeLine(html, setting, node); + data.getBeforeA(setting, node, html); + view.makeDOMNodeNameBefore(html, setting, node); + data.getInnerBeforeA(setting, node, html); + view.makeDOMNodeIcon(html, setting, node); + data.getInnerAfterA(setting, node, html); + view.makeDOMNodeNameAfter(html, setting, node); + data.getAfterA(setting, node, html); + if (isParent && node.open) { + view.makeUlHtml(setting, node, html, childHtml.join('')); + } + view.makeDOMNodeMainAfter(html, setting, node); + data.addCreatedNode(setting, node); + } + } + return html; + }, + appendParentULDom: function (setting, node) { + var html = [], + nObj = $$(node, setting); + if (!nObj.get(0) && !!node.parentTId) { + view.appendParentULDom(setting, node.getParentNode()); + nObj = $$(node, setting); + } + var ulObj = $$(node, consts.id.UL, setting); + if (ulObj.get(0)) { + ulObj.remove(); + } + var children = data.nodeChildren(setting, node), + childHtml = view.appendNodes(setting, node.level + 1, children, node, -1, false, true); + view.makeUlHtml(setting, node, html, childHtml.join('')); + nObj.append(html.join('')); + }, + asyncNode: function (setting, node, isSilent, callback) { + var i, l; + var isParent = data.nodeIsParent(setting, node); + if (node && !isParent) { + tools.apply(callback); + return false; + } else if (node && node.isAjaxing) { + return false; + } else if (tools.apply(setting.callback.beforeAsync, [setting.treeId, node], true) == false) { + tools.apply(callback); + return false; + } + if (node) { + node.isAjaxing = true; + var icoObj = $$(node, consts.id.ICON, setting); + icoObj.attr({"style": "", "class": consts.className.BUTTON + " " + consts.className.ICO_LOADING}); + } + + var tmpParam = {}; + var autoParam = tools.apply(setting.async.autoParam, [setting.treeId, node], setting.async.autoParam); + for (i = 0, l = autoParam.length; node && i < l; i++) { + var pKey = autoParam[i].split("="), spKey = pKey; + if (pKey.length > 1) { + spKey = pKey[1]; + pKey = pKey[0]; + } + tmpParam[spKey] = node[pKey]; + } + var otherParam = tools.apply(setting.async.otherParam, [setting.treeId, node], setting.async.otherParam); + if (tools.isArray(otherParam)) { + for (i = 0, l = otherParam.length; i < l; i += 2) { + tmpParam[otherParam[i]] = otherParam[i + 1]; + } + } else { + for (var p in otherParam) { + tmpParam[p] = otherParam[p]; + } + } + + var _tmpV = data.getRoot(setting)._ver; + $.ajax({ + contentType: setting.async.contentType, + cache: false, + type: setting.async.type, + url: tools.apply(setting.async.url, [setting.treeId, node], setting.async.url), + data: setting.async.contentType.indexOf('application/json') > -1 ? JSON.stringify(tmpParam) : tmpParam, + dataType: setting.async.dataType, + headers: setting.async.headers, + xhrFields: setting.async.xhrFields, + success: function (msg) { + if (_tmpV != data.getRoot(setting)._ver) { + return; + } + var newNodes = []; + try { + if (!msg || msg.length == 0) { + newNodes = []; + } else if (typeof msg == "string") { + newNodes = eval("(" + msg + ")"); + } else { + newNodes = msg; + } + } catch (err) { + newNodes = msg; + } + + if (node) { + node.isAjaxing = null; + node.zAsync = true; + } + view.setNodeLineIcos(setting, node); + if (newNodes && newNodes !== "") { + newNodes = tools.apply(setting.async.dataFilter, [setting.treeId, node, newNodes], newNodes); + view.addNodes(setting, node, -1, !!newNodes ? tools.clone(newNodes) : [], !!isSilent); + } else { + view.addNodes(setting, node, -1, [], !!isSilent); + } + setting.treeObj.trigger(consts.event.ASYNC_SUCCESS, [setting.treeId, node, msg]); + tools.apply(callback); + }, + error: function (XMLHttpRequest, textStatus, errorThrown) { + if (_tmpV != data.getRoot(setting)._ver) { + return; + } + if (node) node.isAjaxing = null; + view.setNodeLineIcos(setting, node); + setting.treeObj.trigger(consts.event.ASYNC_ERROR, [setting.treeId, node, XMLHttpRequest, textStatus, errorThrown]); + } + }); + return true; + }, + cancelPreSelectedNode: function (setting, node, excludeNode) { + var list = data.getRoot(setting).curSelectedList, + i, n; + for (i = list.length - 1; i >= 0; i--) { + n = list[i]; + if (node === n || (!node && (!excludeNode || excludeNode !== n))) { + $$(n, consts.id.A, setting).removeClass(consts.node.CURSELECTED); + if (node) { + data.removeSelectedNode(setting, node); + break; + } else { + list.splice(i, 1); + setting.treeObj.trigger(consts.event.UNSELECTED, [setting.treeId, n]); + } + } + } + }, + createNodeCallback: function (setting) { + if (!!setting.callback.onNodeCreated || !!setting.view.addDiyDom) { + var root = data.getRoot(setting); + while (root.createdNodes.length > 0) { + var node = root.createdNodes.shift(); + tools.apply(setting.view.addDiyDom, [setting.treeId, node]); + if (!!setting.callback.onNodeCreated) { + setting.treeObj.trigger(consts.event.NODECREATED, [setting.treeId, node]); + } + } + } + }, + createNodes: function (setting, level, nodes, parentNode, index) { + if (!nodes || nodes.length == 0) return; + var root = data.getRoot(setting), + openFlag = !parentNode || parentNode.open || !!$$(data.nodeChildren(setting, parentNode)[0], setting).get(0); + root.createdNodes = []; + var zTreeHtml = view.appendNodes(setting, level, nodes, parentNode, index, true, openFlag), + parentObj, nextObj; + + if (!parentNode) { + parentObj = setting.treeObj; + //setting.treeObj.append(zTreeHtml.join('')); + } else { + var ulObj = $$(parentNode, consts.id.UL, setting); + if (ulObj.get(0)) { + parentObj = ulObj; + //ulObj.append(zTreeHtml.join('')); + } + } + if (parentObj) { + if (index >= 0) { + nextObj = parentObj.children()[index]; + } + if (index >= 0 && nextObj) { + $(nextObj).before(zTreeHtml.join('')); + } else { + parentObj.append(zTreeHtml.join('')); + } + } + + view.createNodeCallback(setting); + }, + destroy: function (setting) { + if (!setting) return; + data.initCache(setting); + data.initRoot(setting); + event.unbindTree(setting); + event.unbindEvent(setting); + setting.treeObj.empty(); + delete settings[setting.treeId]; + }, + expandCollapseNode: function (setting, node, expandFlag, animateFlag, callback) { + var root = data.getRoot(setting); + var tmpCb, _callback; + if (!node) { + tools.apply(callback, []); + return; + } + var children = data.nodeChildren(setting, node); + var isParent = data.nodeIsParent(setting, node); + if (root.expandTriggerFlag) { + _callback = callback; + tmpCb = function () { + if (_callback) _callback(); + if (node.open) { + setting.treeObj.trigger(consts.event.EXPAND, [setting.treeId, node]); + } else { + setting.treeObj.trigger(consts.event.COLLAPSE, [setting.treeId, node]); + } + }; + callback = tmpCb; + root.expandTriggerFlag = false; + } + if (!node.open && isParent && ((!$$(node, consts.id.UL, setting).get(0)) || (children && children.length > 0 && !$$(children[0], setting).get(0)))) { + view.appendParentULDom(setting, node); + view.createNodeCallback(setting); + } + if (node.open == expandFlag) { + tools.apply(callback, []); + return; + } + var ulObj = $$(node, consts.id.UL, setting), + switchObj = $$(node, consts.id.SWITCH, setting), + icoObj = $$(node, consts.id.ICON, setting); + + if (isParent) { + node.open = !node.open; + if (node.iconOpen && node.iconClose) { + icoObj.attr("style", view.makeNodeIcoStyle(setting, node)); + } + + if (node.open) { + view.replaceSwitchClass(node, switchObj, consts.folder.OPEN); + view.replaceIcoClass(node, icoObj, consts.folder.OPEN); + if (animateFlag == false || setting.view.expandSpeed == "") { + ulObj.show(); + tools.apply(callback, []); + } else { + if (children && children.length > 0) { + ulObj.slideDown(setting.view.expandSpeed, callback); + } else { + ulObj.show(); + tools.apply(callback, []); + } + } + } else { + view.replaceSwitchClass(node, switchObj, consts.folder.CLOSE); + view.replaceIcoClass(node, icoObj, consts.folder.CLOSE); + if (animateFlag == false || setting.view.expandSpeed == "" || !(children && children.length > 0)) { + ulObj.hide(); + tools.apply(callback, []); + } else { + ulObj.slideUp(setting.view.expandSpeed, callback); + } + } + } else { + tools.apply(callback, []); + } + }, + expandCollapseParentNode: function (setting, node, expandFlag, animateFlag, callback) { + if (!node) return; + if (!node.parentTId) { + view.expandCollapseNode(setting, node, expandFlag, animateFlag, callback); + return; + } else { + view.expandCollapseNode(setting, node, expandFlag, animateFlag); + } + if (node.parentTId) { + view.expandCollapseParentNode(setting, node.getParentNode(), expandFlag, animateFlag, callback); + } + }, + expandCollapseSonNode: function (setting, node, expandFlag, animateFlag, callback) { + var root = data.getRoot(setting), + treeNodes = (node) ? data.nodeChildren(setting, node) : data.nodeChildren(setting, root), + selfAnimateSign = (node) ? false : animateFlag, + expandTriggerFlag = data.getRoot(setting).expandTriggerFlag; + data.getRoot(setting).expandTriggerFlag = false; + if (treeNodes) { + for (var i = 0, l = treeNodes.length; i < l; i++) { + if (treeNodes[i]) view.expandCollapseSonNode(setting, treeNodes[i], expandFlag, selfAnimateSign); + } + } + data.getRoot(setting).expandTriggerFlag = expandTriggerFlag; + view.expandCollapseNode(setting, node, expandFlag, animateFlag, callback); + }, + isSelectedNode: function (setting, node) { + if (!node) { + return false; + } + var list = data.getRoot(setting).curSelectedList, + i; + for (i = list.length - 1; i >= 0; i--) { + if (node === list[i]) { + return true; + } + } + return false; + }, + makeDOMNodeIcon: function (html, setting, node) { + var nameStr = data.nodeName(setting, node), + name = setting.view.nameIsHTML ? nameStr : nameStr.replace(/&/g, '&').replace(//g, '>'); + html.push("", name, ""); + }, + makeDOMNodeLine: function (html, setting, node) { + html.push(""); + }, + makeDOMNodeMainAfter: function (html, setting, node) { + html.push(""); + }, + makeDOMNodeMainBefore: function (html, setting, node) { + html.push("
                                                                                                                                                                                                                                                                                                              • "); + }, + makeDOMNodeNameAfter: function (html, setting, node) { + html.push(""); + }, + makeDOMNodeNameBefore: function (html, setting, node) { + var title = data.nodeTitle(setting, node), + url = view.makeNodeUrl(setting, node), + fontcss = view.makeNodeFontCss(setting, node), + fontStyle = []; + for (var f in fontcss) { + fontStyle.push(f, ":", fontcss[f], ";"); + } + html.push(" 0) ? "href='" + url + "'" : ""), " target='", view.makeNodeTarget(node), "' style='", fontStyle.join(''), + "'"); + if (tools.apply(setting.view.showTitle, [setting.treeId, node], setting.view.showTitle) && title) { + html.push("title='", title.replace(/'/g, "'").replace(//g, '>'), "'"); + } + html.push(">"); + }, + makeNodeFontCss: function (setting, node) { + var fontCss = tools.apply(setting.view.fontCss, [setting.treeId, node], setting.view.fontCss); + return (fontCss && ((typeof fontCss) != "function")) ? fontCss : {}; + }, + makeNodeIcoClass: function (setting, node) { + var icoCss = ["ico"]; + if (!node.isAjaxing) { + var isParent = data.nodeIsParent(setting, node); + icoCss[0] = (node.iconSkin ? node.iconSkin + "_" : "") + icoCss[0]; + if (isParent) { + icoCss.push(node.open ? consts.folder.OPEN : consts.folder.CLOSE); + } else { + icoCss.push(consts.folder.DOCU); + } + } + return consts.className.BUTTON + " " + icoCss.join('_'); + }, + makeNodeIcoStyle: function (setting, node) { + var icoStyle = []; + if (!node.isAjaxing) { + var isParent = data.nodeIsParent(setting, node); + var icon = (isParent && node.iconOpen && node.iconClose) ? (node.open ? node.iconOpen : node.iconClose) : node[setting.data.key.icon]; + if (icon) icoStyle.push("background:url(", icon, ") 0 0 no-repeat;"); + if (setting.view.showIcon == false || !tools.apply(setting.view.showIcon, [setting.treeId, node], true)) { + icoStyle.push("width:0px;height:0px;"); + } + } + return icoStyle.join(''); + }, + makeNodeLineClass: function (setting, node) { + var lineClass = []; + if (setting.view.showLine) { + if (node.level == 0 && node.isFirstNode && node.isLastNode) { + lineClass.push(consts.line.ROOT); + } else if (node.level == 0 && node.isFirstNode) { + lineClass.push(consts.line.ROOTS); + } else if (node.isLastNode) { + lineClass.push(consts.line.BOTTOM); + } else { + lineClass.push(consts.line.CENTER); + } + } else { + lineClass.push(consts.line.NOLINE); + } + if (data.nodeIsParent(setting, node)) { + lineClass.push(node.open ? consts.folder.OPEN : consts.folder.CLOSE); + } else { + lineClass.push(consts.folder.DOCU); + } + return view.makeNodeLineClassEx(node) + lineClass.join('_'); + }, + makeNodeLineClassEx: function (node) { + return consts.className.BUTTON + " " + consts.className.LEVEL + node.level + " " + consts.className.SWITCH + " "; + }, + makeNodeTarget: function (node) { + return (node.target || "_blank"); + }, + makeNodeUrl: function (setting, node) { + var urlKey = setting.data.key.url; + return node[urlKey] ? node[urlKey] : null; + }, + makeUlHtml: function (setting, node, html, content) { + html.push("
                                                                                                                                                                                                                                                                                                                  "); + html.push(content); + html.push("
                                                                                                                                                                                                                                                                                                                "); + }, + makeUlLineClass: function (setting, node) { + return ((setting.view.showLine && !node.isLastNode) ? consts.line.LINE : ""); + }, + removeChildNodes: function (setting, node) { + if (!node) return; + var nodes = data.nodeChildren(setting, node); + if (!nodes) return; + + for (var i = 0, l = nodes.length; i < l; i++) { + data.removeNodeCache(setting, nodes[i]); + } + data.removeSelectedNode(setting); + delete node[setting.data.key.children]; + + if (!setting.data.keep.parent) { + data.nodeIsParent(setting, node, false); + node.open = false; + var tmp_switchObj = $$(node, consts.id.SWITCH, setting), + tmp_icoObj = $$(node, consts.id.ICON, setting); + view.replaceSwitchClass(node, tmp_switchObj, consts.folder.DOCU); + view.replaceIcoClass(node, tmp_icoObj, consts.folder.DOCU); + $$(node, consts.id.UL, setting).remove(); + } else { + $$(node, consts.id.UL, setting).empty(); + } + }, + scrollIntoView: function (setting, dom) { + if (!dom) { + return; + } + // support IE 7 + if (typeof Element === 'undefined') { + var contRect = setting.treeObj.get(0).getBoundingClientRect(), + findMeRect = dom.getBoundingClientRect(); + if (findMeRect.top < contRect.top || findMeRect.bottom > contRect.bottom + || findMeRect.right > contRect.right || findMeRect.left < contRect.left) { + dom.scrollIntoView(); + } + return; + } + // CC-BY jocki84@googlemail.com, https://gist.github.com/jocki84/6ffafd003387179a988e + if (!Element.prototype.scrollIntoViewIfNeeded) { + Element.prototype.scrollIntoViewIfNeeded = function (centerIfNeeded) { + "use strict"; + + function makeRange(start, length) { + return {"start": start, "length": length, "end": start + length}; + } + + function coverRange(inner, outer) { + if ( + false === centerIfNeeded || + (outer.start < inner.end && inner.start < outer.end) + ) { + return Math.max( + inner.end - outer.length, + Math.min(outer.start, inner.start) + ); + } + return (inner.start + inner.end - outer.length) / 2; + } + + function makePoint(x, y) { + return { + "x": x, + "y": y, + "translate": function translate(dX, dY) { + return makePoint(x + dX, y + dY); + } + }; + } + + function absolute(elem, pt) { + while (elem) { + pt = pt.translate(elem.offsetLeft, elem.offsetTop); + elem = elem.offsetParent; + } + return pt; + } + + var target = absolute(this, makePoint(0, 0)), + extent = makePoint(this.offsetWidth, this.offsetHeight), + elem = this.parentNode, + origin; + + while (elem instanceof HTMLElement) { + // Apply desired scroll amount. + origin = absolute(elem, makePoint(elem.clientLeft, elem.clientTop)); + elem.scrollLeft = coverRange( + makeRange(target.x - origin.x, extent.x), + makeRange(elem.scrollLeft, elem.clientWidth) + ); + elem.scrollTop = coverRange( + makeRange(target.y - origin.y, extent.y), + makeRange(elem.scrollTop, elem.clientHeight) + ); + + // Determine actual scroll amount by reading back scroll properties. + target = target.translate(-elem.scrollLeft, -elem.scrollTop); + elem = elem.parentNode; + } + }; + } + dom.scrollIntoViewIfNeeded(); + }, + setFirstNode: function (setting, parentNode) { + var children = data.nodeChildren(setting, parentNode); + if (children.length > 0) { + children[0].isFirstNode = true; + } + }, + setLastNode: function (setting, parentNode) { + var children = data.nodeChildren(setting, parentNode); + if (children.length > 0) { + children[children.length - 1].isLastNode = true; + } + }, + removeNode: function (setting, node) { + var root = data.getRoot(setting), + parentNode = (node.parentTId) ? node.getParentNode() : root; + + node.isFirstNode = false; + node.isLastNode = false; + node.getPreNode = function () { + return null; + }; + node.getNextNode = function () { + return null; + }; + + if (!data.getNodeCache(setting, node.tId)) { + return; + } + + $$(node, setting).remove(); + data.removeNodeCache(setting, node); + data.removeSelectedNode(setting, node); + + var children = data.nodeChildren(setting, parentNode); + for (var i = 0, l = children.length; i < l; i++) { + if (children[i].tId == node.tId) { + children.splice(i, 1); + break; + } + } + view.setFirstNode(setting, parentNode); + view.setLastNode(setting, parentNode); + + var tmp_ulObj, tmp_switchObj, tmp_icoObj, + childLength = children.length; + + //repair nodes old parent + if (!setting.data.keep.parent && childLength == 0) { + //old parentNode has no child nodes + data.nodeIsParent(setting, parentNode, false); + parentNode.open = false; + delete parentNode[setting.data.key.children]; + tmp_ulObj = $$(parentNode, consts.id.UL, setting); + tmp_switchObj = $$(parentNode, consts.id.SWITCH, setting); + tmp_icoObj = $$(parentNode, consts.id.ICON, setting); + view.replaceSwitchClass(parentNode, tmp_switchObj, consts.folder.DOCU); + view.replaceIcoClass(parentNode, tmp_icoObj, consts.folder.DOCU); + tmp_ulObj.css("display", "none"); + + } else if (setting.view.showLine && childLength > 0) { + //old parentNode has child nodes + var newLast = children[childLength - 1]; + tmp_ulObj = $$(newLast, consts.id.UL, setting); + tmp_switchObj = $$(newLast, consts.id.SWITCH, setting); + tmp_icoObj = $$(newLast, consts.id.ICON, setting); + if (parentNode == root) { + if (children.length == 1) { + //node was root, and ztree has only one root after move node + view.replaceSwitchClass(newLast, tmp_switchObj, consts.line.ROOT); + } else { + var tmp_first_switchObj = $$(children[0], consts.id.SWITCH, setting); + view.replaceSwitchClass(children[0], tmp_first_switchObj, consts.line.ROOTS); + view.replaceSwitchClass(newLast, tmp_switchObj, consts.line.BOTTOM); + } + } else { + view.replaceSwitchClass(newLast, tmp_switchObj, consts.line.BOTTOM); + } + tmp_ulObj.removeClass(consts.line.LINE); + } + }, + replaceIcoClass: function (node, obj, newName) { + if (!obj || node.isAjaxing) return; + var tmpName = obj.attr("class"); + if (tmpName == undefined) return; + var tmpList = tmpName.split("_"); + switch (newName) { + case consts.folder.OPEN: + case consts.folder.CLOSE: + case consts.folder.DOCU: + tmpList[tmpList.length - 1] = newName; + break; + } + obj.attr("class", tmpList.join("_")); + }, + replaceSwitchClass: function (node, obj, newName) { + if (!obj) return; + var tmpName = obj.attr("class"); + if (tmpName == undefined) return; + var tmpList = tmpName.split("_"); + switch (newName) { + case consts.line.ROOT: + case consts.line.ROOTS: + case consts.line.CENTER: + case consts.line.BOTTOM: + case consts.line.NOLINE: + tmpList[0] = view.makeNodeLineClassEx(node) + newName; + break; + case consts.folder.OPEN: + case consts.folder.CLOSE: + case consts.folder.DOCU: + tmpList[1] = newName; + break; + } + obj.attr("class", tmpList.join("_")); + if (newName !== consts.folder.DOCU) { + obj.removeAttr("disabled"); + } else { + obj.attr("disabled", "disabled"); + } + }, + selectNode: function (setting, node, addFlag) { + if (!addFlag) { + view.cancelPreSelectedNode(setting, null, node); + } + $$(node, consts.id.A, setting).addClass(consts.node.CURSELECTED); + data.addSelectedNode(setting, node); + setting.treeObj.trigger(consts.event.SELECTED, [setting.treeId, node]); + }, + setNodeFontCss: function (setting, treeNode) { + var aObj = $$(treeNode, consts.id.A, setting), + fontCss = view.makeNodeFontCss(setting, treeNode); + if (fontCss) { + aObj.css(fontCss); + } + }, + setNodeLineIcos: function (setting, node) { + if (!node) return; + var switchObj = $$(node, consts.id.SWITCH, setting), + ulObj = $$(node, consts.id.UL, setting), + icoObj = $$(node, consts.id.ICON, setting), + ulLine = view.makeUlLineClass(setting, node); + if (ulLine.length == 0) { + ulObj.removeClass(consts.line.LINE); + } else { + ulObj.addClass(ulLine); + } + switchObj.attr("class", view.makeNodeLineClass(setting, node)); + if (data.nodeIsParent(setting, node)) { + switchObj.removeAttr("disabled"); + } else { + switchObj.attr("disabled", "disabled"); + } + icoObj.removeAttr("style"); + icoObj.attr("style", view.makeNodeIcoStyle(setting, node)); + icoObj.attr("class", view.makeNodeIcoClass(setting, node)); + }, + setNodeName: function (setting, node) { + var title = data.nodeTitle(setting, node), + nObj = $$(node, consts.id.SPAN, setting); + nObj.empty(); + if (setting.view.nameIsHTML) { + nObj.html(data.nodeName(setting, node)); + } else { + nObj.text(data.nodeName(setting, node)); + } + if (tools.apply(setting.view.showTitle, [setting.treeId, node], setting.view.showTitle)) { + var aObj = $$(node, consts.id.A, setting); + aObj.attr("title", !title ? "" : title); + } + }, + setNodeTarget: function (setting, node) { + var aObj = $$(node, consts.id.A, setting); + aObj.attr("target", view.makeNodeTarget(node)); + }, + setNodeUrl: function (setting, node) { + var aObj = $$(node, consts.id.A, setting), + url = view.makeNodeUrl(setting, node); + if (url == null || url.length == 0) { + aObj.removeAttr("href"); + } else { + aObj.attr("href", url); + } + }, + switchNode: function (setting, node) { + if (node.open || !tools.canAsync(setting, node)) { + view.expandCollapseNode(setting, node, !node.open); + } else if (setting.async.enable) { + if (!view.asyncNode(setting, node)) { + view.expandCollapseNode(setting, node, !node.open); + return; + } + } else if (node) { + view.expandCollapseNode(setting, node, !node.open); + } + } + }; + // zTree defind + $.fn.zTree = { + consts: _consts, + _z: { + tools: tools, + view: view, + event: event, + data: data + }, + getZTreeObj: function (treeId) { + var o = data.getZTreeTools(treeId); + return o ? o : null; + }, + destroy: function (treeId) { + if (!!treeId && treeId.length > 0) { + view.destroy(data.getSetting(treeId)); + } else { + for (var s in settings) { + view.destroy(settings[s]); + } + } + }, + init: function (obj, zSetting, zNodes) { + var setting = tools.clone(_setting); + $.extend(true, setting, zSetting); + setting.treeId = obj.attr("id"); + setting.treeObj = obj; + setting.treeObj.empty(); + settings[setting.treeId] = setting; + //For some older browser,(e.g., ie6) + if (typeof document.body.style.maxHeight === "undefined") { + setting.view.expandSpeed = ""; + } + data.initRoot(setting); + var root = data.getRoot(setting); + zNodes = zNodes ? tools.clone(tools.isArray(zNodes) ? zNodes : [zNodes]) : []; + if (setting.data.simpleData.enable) { + data.nodeChildren(setting, root, data.transformTozTreeFormat(setting, zNodes)); + } else { + data.nodeChildren(setting, root, zNodes); + } + + data.initCache(setting); + event.unbindTree(setting); + event.bindTree(setting); + event.unbindEvent(setting); + event.bindEvent(setting); + + var zTreeTools = { + setting: setting, + addNodes: function (parentNode, index, newNodes, isSilent) { + if (!parentNode) parentNode = null; + var isParent = data.nodeIsParent(setting, parentNode); + if (parentNode && !isParent && setting.data.keep.leaf) return null; + + var i = parseInt(index, 10); + if (isNaN(i)) { + isSilent = !!newNodes; + newNodes = index; + index = -1; + } else { + index = i; + } + if (!newNodes) return null; + + + var xNewNodes = tools.clone(tools.isArray(newNodes) ? newNodes : [newNodes]); + + function addCallback() { + view.addNodes(setting, parentNode, index, xNewNodes, (isSilent == true)); + } + + if (tools.canAsync(setting, parentNode)) { + view.asyncNode(setting, parentNode, isSilent, addCallback); + } else { + addCallback(); + } + return xNewNodes; + }, + cancelSelectedNode: function (node) { + view.cancelPreSelectedNode(setting, node); + }, + destroy: function () { + view.destroy(setting); + }, + expandAll: function (expandFlag) { + expandFlag = !!expandFlag; + view.expandCollapseSonNode(setting, null, expandFlag, true); + return expandFlag; + }, + expandNode: function (node, expandFlag, sonSign, focus, callbackFlag) { + if (!node || !data.nodeIsParent(setting, node)) return null; + if (expandFlag !== true && expandFlag !== false) { + expandFlag = !node.open; + } + callbackFlag = !!callbackFlag; + + if (callbackFlag && expandFlag && (tools.apply(setting.callback.beforeExpand, [setting.treeId, node], true) == false)) { + return null; + } else if (callbackFlag && !expandFlag && (tools.apply(setting.callback.beforeCollapse, [setting.treeId, node], true) == false)) { + return null; + } + if (expandFlag && node.parentTId) { + view.expandCollapseParentNode(setting, node.getParentNode(), expandFlag, false); + } + if (expandFlag === node.open && !sonSign) { + return null; + } + + data.getRoot(setting).expandTriggerFlag = callbackFlag; + if (!tools.canAsync(setting, node) && sonSign) { + view.expandCollapseSonNode(setting, node, expandFlag, true, showNodeFocus); + } else { + node.open = !expandFlag; + view.switchNode(this.setting, node); + showNodeFocus(); + } + return expandFlag; + + function showNodeFocus() { + var a = $$(node, setting).get(0); + if (a && focus !== false) { + view.scrollIntoView(setting, a); + } + } + }, + getNodes: function () { + return data.getNodes(setting); + }, + getNodeByParam: function (key, value, parentNode) { + if (!key) return null; + return data.getNodeByParam(setting, parentNode ? data.nodeChildren(setting, parentNode) : data.getNodes(setting), key, value); + }, + getNodeByTId: function (tId) { + return data.getNodeCache(setting, tId); + }, + getNodesByParam: function (key, value, parentNode) { + if (!key) return null; + return data.getNodesByParam(setting, parentNode ? data.nodeChildren(setting, parentNode) : data.getNodes(setting), key, value); + }, + getNodesByParamFuzzy: function (key, value, parentNode) { + if (!key) return null; + return data.getNodesByParamFuzzy(setting, parentNode ? data.nodeChildren(setting, parentNode) : data.getNodes(setting), key, value); + }, + getNodesByFilter: function (filter, isSingle, parentNode, invokeParam) { + isSingle = !!isSingle; + if (!filter || (typeof filter != "function")) return (isSingle ? null : []); + return data.getNodesByFilter(setting, parentNode ? data.nodeChildren(setting, parentNode) : data.getNodes(setting), filter, isSingle, invokeParam); + }, + getNodeIndex: function (node) { + if (!node) return null; + var parentNode = (node.parentTId) ? node.getParentNode() : data.getRoot(setting); + var children = data.nodeChildren(setting, parentNode); + for (var i = 0, l = children.length; i < l; i++) { + if (children[i] == node) return i; + } + return -1; + }, + getSelectedNodes: function () { + var r = [], list = data.getRoot(setting).curSelectedList; + for (var i = 0, l = list.length; i < l; i++) { + r.push(list[i]); + } + return r; + }, + isSelectedNode: function (node) { + return data.isSelectedNode(setting, node); + }, + reAsyncChildNodesPromise: function (parentNode, reloadType, isSilent) { + var promise = new Promise(function (resolve, reject) { + try { + zTreeTools.reAsyncChildNodes(parentNode, reloadType, isSilent, function () { + resolve(parentNode); + }); + } catch (e) { + reject(e); + } + }); + return promise; + }, + reAsyncChildNodes: function (parentNode, reloadType, isSilent, callback) { + if (!this.setting.async.enable) return; + var isRoot = !parentNode; + if (isRoot) { + parentNode = data.getRoot(setting); + } + if (reloadType == "refresh") { + var children = data.nodeChildren(setting, parentNode); + for (var i = 0, l = children ? children.length : 0; i < l; i++) { + data.removeNodeCache(setting, children[i]); + } + data.removeSelectedNode(setting); + data.nodeChildren(setting, parentNode, []); + if (isRoot) { + this.setting.treeObj.empty(); + } else { + var ulObj = $$(parentNode, consts.id.UL, setting); + ulObj.empty(); + } + } + view.asyncNode(this.setting, isRoot ? null : parentNode, !!isSilent, callback); + }, + refresh: function () { + this.setting.treeObj.empty(); + var root = data.getRoot(setting), + nodes = data.nodeChildren(setting, root); + data.initRoot(setting); + data.nodeChildren(setting, root, nodes); + data.initCache(setting); + view.createNodes(setting, 0, data.nodeChildren(setting, root), null, -1); + }, + removeChildNodes: function (node) { + if (!node) return null; + var nodes = data.nodeChildren(setting, node); + view.removeChildNodes(setting, node); + return nodes ? nodes : null; + }, + removeNode: function (node, callbackFlag) { + if (!node) return; + callbackFlag = !!callbackFlag; + if (callbackFlag && tools.apply(setting.callback.beforeRemove, [setting.treeId, node], true) == false) return; + view.removeNode(setting, node); + if (callbackFlag) { + this.setting.treeObj.trigger(consts.event.REMOVE, [setting.treeId, node]); + } + }, + selectNode: function (node, addFlag, isSilent) { + if (!node) return; + if (tools.uCanDo(setting)) { + addFlag = setting.view.selectedMulti && addFlag; + if (node.parentTId) { + view.expandCollapseParentNode(setting, node.getParentNode(), true, false, showNodeFocus); + } else if (!isSilent) { + try { + $$(node, setting).focus().blur(); + } catch (e) { + } + } + view.selectNode(setting, node, addFlag); + } + + function showNodeFocus() { + if (isSilent) { + return; + } + var a = $$(node, setting).get(0); + view.scrollIntoView(setting, a); + } + }, + transformTozTreeNodes: function (simpleNodes) { + return data.transformTozTreeFormat(setting, simpleNodes); + }, + transformToArray: function (nodes) { + return data.transformToArrayFormat(setting, nodes); + }, + updateNode: function (node, checkTypeFlag) { + if (!node) return; + var nObj = $$(node, setting); + if (nObj.get(0) && tools.uCanDo(setting)) { + view.setNodeName(setting, node); + view.setNodeTarget(setting, node); + view.setNodeUrl(setting, node); + view.setNodeLineIcos(setting, node); + view.setNodeFontCss(setting, node); + } + } + }; + root.treeTools = zTreeTools; + data.setZTreeTools(setting, zTreeTools); + var children = data.nodeChildren(setting, root); + if (children && children.length > 0) { + view.createNodes(setting, 0, children, null, -1); + } else if (setting.async.enable && setting.async.url && setting.async.url !== '') { + view.asyncNode(setting); + } + return zTreeTools; + } + }; + + var zt = $.fn.zTree, + $$ = tools.$, + consts = zt.consts; +})(jQuery); +/* + * JQuery zTree excheck v3.5.40 + * http://treejs.cn/ + * + * Copyright (c) 2010 Hunter.z + * + * Licensed same as jquery - MIT License + * http://www.opensource.org/licenses/mit-license.php + * + * email: hunter.z@263.net + * Date: 2019-01-18 + */ +(function ($) { + //default consts of excheck + var _consts = { + event: { + CHECK: "ztree_check" + }, + id: { + CHECK: "_check" + }, + checkbox: { + STYLE: "checkbox", + DEFAULT: "chk", + DISABLED: "disable", + FALSE: "false", + TRUE: "true", + FULL: "full", + PART: "part", + FOCUS: "focus" + }, + radio: { + STYLE: "radio", + TYPE_ALL: "all", + TYPE_LEVEL: "level" + } + }, + //default setting of excheck + _setting = { + check: { + enable: false, + autoCheckTrigger: false, + chkStyle: _consts.checkbox.STYLE, + nocheckInherit: false, + chkDisabledInherit: false, + radioType: _consts.radio.TYPE_LEVEL, + chkboxType: { + "Y": "ps", + "N": "ps" + } + }, + data: { + key: { + checked: "checked" + } + }, + callback: { + beforeCheck: null, + onCheck: null + } + }, + //default root of excheck + _initRoot = function (setting) { + var r = data.getRoot(setting); + r.radioCheckedList = []; + }, + //default cache of excheck + _initCache = function (treeId) { + }, + //default bind event of excheck + _bindEvent = function (setting) { + var o = setting.treeObj, + c = consts.event; + o.bind(c.CHECK, function (event, srcEvent, treeId, node) { + event.srcEvent = srcEvent; + tools.apply(setting.callback.onCheck, [event, treeId, node]); + }); + }, + _unbindEvent = function (setting) { + var o = setting.treeObj, + c = consts.event; + o.unbind(c.CHECK); + }, + //default event proxy of excheck + _eventProxy = function (e) { + var target = e.target, + setting = data.getSetting(e.data.treeId), + tId = "", node = null, + nodeEventType = "", treeEventType = "", + nodeEventCallback = null, treeEventCallback = null; + + if (tools.eqs(e.type, "mouseover")) { + if (setting.check.enable && tools.eqs(target.tagName, "span") && target.getAttribute("treeNode" + consts.id.CHECK) !== null) { + tId = tools.getNodeMainDom(target).id; + nodeEventType = "mouseoverCheck"; + } + } else if (tools.eqs(e.type, "mouseout")) { + if (setting.check.enable && tools.eqs(target.tagName, "span") && target.getAttribute("treeNode" + consts.id.CHECK) !== null) { + tId = tools.getNodeMainDom(target).id; + nodeEventType = "mouseoutCheck"; + } + } else if (tools.eqs(e.type, "click")) { + if (setting.check.enable && tools.eqs(target.tagName, "span") && target.getAttribute("treeNode" + consts.id.CHECK) !== null) { + tId = tools.getNodeMainDom(target).id; + nodeEventType = "checkNode"; + } + } + if (tId.length > 0) { + node = data.getNodeCache(setting, tId); + switch (nodeEventType) { + case "checkNode" : + nodeEventCallback = _handler.onCheckNode; + break; + case "mouseoverCheck" : + nodeEventCallback = _handler.onMouseoverCheck; + break; + case "mouseoutCheck" : + nodeEventCallback = _handler.onMouseoutCheck; + break; + } + } + var proxyResult = { + stop: nodeEventType === "checkNode", + node: node, + nodeEventType: nodeEventType, + nodeEventCallback: nodeEventCallback, + treeEventType: treeEventType, + treeEventCallback: treeEventCallback + }; + return proxyResult + }, + //default init node of excheck + _initNode = function (setting, level, n, parentNode, isFirstNode, isLastNode, openFlag) { + if (!n) return; + var checked = data.nodeChecked(setting, n); + n.checkedOld = checked; + if (typeof n.nocheck == "string") n.nocheck = tools.eqs(n.nocheck, "true"); + n.nocheck = !!n.nocheck || (setting.check.nocheckInherit && parentNode && !!parentNode.nocheck); + if (typeof n.chkDisabled == "string") n.chkDisabled = tools.eqs(n.chkDisabled, "true"); + n.chkDisabled = !!n.chkDisabled || (setting.check.chkDisabledInherit && parentNode && !!parentNode.chkDisabled); + if (typeof n.halfCheck == "string") n.halfCheck = tools.eqs(n.halfCheck, "true"); + n.halfCheck = !!n.halfCheck; + n.check_Child_State = -1; + n.check_Focus = false; + n.getCheckStatus = function () { + return data.getCheckStatus(setting, n); + }; + + if (setting.check.chkStyle == consts.radio.STYLE && setting.check.radioType == consts.radio.TYPE_ALL && checked) { + var r = data.getRoot(setting); + r.radioCheckedList.push(n); + } + }, + //add dom for check + _beforeA = function (setting, node, html) { + if (setting.check.enable) { + data.makeChkFlag(setting, node); + html.push(""); + } + }, + //update zTreeObj, add method of check + _zTreeTools = function (setting, zTreeTools) { + zTreeTools.checkNode = function (node, checked, checkTypeFlag, callbackFlag) { + var nodeChecked = data.nodeChecked(setting, node); + if (node.chkDisabled === true) return; + if (checked !== true && checked !== false) { + checked = !nodeChecked; + } + callbackFlag = !!callbackFlag; + + if (nodeChecked === checked && !checkTypeFlag) { + return; + } else if (callbackFlag && tools.apply(this.setting.callback.beforeCheck, [this.setting.treeId, node], true) == false) { + return; + } + if (tools.uCanDo(this.setting) && this.setting.check.enable && node.nocheck !== true) { + data.nodeChecked(setting, node, checked); + var checkObj = $$(node, consts.id.CHECK, this.setting); + if (checkTypeFlag || this.setting.check.chkStyle === consts.radio.STYLE) view.checkNodeRelation(this.setting, node); + view.setChkClass(this.setting, checkObj, node); + view.repairParentChkClassWithSelf(this.setting, node); + if (callbackFlag) { + this.setting.treeObj.trigger(consts.event.CHECK, [null, this.setting.treeId, node]); + } + } + } + + zTreeTools.checkAllNodes = function (checked) { + view.repairAllChk(this.setting, !!checked); + } + + zTreeTools.getCheckedNodes = function (checked) { + var checked = (checked !== false); + var children = data.nodeChildren(setting, data.getRoot(this.setting)); + return data.getTreeCheckedNodes(this.setting, children, checked); + } + + zTreeTools.getChangeCheckedNodes = function () { + var children = data.nodeChildren(setting, data.getRoot(this.setting)); + return data.getTreeChangeCheckedNodes(this.setting, children); + } + + zTreeTools.setChkDisabled = function (node, disabled, inheritParent, inheritChildren) { + disabled = !!disabled; + inheritParent = !!inheritParent; + inheritChildren = !!inheritChildren; + view.repairSonChkDisabled(this.setting, node, disabled, inheritChildren); + view.repairParentChkDisabled(this.setting, node.getParentNode(), disabled, inheritParent); + } + + var _updateNode = zTreeTools.updateNode; + zTreeTools.updateNode = function (node, checkTypeFlag) { + if (_updateNode) _updateNode.apply(zTreeTools, arguments); + if (!node || !this.setting.check.enable) return; + var nObj = $$(node, this.setting); + if (nObj.get(0) && tools.uCanDo(this.setting)) { + var checkObj = $$(node, consts.id.CHECK, this.setting); + if (checkTypeFlag == true || this.setting.check.chkStyle === consts.radio.STYLE) view.checkNodeRelation(this.setting, node); + view.setChkClass(this.setting, checkObj, node); + view.repairParentChkClassWithSelf(this.setting, node); + } + } + }, + //method of operate data + _data = { + getRadioCheckedList: function (setting) { + var checkedList = data.getRoot(setting).radioCheckedList; + for (var i = 0, j = checkedList.length; i < j; i++) { + if (!data.getNodeCache(setting, checkedList[i].tId)) { + checkedList.splice(i, 1); + i--; + j--; + } + } + return checkedList; + }, + getCheckStatus: function (setting, node) { + if (!setting.check.enable || node.nocheck || node.chkDisabled) return null; + var checked = data.nodeChecked(setting, node), + r = { + checked: checked, + half: node.halfCheck ? node.halfCheck : (setting.check.chkStyle == consts.radio.STYLE ? (node.check_Child_State === 2) : (checked ? (node.check_Child_State > -1 && node.check_Child_State < 2) : (node.check_Child_State > 0))) + }; + return r; + }, + getTreeCheckedNodes: function (setting, nodes, checked, results) { + if (!nodes) return []; + var onlyOne = (checked && setting.check.chkStyle == consts.radio.STYLE && setting.check.radioType == consts.radio.TYPE_ALL); + results = !results ? [] : results; + for (var i = 0, l = nodes.length; i < l; i++) { + var node = nodes[i]; + var children = data.nodeChildren(setting, node); + var nodeChecked = data.nodeChecked(setting, node); + if (node.nocheck !== true && node.chkDisabled !== true && nodeChecked == checked) { + results.push(node); + if (onlyOne) { + break; + } + } + data.getTreeCheckedNodes(setting, children, checked, results); + if (onlyOne && results.length > 0) { + break; + } + } + return results; + }, + getTreeChangeCheckedNodes: function (setting, nodes, results) { + if (!nodes) return []; + results = !results ? [] : results; + for (var i = 0, l = nodes.length; i < l; i++) { + var node = nodes[i]; + var children = data.nodeChildren(setting, node); + var nodeChecked = data.nodeChecked(setting, node); + if (node.nocheck !== true && node.chkDisabled !== true && nodeChecked != node.checkedOld) { + results.push(node); + } + data.getTreeChangeCheckedNodes(setting, children, results); + } + return results; + }, + makeChkFlag: function (setting, node) { + if (!node) return; + var chkFlag = -1; + var children = data.nodeChildren(setting, node); + if (children) { + for (var i = 0, l = children.length; i < l; i++) { + var cNode = children[i]; + var nodeChecked = data.nodeChecked(setting, cNode); + var tmp = -1; + if (setting.check.chkStyle == consts.radio.STYLE) { + if (cNode.nocheck === true || cNode.chkDisabled === true) { + tmp = cNode.check_Child_State; + } else if (cNode.halfCheck === true) { + tmp = 2; + } else if (nodeChecked) { + tmp = 2; + } else { + tmp = cNode.check_Child_State > 0 ? 2 : 0; + } + if (tmp == 2) { + chkFlag = 2; + break; + } else if (tmp == 0) { + chkFlag = 0; + } + } else if (setting.check.chkStyle == consts.checkbox.STYLE) { + if (cNode.nocheck === true || cNode.chkDisabled === true) { + tmp = cNode.check_Child_State; + } else if (cNode.halfCheck === true) { + tmp = 1; + } else if (nodeChecked) { + tmp = (cNode.check_Child_State === -1 || cNode.check_Child_State === 2) ? 2 : 1; + } else { + tmp = (cNode.check_Child_State > 0) ? 1 : 0; + } + if (tmp === 1) { + chkFlag = 1; + break; + } else if (tmp === 2 && chkFlag > -1 && i > 0 && tmp !== chkFlag) { + chkFlag = 1; + break; + } else if (chkFlag === 2 && tmp > -1 && tmp < 2) { + chkFlag = 1; + break; + } else if (tmp > -1) { + chkFlag = tmp; + } + } + } + } + node.check_Child_State = chkFlag; + } + }, + //method of event proxy + _event = {}, + //method of event handler + _handler = { + onCheckNode: function (event, node) { + if (node.chkDisabled === true) return false; + var setting = data.getSetting(event.data.treeId); + if (tools.apply(setting.callback.beforeCheck, [setting.treeId, node], true) == false) return true; + var nodeChecked = data.nodeChecked(setting, node); + data.nodeChecked(setting, node, !nodeChecked); + view.checkNodeRelation(setting, node); + var checkObj = $$(node, consts.id.CHECK, setting); + view.setChkClass(setting, checkObj, node); + view.repairParentChkClassWithSelf(setting, node); + setting.treeObj.trigger(consts.event.CHECK, [event, setting.treeId, node]); + return true; + }, + onMouseoverCheck: function (event, node) { + if (node.chkDisabled === true) return false; + var setting = data.getSetting(event.data.treeId), + checkObj = $$(node, consts.id.CHECK, setting); + node.check_Focus = true; + view.setChkClass(setting, checkObj, node); + return true; + }, + onMouseoutCheck: function (event, node) { + if (node.chkDisabled === true) return false; + var setting = data.getSetting(event.data.treeId), + checkObj = $$(node, consts.id.CHECK, setting); + node.check_Focus = false; + view.setChkClass(setting, checkObj, node); + return true; + } + }, + //method of tools for zTree + _tools = {}, + //method of operate ztree dom + _view = { + checkNodeRelation: function (setting, node) { + var pNode, i, l, + r = consts.radio; + var nodeChecked = data.nodeChecked(setting, node); + if (setting.check.chkStyle == r.STYLE) { + var checkedList = data.getRadioCheckedList(setting); + if (nodeChecked) { + if (setting.check.radioType == r.TYPE_ALL) { + for (i = checkedList.length - 1; i >= 0; i--) { + pNode = checkedList[i]; + var pNodeChecked = data.nodeChecked(setting, pNode); + if (pNodeChecked && pNode != node) { + data.nodeChecked(setting, pNode, false); + checkedList.splice(i, 1); + + view.setChkClass(setting, $$(pNode, consts.id.CHECK, setting), pNode); + if (pNode.parentTId != node.parentTId) { + view.repairParentChkClassWithSelf(setting, pNode); + } + } + } + checkedList.push(node); + } else { + var parentNode = (node.parentTId) ? node.getParentNode() : data.getRoot(setting); + var children = data.nodeChildren(setting, parentNode); + for (i = 0, l = children.length; i < l; i++) { + pNode = children[i]; + var pNodeChecked = data.nodeChecked(setting, pNode); + if (pNodeChecked && pNode != node) { + data.nodeChecked(setting, pNode, false); + view.setChkClass(setting, $$(pNode, consts.id.CHECK, setting), pNode); + } + } + } + } else if (setting.check.radioType == r.TYPE_ALL) { + for (i = 0, l = checkedList.length; i < l; i++) { + if (node == checkedList[i]) { + checkedList.splice(i, 1); + break; + } + } + } + + } else { + var children = data.nodeChildren(setting, node); + if (nodeChecked && (!children || children.length == 0 || setting.check.chkboxType.Y.indexOf("s") > -1)) { + view.setSonNodeCheckBox(setting, node, true); + } + if (!nodeChecked && (!children || children.length == 0 || setting.check.chkboxType.N.indexOf("s") > -1)) { + view.setSonNodeCheckBox(setting, node, false); + } + if (nodeChecked && setting.check.chkboxType.Y.indexOf("p") > -1) { + view.setParentNodeCheckBox(setting, node, true); + } + if (!nodeChecked && setting.check.chkboxType.N.indexOf("p") > -1) { + view.setParentNodeCheckBox(setting, node, false); + } + } + }, + makeChkClass: function (setting, node) { + var c = consts.checkbox, r = consts.radio, + fullStyle = ""; + var nodeChecked = data.nodeChecked(setting, node); + if (node.chkDisabled === true) { + fullStyle = c.DISABLED; + } else if (node.halfCheck) { + fullStyle = c.PART; + } else if (setting.check.chkStyle == r.STYLE) { + fullStyle = (node.check_Child_State < 1) ? c.FULL : c.PART; + } else { + fullStyle = nodeChecked ? ((node.check_Child_State === 2 || node.check_Child_State === -1) ? c.FULL : c.PART) : ((node.check_Child_State < 1) ? c.FULL : c.PART); + } + var chkName = setting.check.chkStyle + "_" + (nodeChecked ? c.TRUE : c.FALSE) + "_" + fullStyle; + chkName = (node.check_Focus && node.chkDisabled !== true) ? chkName + "_" + c.FOCUS : chkName; + return consts.className.BUTTON + " " + c.DEFAULT + " " + chkName; + }, + repairAllChk: function (setting, checked) { + if (setting.check.enable && setting.check.chkStyle === consts.checkbox.STYLE) { + var root = data.getRoot(setting); + var children = data.nodeChildren(setting, root); + for (var i = 0, l = children.length; i < l; i++) { + var node = children[i]; + if (node.nocheck !== true && node.chkDisabled !== true) { + data.nodeChecked(setting, node, checked); + } + view.setSonNodeCheckBox(setting, node, checked); + } + } + }, + repairChkClass: function (setting, node) { + if (!node) return; + data.makeChkFlag(setting, node); + if (node.nocheck !== true) { + var checkObj = $$(node, consts.id.CHECK, setting); + view.setChkClass(setting, checkObj, node); + } + }, + repairParentChkClass: function (setting, node) { + if (!node || !node.parentTId) return; + var pNode = node.getParentNode(); + view.repairChkClass(setting, pNode); + view.repairParentChkClass(setting, pNode); + }, + repairParentChkClassWithSelf: function (setting, node) { + if (!node) return; + var children = data.nodeChildren(setting, node); + if (children && children.length > 0) { + view.repairParentChkClass(setting, children[0]); + } else { + view.repairParentChkClass(setting, node); + } + }, + repairSonChkDisabled: function (setting, node, chkDisabled, inherit) { + if (!node) return; + if (node.chkDisabled != chkDisabled) { + node.chkDisabled = chkDisabled; + } + view.repairChkClass(setting, node); + var children = data.nodeChildren(setting, node); + if (children && inherit) { + for (var i = 0, l = children.length; i < l; i++) { + var sNode = children[i]; + view.repairSonChkDisabled(setting, sNode, chkDisabled, inherit); + } + } + }, + repairParentChkDisabled: function (setting, node, chkDisabled, inherit) { + if (!node) return; + if (node.chkDisabled != chkDisabled && inherit) { + node.chkDisabled = chkDisabled; + } + view.repairChkClass(setting, node); + view.repairParentChkDisabled(setting, node.getParentNode(), chkDisabled, inherit); + }, + setChkClass: function (setting, obj, node) { + if (!obj) return; + if (node.nocheck === true) { + obj.hide(); + } else { + obj.show(); + } + obj.attr('class', view.makeChkClass(setting, node)); + }, + setParentNodeCheckBox: function (setting, node, value, srcNode) { + var checkObj = $$(node, consts.id.CHECK, setting); + if (!srcNode) srcNode = node; + data.makeChkFlag(setting, node); + if (node.nocheck !== true && node.chkDisabled !== true) { + data.nodeChecked(setting, node, value); + view.setChkClass(setting, checkObj, node); + if (setting.check.autoCheckTrigger && node != srcNode) { + setting.treeObj.trigger(consts.event.CHECK, [null, setting.treeId, node]); + } + } + if (node.parentTId) { + var pSign = true; + if (!value) { + var pNodes = data.nodeChildren(setting, node.getParentNode()); + for (var i = 0, l = pNodes.length; i < l; i++) { + var pNode = pNodes[i]; + var nodeChecked = data.nodeChecked(setting, pNode); + if ((pNode.nocheck !== true && pNode.chkDisabled !== true && nodeChecked) + || ((pNode.nocheck === true || pNode.chkDisabled === true) && pNode.check_Child_State > 0)) { + pSign = false; + break; + } + } + } + if (pSign) { + view.setParentNodeCheckBox(setting, node.getParentNode(), value, srcNode); + } + } + }, + setSonNodeCheckBox: function (setting, node, value, srcNode) { + if (!node) return; + var checkObj = $$(node, consts.id.CHECK, setting); + if (!srcNode) srcNode = node; + + var hasDisable = false; + var children = data.nodeChildren(setting, node); + if (children) { + for (var i = 0, l = children.length; i < l; i++) { + var sNode = children[i]; + view.setSonNodeCheckBox(setting, sNode, value, srcNode); + if (sNode.chkDisabled === true) hasDisable = true; + } + } + + if (node != data.getRoot(setting) && node.chkDisabled !== true) { + if (hasDisable && node.nocheck !== true) { + data.makeChkFlag(setting, node); + } + if (node.nocheck !== true && node.chkDisabled !== true) { + data.nodeChecked(setting, node, value); + if (!hasDisable) node.check_Child_State = (children && children.length > 0) ? (value ? 2 : 0) : -1; + } else { + node.check_Child_State = -1; + } + view.setChkClass(setting, checkObj, node); + if (setting.check.autoCheckTrigger && node != srcNode && node.nocheck !== true && node.chkDisabled !== true) { + setting.treeObj.trigger(consts.event.CHECK, [null, setting.treeId, node]); + } + } + + } + }, + + _z = { + tools: _tools, + view: _view, + event: _event, + data: _data + }; + $.extend(true, $.fn.zTree.consts, _consts); + $.extend(true, $.fn.zTree._z, _z); + + var zt = $.fn.zTree, + tools = zt._z.tools, + consts = zt.consts, + view = zt._z.view, + data = zt._z.data, + event = zt._z.event, + $$ = tools.$; + + data.nodeChecked = function (setting, node, newChecked) { + if (!node) { + return false; + } + var key = setting.data.key.checked; + if (typeof newChecked !== 'undefined') { + if (typeof newChecked === "string") { + newChecked = tools.eqs(newChecked, "true"); + } + newChecked = !!newChecked; + node[key] = newChecked; + } else if (typeof node[key] == "string"){ + node[key] = tools.eqs(node[key], "true"); + } else { + node[key] = !!node[key]; + } + return node[key]; + }; + + data.exSetting(_setting); + data.addInitBind(_bindEvent); + data.addInitUnBind(_unbindEvent); + data.addInitCache(_initCache); + data.addInitNode(_initNode); + data.addInitProxy(_eventProxy, true); + data.addInitRoot(_initRoot); + data.addBeforeA(_beforeA); + data.addZTreeTools(_zTreeTools); + + var _createNodes = view.createNodes; + view.createNodes = function (setting, level, nodes, parentNode, index) { + if (_createNodes) _createNodes.apply(view, arguments); + if (!nodes) return; + view.repairParentChkClassWithSelf(setting, parentNode); + } + var _removeNode = view.removeNode; + view.removeNode = function (setting, node) { + var parentNode = node.getParentNode(); + if (_removeNode) _removeNode.apply(view, arguments); + if (!node || !parentNode) return; + view.repairChkClass(setting, parentNode); + view.repairParentChkClass(setting, parentNode); + } + + var _appendNodes = view.appendNodes; + view.appendNodes = function (setting, level, nodes, parentNode, index, initFlag, openFlag) { + var html = ""; + if (_appendNodes) { + html = _appendNodes.apply(view, arguments); + } + if (parentNode) { + data.makeChkFlag(setting, parentNode); + } + return html; + } +})(jQuery); +/* + * JQuery zTree exedit v3.5.40 + * http://treejs.cn/ + * + * Copyright (c) 2010 Hunter.z + * + * Licensed same as jquery - MIT License + * http://www.opensource.org/licenses/mit-license.php + * + * email: hunter.z@263.net + * Date: 2019-01-18 + */ +(function ($) { + //default consts of exedit + var _consts = { + event: { + DRAG: "ztree_drag", + DROP: "ztree_drop", + RENAME: "ztree_rename", + DRAGMOVE: "ztree_dragmove" + }, + id: { + EDIT: "_edit", + INPUT: "_input", + REMOVE: "_remove" + }, + move: { + TYPE_INNER: "inner", + TYPE_PREV: "prev", + TYPE_NEXT: "next" + }, + node: { + CURSELECTED_EDIT: "curSelectedNode_Edit", + TMPTARGET_TREE: "tmpTargetzTree", + TMPTARGET_NODE: "tmpTargetNode" + } + }, + //default setting of exedit + _setting = { + edit: { + enable: false, + editNameSelectAll: false, + showRemoveBtn: true, + showRenameBtn: true, + removeTitle: "remove", + renameTitle: "rename", + drag: { + autoExpandTrigger: false, + isCopy: true, + isMove: true, + prev: true, + next: true, + inner: true, + minMoveSize: 5, + borderMax: 10, + borderMin: -5, + maxShowNodeNum: 5, + autoOpenTime: 500 + } + }, + view: { + addHoverDom: null, + removeHoverDom: null + }, + callback: { + beforeDrag: null, + beforeDragOpen: null, + beforeDrop: null, + beforeEditName: null, + beforeRename: null, + onDrag: null, + onDragMove: null, + onDrop: null, + onRename: null + } + }, + //default root of exedit + _initRoot = function (setting) { + var r = data.getRoot(setting), rs = data.getRoots(); + r.curEditNode = null; + r.curEditInput = null; + r.curHoverNode = null; + r.dragFlag = 0; + r.dragNodeShowBefore = []; + r.dragMaskList = new Array(); + rs.showHoverDom = true; + }, + //default cache of exedit + _initCache = function (treeId) { + }, + //default bind event of exedit + _bindEvent = function (setting) { + var o = setting.treeObj; + var c = consts.event; + o.bind(c.RENAME, function (event, treeId, treeNode, isCancel) { + tools.apply(setting.callback.onRename, [event, treeId, treeNode, isCancel]); + }); + + o.bind(c.DRAG, function (event, srcEvent, treeId, treeNodes) { + tools.apply(setting.callback.onDrag, [srcEvent, treeId, treeNodes]); + }); + + o.bind(c.DRAGMOVE, function (event, srcEvent, treeId, treeNodes) { + tools.apply(setting.callback.onDragMove, [srcEvent, treeId, treeNodes]); + }); + + o.bind(c.DROP, function (event, srcEvent, treeId, treeNodes, targetNode, moveType, isCopy) { + tools.apply(setting.callback.onDrop, [srcEvent, treeId, treeNodes, targetNode, moveType, isCopy]); + }); + }, + _unbindEvent = function (setting) { + var o = setting.treeObj; + var c = consts.event; + o.unbind(c.RENAME); + o.unbind(c.DRAG); + o.unbind(c.DRAGMOVE); + o.unbind(c.DROP); + }, + //default event proxy of exedit + _eventProxy = function (e) { + var target = e.target, + setting = data.getSetting(e.data.treeId), + relatedTarget = e.relatedTarget, + tId = "", node = null, + nodeEventType = "", treeEventType = "", + nodeEventCallback = null, treeEventCallback = null, + tmp = null; + + if (tools.eqs(e.type, "mouseover")) { + tmp = tools.getMDom(setting, target, [{tagName: "a", attrName: "treeNode" + consts.id.A}]); + if (tmp) { + tId = tools.getNodeMainDom(tmp).id; + nodeEventType = "hoverOverNode"; + } + } else if (tools.eqs(e.type, "mouseout")) { + tmp = tools.getMDom(setting, relatedTarget, [{tagName: "a", attrName: "treeNode" + consts.id.A}]); + if (!tmp) { + tId = "remove"; + nodeEventType = "hoverOutNode"; + } + } else if (tools.eqs(e.type, "mousedown")) { + tmp = tools.getMDom(setting, target, [{tagName: "a", attrName: "treeNode" + consts.id.A}]); + if (tmp) { + tId = tools.getNodeMainDom(tmp).id; + nodeEventType = "mousedownNode"; + } + } + if (tId.length > 0) { + node = data.getNodeCache(setting, tId); + switch (nodeEventType) { + case "mousedownNode" : + nodeEventCallback = _handler.onMousedownNode; + break; + case "hoverOverNode" : + nodeEventCallback = _handler.onHoverOverNode; + break; + case "hoverOutNode" : + nodeEventCallback = _handler.onHoverOutNode; + break; + } + } + var proxyResult = { + stop: false, + node: node, + nodeEventType: nodeEventType, + nodeEventCallback: nodeEventCallback, + treeEventType: treeEventType, + treeEventCallback: treeEventCallback + }; + return proxyResult + }, + //default init node of exedit + _initNode = function (setting, level, n, parentNode, isFirstNode, isLastNode, openFlag) { + if (!n) return; + n.isHover = false; + n.editNameFlag = false; + }, + //update zTreeObj, add method of edit + _zTreeTools = function (setting, zTreeTools) { + zTreeTools.cancelEditName = function (newName) { + var root = data.getRoot(this.setting); + if (!root.curEditNode) return; + view.cancelCurEditNode(this.setting, newName ? newName : null, true); + } + zTreeTools.copyNode = function (targetNode, node, moveType, isSilent) { + if (!node) return null; + var isParent = data.nodeIsParent(setting, targetNode); + if (targetNode && !isParent && this.setting.data.keep.leaf && moveType === consts.move.TYPE_INNER) return null; + var _this = this, + newNode = tools.clone(node); + if (!targetNode) { + targetNode = null; + moveType = consts.move.TYPE_INNER; + } + if (moveType == consts.move.TYPE_INNER) { + function copyCallback() { + view.addNodes(_this.setting, targetNode, -1, [newNode], isSilent); + } + + if (tools.canAsync(this.setting, targetNode)) { + view.asyncNode(this.setting, targetNode, isSilent, copyCallback); + } else { + copyCallback(); + } + } else { + view.addNodes(this.setting, targetNode.parentNode, -1, [newNode], isSilent); + view.moveNode(this.setting, targetNode, newNode, moveType, false, isSilent); + } + return newNode; + } + zTreeTools.editName = function (node) { + if (!node || !node.tId || node !== data.getNodeCache(this.setting, node.tId)) return; + if (node.parentTId) view.expandCollapseParentNode(this.setting, node.getParentNode(), true); + view.editNode(this.setting, node) + } + zTreeTools.moveNode = function (targetNode, node, moveType, isSilent) { + if (!node) return node; + var isParent = data.nodeIsParent(setting, targetNode); + if (targetNode && !isParent && this.setting.data.keep.leaf && moveType === consts.move.TYPE_INNER) { + return null; + } else if (targetNode && ((node.parentTId == targetNode.tId && moveType == consts.move.TYPE_INNER) || $$(node, this.setting).find("#" + targetNode.tId).length > 0)) { + return null; + } else if (!targetNode) { + targetNode = null; + } + var _this = this; + + function moveCallback() { + view.moveNode(_this.setting, targetNode, node, moveType, false, isSilent); + } + + if (tools.canAsync(this.setting, targetNode) && moveType === consts.move.TYPE_INNER) { + view.asyncNode(this.setting, targetNode, isSilent, moveCallback); + } else { + moveCallback(); + } + return node; + } + zTreeTools.setEditable = function (editable) { + this.setting.edit.enable = editable; + return this.refresh(); + } + }, + //method of operate data + _data = { + setSonNodeLevel: function (setting, parentNode, node) { + if (!node) return; + var children = data.nodeChildren(setting, node); + node.level = (parentNode) ? parentNode.level + 1 : 0; + if (!children) return; + for (var i = 0, l = children.length; i < l; i++) { + if (children[i]) data.setSonNodeLevel(setting, node, children[i]); + } + } + }, + //method of event proxy + _event = {}, + //method of event handler + _handler = { + onHoverOverNode: function (event, node) { + var setting = data.getSetting(event.data.treeId), + root = data.getRoot(setting); + if (root.curHoverNode != node) { + _handler.onHoverOutNode(event); + } + root.curHoverNode = node; + view.addHoverDom(setting, node); + }, + onHoverOutNode: function (event, node) { + var setting = data.getSetting(event.data.treeId), + root = data.getRoot(setting); + if (root.curHoverNode && !data.isSelectedNode(setting, root.curHoverNode)) { + view.removeTreeDom(setting, root.curHoverNode); + root.curHoverNode = null; + } + }, + onMousedownNode: function (eventMouseDown, _node) { + var i, l, + setting = data.getSetting(eventMouseDown.data.treeId), + root = data.getRoot(setting), roots = data.getRoots(); + //right click can't drag & drop + if (eventMouseDown.button == 2 || !setting.edit.enable || (!setting.edit.drag.isCopy && !setting.edit.drag.isMove)) return true; + + //input of edit node name can't drag & drop + var target = eventMouseDown.target, + _nodes = data.getRoot(setting).curSelectedList, + nodes = []; + if (!data.isSelectedNode(setting, _node)) { + nodes = [_node]; + } else { + for (i = 0, l = _nodes.length; i < l; i++) { + if (_nodes[i].editNameFlag && tools.eqs(target.tagName, "input") && target.getAttribute("treeNode" + consts.id.INPUT) !== null) { + return true; + } + nodes.push(_nodes[i]); + if (nodes[0].parentTId !== _nodes[i].parentTId) { + nodes = [_node]; + break; + } + } + } + + view.editNodeBlur = true; + view.cancelCurEditNode(setting); + + var doc = $(setting.treeObj.get(0).ownerDocument), + body = $(setting.treeObj.get(0).ownerDocument.body), curNode, tmpArrow, tmpTarget, + isOtherTree = false, + targetSetting = setting, + sourceSetting = setting, + preNode, nextNode, + preTmpTargetNodeId = null, + preTmpMoveType = null, + tmpTargetNodeId = null, + moveType = consts.move.TYPE_INNER, + mouseDownX = eventMouseDown.clientX, + mouseDownY = eventMouseDown.clientY, + startTime = (new Date()).getTime(); + + if (tools.uCanDo(setting)) { + doc.bind("mousemove", _docMouseMove); + } + + function _docMouseMove(event) { + //avoid start drag after click node + if (root.dragFlag == 0 && Math.abs(mouseDownX - event.clientX) < setting.edit.drag.minMoveSize + && Math.abs(mouseDownY - event.clientY) < setting.edit.drag.minMoveSize) { + return true; + } + var i, l, tmpNode, tmpDom, tmpNodes; + body.css("cursor", "pointer"); + + if (root.dragFlag == 0) { + if (tools.apply(setting.callback.beforeDrag, [setting.treeId, nodes], true) == false) { + _docMouseUp(event); + return true; + } + + for (i = 0, l = nodes.length; i < l; i++) { + if (i == 0) { + root.dragNodeShowBefore = []; + } + tmpNode = nodes[i]; + if (data.nodeIsParent(setting, tmpNode) && tmpNode.open) { + view.expandCollapseNode(setting, tmpNode, !tmpNode.open); + root.dragNodeShowBefore[tmpNode.tId] = true; + } else { + root.dragNodeShowBefore[tmpNode.tId] = false; + } + } + + root.dragFlag = 1; + roots.showHoverDom = false; + tools.showIfameMask(setting, true); + + //sort + var isOrder = true, lastIndex = -1; + if (nodes.length > 1) { + var pNodes = nodes[0].parentTId ? data.nodeChildren(setting, nodes[0].getParentNode()) : data.getNodes(setting); + tmpNodes = []; + for (i = 0, l = pNodes.length; i < l; i++) { + if (root.dragNodeShowBefore[pNodes[i].tId] !== undefined) { + if (isOrder && lastIndex > -1 && (lastIndex + 1) !== i) { + isOrder = false; + } + tmpNodes.push(pNodes[i]); + lastIndex = i; + } + if (nodes.length === tmpNodes.length) { + nodes = tmpNodes; + break; + } + } + } + if (isOrder) { + preNode = nodes[0].getPreNode(); + nextNode = nodes[nodes.length - 1].getNextNode(); + } + + //set node in selected + curNode = $$("
                                                                                                                                                                                                                                                                                                                  ", setting); + for (i = 0, l = nodes.length; i < l; i++) { + tmpNode = nodes[i]; + tmpNode.editNameFlag = false; + view.selectNode(setting, tmpNode, i > 0); + view.removeTreeDom(setting, tmpNode); + + if (i > setting.edit.drag.maxShowNodeNum - 1) { + continue; + } + + tmpDom = $$("
                                                                                                                                                                                                                                                                                                                • ", setting); + tmpDom.append($$(tmpNode, consts.id.A, setting).clone()); + tmpDom.css("padding", "0"); + tmpDom.children("#" + tmpNode.tId + consts.id.A).removeClass(consts.node.CURSELECTED); + curNode.append(tmpDom); + if (i == setting.edit.drag.maxShowNodeNum - 1) { + tmpDom = $$("
                                                                                                                                                                                                                                                                                                                • ...
                                                                                                                                                                                                                                                                                                                  • ", setting); + curNode.append(tmpDom); + } + } + curNode.attr("id", nodes[0].tId + consts.id.UL + "_tmp"); + curNode.addClass(setting.treeObj.attr("class")); + curNode.appendTo(body); + + tmpArrow = $$("", setting); + tmpArrow.attr("id", "zTreeMove_arrow_tmp"); + tmpArrow.appendTo(body); + + setting.treeObj.trigger(consts.event.DRAG, [event, setting.treeId, nodes]); + } + + if (root.dragFlag == 1) { + if (tmpTarget && tmpArrow.attr("id") == event.target.id && tmpTargetNodeId && (event.clientX + doc.scrollLeft() + 2) > ($("#" + tmpTargetNodeId + consts.id.A, tmpTarget).offset().left)) { + var xT = $("#" + tmpTargetNodeId + consts.id.A, tmpTarget); + event.target = (xT.length > 0) ? xT.get(0) : event.target; + } else if (tmpTarget) { + tmpTarget.removeClass(consts.node.TMPTARGET_TREE); + if (tmpTargetNodeId) $("#" + tmpTargetNodeId + consts.id.A, tmpTarget).removeClass(consts.node.TMPTARGET_NODE + "_" + consts.move.TYPE_PREV) + .removeClass(consts.node.TMPTARGET_NODE + "_" + _consts.move.TYPE_NEXT).removeClass(consts.node.TMPTARGET_NODE + "_" + _consts.move.TYPE_INNER); + } + tmpTarget = null; + tmpTargetNodeId = null; + + //judge drag & drop in multi ztree + isOtherTree = false; + targetSetting = setting; + var settings = data.getSettings(); + for (var s in settings) { + if (settings[s].treeId && settings[s].edit.enable && settings[s].treeId != setting.treeId + && (event.target.id == settings[s].treeId || $(event.target).parents("#" + settings[s].treeId).length > 0)) { + isOtherTree = true; + targetSetting = settings[s]; + } + } + + var docScrollTop = doc.scrollTop(), + docScrollLeft = doc.scrollLeft(), + treeOffset = targetSetting.treeObj.offset(), + scrollHeight = targetSetting.treeObj.get(0).scrollHeight, + scrollWidth = targetSetting.treeObj.get(0).scrollWidth, + dTop = (event.clientY + docScrollTop - treeOffset.top), + dBottom = (targetSetting.treeObj.height() + treeOffset.top - event.clientY - docScrollTop), + dLeft = (event.clientX + docScrollLeft - treeOffset.left), + dRight = (targetSetting.treeObj.width() + treeOffset.left - event.clientX - docScrollLeft), + isTop = (dTop < setting.edit.drag.borderMax && dTop > setting.edit.drag.borderMin), + isBottom = (dBottom < setting.edit.drag.borderMax && dBottom > setting.edit.drag.borderMin), + isLeft = (dLeft < setting.edit.drag.borderMax && dLeft > setting.edit.drag.borderMin), + isRight = (dRight < setting.edit.drag.borderMax && dRight > setting.edit.drag.borderMin), + isTreeInner = dTop > setting.edit.drag.borderMin && dBottom > setting.edit.drag.borderMin && dLeft > setting.edit.drag.borderMin && dRight > setting.edit.drag.borderMin, + isTreeTop = (isTop && targetSetting.treeObj.scrollTop() <= 0), + isTreeBottom = (isBottom && (targetSetting.treeObj.scrollTop() + targetSetting.treeObj.height() + 10) >= scrollHeight), + isTreeLeft = (isLeft && targetSetting.treeObj.scrollLeft() <= 0), + isTreeRight = (isRight && (targetSetting.treeObj.scrollLeft() + targetSetting.treeObj.width() + 10) >= scrollWidth); + + if (event.target && tools.isChildOrSelf(event.target, targetSetting.treeId)) { + //get node
                                                                                                                                                                                                                                                                                                                • dom + var targetObj = event.target; + while (targetObj && targetObj.tagName && !tools.eqs(targetObj.tagName, "li") && targetObj.id != targetSetting.treeId) { + targetObj = targetObj.parentNode; + } + + var canMove = true; + //don't move to self or children of self + for (i = 0, l = nodes.length; i < l; i++) { + tmpNode = nodes[i]; + if (targetObj.id === tmpNode.tId) { + canMove = false; + break; + } else if ($$(tmpNode, setting).find("#" + targetObj.id).length > 0) { + canMove = false; + break; + } + } + if (canMove && event.target && tools.isChildOrSelf(event.target, targetObj.id + consts.id.A)) { + tmpTarget = $(targetObj); + tmpTargetNodeId = targetObj.id; + } + } + + //the mouse must be in zTree + tmpNode = nodes[0]; + if (isTreeInner && tools.isChildOrSelf(event.target, targetSetting.treeId)) { + //judge mouse move in root of ztree + if (!tmpTarget && (event.target.id == targetSetting.treeId || isTreeTop || isTreeBottom || isTreeLeft || isTreeRight) && (isOtherTree || (!isOtherTree && tmpNode.parentTId))) { + tmpTarget = targetSetting.treeObj; + } + //auto scroll top + if (isTop) { + targetSetting.treeObj.scrollTop(targetSetting.treeObj.scrollTop() - 10); + } else if (isBottom) { + targetSetting.treeObj.scrollTop(targetSetting.treeObj.scrollTop() + 10); + } + if (isLeft) { + targetSetting.treeObj.scrollLeft(targetSetting.treeObj.scrollLeft() - 10); + } else if (isRight) { + targetSetting.treeObj.scrollLeft(targetSetting.treeObj.scrollLeft() + 10); + } + //auto scroll left + if (tmpTarget && tmpTarget != targetSetting.treeObj && tmpTarget.offset().left < targetSetting.treeObj.offset().left) { + targetSetting.treeObj.scrollLeft(targetSetting.treeObj.scrollLeft() + tmpTarget.offset().left - targetSetting.treeObj.offset().left); + } + } + + curNode.css({ + "top": (event.clientY + docScrollTop + 3) + "px", + "left": (event.clientX + docScrollLeft + 3) + "px" + }); + + var dX = 0; + var dY = 0; + if (tmpTarget && tmpTarget.attr("id") != targetSetting.treeId) { + var tmpTargetNode = tmpTargetNodeId == null ? null : data.getNodeCache(targetSetting, tmpTargetNodeId), + isCopy = ((event.ctrlKey || event.metaKey) && setting.edit.drag.isMove && setting.edit.drag.isCopy) || (!setting.edit.drag.isMove && setting.edit.drag.isCopy), + isPrev = !!(preNode && tmpTargetNodeId === preNode.tId), + isNext = !!(nextNode && tmpTargetNodeId === nextNode.tId), + isInner = (tmpNode.parentTId && tmpNode.parentTId == tmpTargetNodeId), + canPrev = (isCopy || !isNext) && tools.apply(targetSetting.edit.drag.prev, [targetSetting.treeId, nodes, tmpTargetNode], !!targetSetting.edit.drag.prev), + canNext = (isCopy || !isPrev) && tools.apply(targetSetting.edit.drag.next, [targetSetting.treeId, nodes, tmpTargetNode], !!targetSetting.edit.drag.next), + canInner = (isCopy || !isInner) && !(targetSetting.data.keep.leaf && !data.nodeIsParent(setting, tmpTargetNode)) && tools.apply(targetSetting.edit.drag.inner, [targetSetting.treeId, nodes, tmpTargetNode], !!targetSetting.edit.drag.inner); + + function clearMove() { + tmpTarget = null; + tmpTargetNodeId = ""; + moveType = consts.move.TYPE_INNER; + tmpArrow.css({ + "display": "none" + }); + if (window.zTreeMoveTimer) { + clearTimeout(window.zTreeMoveTimer); + window.zTreeMoveTargetNodeTId = null + } + } + + if (!canPrev && !canNext && !canInner) { + clearMove(); + } else { + var tmpTargetA = $("#" + tmpTargetNodeId + consts.id.A, tmpTarget), + tmpNextA = tmpTargetNode.isLastNode ? null : $("#" + tmpTargetNode.getNextNode().tId + consts.id.A, tmpTarget.next()), + tmpTop = tmpTargetA.offset().top, + tmpLeft = tmpTargetA.offset().left, + prevPercent = canPrev ? (canInner ? 0.25 : (canNext ? 0.5 : 1)) : -1, + nextPercent = canNext ? (canInner ? 0.75 : (canPrev ? 0.5 : 0)) : -1, + dY_percent = (event.clientY + docScrollTop - tmpTop) / tmpTargetA.height(); + + if ((prevPercent == 1 || dY_percent <= prevPercent && dY_percent >= -.2) && canPrev) { + dX = 1 - tmpArrow.width(); + dY = tmpTop - tmpArrow.height() / 2; + moveType = consts.move.TYPE_PREV; + } else if ((nextPercent == 0 || dY_percent >= nextPercent && dY_percent <= 1.2) && canNext) { + dX = 1 - tmpArrow.width(); + dY = (tmpNextA == null || (data.nodeIsParent(setting, tmpTargetNode) && tmpTargetNode.open)) ? (tmpTop + tmpTargetA.height() - tmpArrow.height() / 2) : (tmpNextA.offset().top - tmpArrow.height() / 2); + moveType = consts.move.TYPE_NEXT; + } else if (canInner) { + dX = 5 - tmpArrow.width(); + dY = tmpTop; + moveType = consts.move.TYPE_INNER; + } else { + clearMove(); + } + + if (tmpTarget) { + tmpArrow.css({ + "display": "block", + "top": dY + "px", + "left": (tmpLeft + dX) + "px" + }); + tmpTargetA.addClass(consts.node.TMPTARGET_NODE + "_" + moveType); + + if (preTmpTargetNodeId != tmpTargetNodeId || preTmpMoveType != moveType) { + startTime = (new Date()).getTime(); + } + if (tmpTargetNode && data.nodeIsParent(setting, tmpTargetNode) && moveType == consts.move.TYPE_INNER) { + var startTimer = true; + if (window.zTreeMoveTimer && window.zTreeMoveTargetNodeTId !== tmpTargetNode.tId) { + clearTimeout(window.zTreeMoveTimer); + window.zTreeMoveTargetNodeTId = null; + } else if (window.zTreeMoveTimer && window.zTreeMoveTargetNodeTId === tmpTargetNode.tId) { + startTimer = false; + } + if (startTimer) { + window.zTreeMoveTimer = setTimeout(function () { + if (moveType != consts.move.TYPE_INNER) return; + if (tmpTargetNode && data.nodeIsParent(setting, tmpTargetNode) && !tmpTargetNode.open && (new Date()).getTime() - startTime > targetSetting.edit.drag.autoOpenTime + && tools.apply(targetSetting.callback.beforeDragOpen, [targetSetting.treeId, tmpTargetNode], true)) { + view.switchNode(targetSetting, tmpTargetNode); + if (targetSetting.edit.drag.autoExpandTrigger) { + targetSetting.treeObj.trigger(consts.event.EXPAND, [targetSetting.treeId, tmpTargetNode]); + } + } + }, targetSetting.edit.drag.autoOpenTime + 50); + window.zTreeMoveTargetNodeTId = tmpTargetNode.tId; + } + } + } + } + } else { + moveType = consts.move.TYPE_INNER; + if (tmpTarget && tools.apply(targetSetting.edit.drag.inner, [targetSetting.treeId, nodes, null], !!targetSetting.edit.drag.inner)) { + tmpTarget.addClass(consts.node.TMPTARGET_TREE); + } else { + tmpTarget = null; + } + tmpArrow.css({ + "display": "none" + }); + if (window.zTreeMoveTimer) { + clearTimeout(window.zTreeMoveTimer); + window.zTreeMoveTargetNodeTId = null; + } + } + preTmpTargetNodeId = tmpTargetNodeId; + preTmpMoveType = moveType; + + setting.treeObj.trigger(consts.event.DRAGMOVE, [event, setting.treeId, nodes]); + } + return false; + } + + doc.bind("mouseup", _docMouseUp); + + function _docMouseUp(event) { + if (window.zTreeMoveTimer) { + clearTimeout(window.zTreeMoveTimer); + window.zTreeMoveTargetNodeTId = null; + } + preTmpTargetNodeId = null; + preTmpMoveType = null; + doc.unbind("mousemove", _docMouseMove); + doc.unbind("mouseup", _docMouseUp); + doc.unbind("selectstart", _docSelect); + body.css("cursor", ""); + if (tmpTarget) { + tmpTarget.removeClass(consts.node.TMPTARGET_TREE); + if (tmpTargetNodeId) $("#" + tmpTargetNodeId + consts.id.A, tmpTarget).removeClass(consts.node.TMPTARGET_NODE + "_" + consts.move.TYPE_PREV) + .removeClass(consts.node.TMPTARGET_NODE + "_" + _consts.move.TYPE_NEXT).removeClass(consts.node.TMPTARGET_NODE + "_" + _consts.move.TYPE_INNER); + } + tools.showIfameMask(setting, false); + + roots.showHoverDom = true; + if (root.dragFlag == 0) return; + root.dragFlag = 0; + + var i, l, tmpNode; + for (i = 0, l = nodes.length; i < l; i++) { + tmpNode = nodes[i]; + if (data.nodeIsParent(setting, tmpNode) && root.dragNodeShowBefore[tmpNode.tId] && !tmpNode.open) { + view.expandCollapseNode(setting, tmpNode, !tmpNode.open); + delete root.dragNodeShowBefore[tmpNode.tId]; + } + } + + if (curNode) curNode.remove(); + if (tmpArrow) tmpArrow.remove(); + + var isCopy = ((event.ctrlKey || event.metaKey) && setting.edit.drag.isMove && setting.edit.drag.isCopy) || (!setting.edit.drag.isMove && setting.edit.drag.isCopy); + if (!isCopy && tmpTarget && tmpTargetNodeId && nodes[0].parentTId && tmpTargetNodeId == nodes[0].parentTId && moveType == consts.move.TYPE_INNER) { + tmpTarget = null; + } + if (tmpTarget) { + var dragTargetNode = tmpTargetNodeId == null ? null : data.getNodeCache(targetSetting, tmpTargetNodeId); + if (tools.apply(setting.callback.beforeDrop, [targetSetting.treeId, nodes, dragTargetNode, moveType, isCopy], true) == false) { + view.selectNodes(sourceSetting, nodes); + return; + } + var newNodes = isCopy ? tools.clone(nodes) : nodes; + + function dropCallback() { + if (isOtherTree) { + if (!isCopy) { + for (var i = 0, l = nodes.length; i < l; i++) { + view.removeNode(setting, nodes[i]); + } + } + if (moveType == consts.move.TYPE_INNER) { + view.addNodes(targetSetting, dragTargetNode, -1, newNodes); + } else { + view.addNodes(targetSetting, dragTargetNode.getParentNode(), moveType == consts.move.TYPE_PREV ? dragTargetNode.getIndex() : dragTargetNode.getIndex() + 1, newNodes); + } + } else { + if (isCopy && moveType == consts.move.TYPE_INNER) { + view.addNodes(targetSetting, dragTargetNode, -1, newNodes); + } else if (isCopy) { + view.addNodes(targetSetting, dragTargetNode.getParentNode(), moveType == consts.move.TYPE_PREV ? dragTargetNode.getIndex() : dragTargetNode.getIndex() + 1, newNodes); + } else { + if (moveType != consts.move.TYPE_NEXT) { + for (i = 0, l = newNodes.length; i < l; i++) { + view.moveNode(targetSetting, dragTargetNode, newNodes[i], moveType, false); + } + } else { + for (i = -1, l = newNodes.length - 1; i < l; l--) { + view.moveNode(targetSetting, dragTargetNode, newNodes[l], moveType, false); + } + } + } + } + view.selectNodes(targetSetting, newNodes); + + var a = $$(newNodes[0], setting).get(0); + view.scrollIntoView(setting, a); + + setting.treeObj.trigger(consts.event.DROP, [event, targetSetting.treeId, newNodes, dragTargetNode, moveType, isCopy]); + } + + if (moveType == consts.move.TYPE_INNER && tools.canAsync(targetSetting, dragTargetNode)) { + view.asyncNode(targetSetting, dragTargetNode, false, dropCallback); + } else { + dropCallback(); + } + + } else { + view.selectNodes(sourceSetting, nodes); + setting.treeObj.trigger(consts.event.DROP, [event, setting.treeId, nodes, null, null, null]); + } + } + + doc.bind("selectstart", _docSelect); + + function _docSelect() { + return false; + } + + // 2018-03-30 FireFox has fixed this issue. + //Avoid FireFox's Bug + //If zTree Div CSS set 'overflow', so drag node outside of zTree, and event.target is error. + // if(eventMouseDown.preventDefault) { + // eventMouseDown.preventDefault(); + // } + return true; + } + }, + //method of tools for zTree + _tools = { + getAbs: function (obj) { + var oRect = obj.getBoundingClientRect(), + scrollTop = document.body.scrollTop + document.documentElement.scrollTop, + scrollLeft = document.body.scrollLeft + document.documentElement.scrollLeft; + return [oRect.left + scrollLeft, oRect.top + scrollTop]; + }, + inputFocus: function (inputObj) { + if (inputObj.get(0)) { + inputObj.focus(); + tools.setCursorPosition(inputObj.get(0), inputObj.val().length); + } + }, + inputSelect: function (inputObj) { + if (inputObj.get(0)) { + inputObj.focus(); + inputObj.select(); + } + }, + setCursorPosition: function (obj, pos) { + if (obj.setSelectionRange) { + obj.focus(); + obj.setSelectionRange(pos, pos); + } else if (obj.createTextRange) { + var range = obj.createTextRange(); + range.collapse(true); + range.moveEnd('character', pos); + range.moveStart('character', pos); + range.select(); + } + }, + showIfameMask: function (setting, showSign) { + var root = data.getRoot(setting); + //clear full mask + while (root.dragMaskList.length > 0) { + root.dragMaskList[0].remove(); + root.dragMaskList.shift(); + } + if (showSign) { + //show mask + var iframeList = $$("iframe", setting); + for (var i = 0, l = iframeList.length; i < l; i++) { + var obj = iframeList.get(i), + r = tools.getAbs(obj), + dragMask = $$("
                                                                                                                                                                                                                                                                                                                  ", setting); + dragMask.appendTo($$("body", setting)); + root.dragMaskList.push(dragMask); + } + } + } + }, + //method of operate ztree dom + _view = { + addEditBtn: function (setting, node) { + if (node.editNameFlag || $$(node, consts.id.EDIT, setting).length > 0) { + return; + } + if (!tools.apply(setting.edit.showRenameBtn, [setting.treeId, node], setting.edit.showRenameBtn)) { + return; + } + var aObj = $$(node, consts.id.A, setting), + editStr = ""; + aObj.append(editStr); + + $$(node, consts.id.EDIT, setting).bind('click', + function () { + if (!tools.uCanDo(setting) || tools.apply(setting.callback.beforeEditName, [setting.treeId, node], true) == false) return false; + view.editNode(setting, node); + return false; + } + ).show(); + }, + addRemoveBtn: function (setting, node) { + if (node.editNameFlag || $$(node, consts.id.REMOVE, setting).length > 0) { + return; + } + if (!tools.apply(setting.edit.showRemoveBtn, [setting.treeId, node], setting.edit.showRemoveBtn)) { + return; + } + var aObj = $$(node, consts.id.A, setting), + removeStr = ""; + aObj.append(removeStr); + + $$(node, consts.id.REMOVE, setting).bind('click', + function () { + if (!tools.uCanDo(setting) || tools.apply(setting.callback.beforeRemove, [setting.treeId, node], true) == false) return false; + view.removeNode(setting, node); + setting.treeObj.trigger(consts.event.REMOVE, [setting.treeId, node]); + return false; + } + ).bind('mousedown', + function (eventMouseDown) { + return true; + } + ).show(); + }, + addHoverDom: function (setting, node) { + if (data.getRoots().showHoverDom) { + node.isHover = true; + if (setting.edit.enable) { + view.addEditBtn(setting, node); + view.addRemoveBtn(setting, node); + } + tools.apply(setting.view.addHoverDom, [setting.treeId, node]); + } + }, + cancelCurEditNode: function (setting, forceName, isCancel) { + var root = data.getRoot(setting), + node = root.curEditNode; + + if (node) { + var inputObj = root.curEditInput, + newName = forceName ? forceName : (isCancel ? data.nodeName(setting, node) : inputObj.val()); + if (tools.apply(setting.callback.beforeRename, [setting.treeId, node, newName, isCancel], true) === false) { + return false; + } + data.nodeName(setting, node, newName); + var aObj = $$(node, consts.id.A, setting); + aObj.removeClass(consts.node.CURSELECTED_EDIT); + inputObj.unbind(); + view.setNodeName(setting, node); + node.editNameFlag = false; + root.curEditNode = null; + root.curEditInput = null; + view.selectNode(setting, node, false); + setting.treeObj.trigger(consts.event.RENAME, [setting.treeId, node, isCancel]); + } + root.noSelection = true; + return true; + }, + editNode: function (setting, node) { + var root = data.getRoot(setting); + view.editNodeBlur = false; + if (data.isSelectedNode(setting, node) && root.curEditNode == node && node.editNameFlag) { + setTimeout(function () { + tools.inputFocus(root.curEditInput); + }, 0); + return; + } + node.editNameFlag = true; + view.removeTreeDom(setting, node); + view.cancelCurEditNode(setting); + view.selectNode(setting, node, false); + $$(node, consts.id.SPAN, setting).html(""); + var inputObj = $$(node, consts.id.INPUT, setting); + inputObj.attr("value", data.nodeName(setting, node)); + if (setting.edit.editNameSelectAll) { + tools.inputSelect(inputObj); + } else { + tools.inputFocus(inputObj); + } + + inputObj.bind('blur', function (event) { + if (!view.editNodeBlur) { + view.cancelCurEditNode(setting); + } + }).bind('keydown', function (event) { + if (event.keyCode == "13") { + view.editNodeBlur = true; + view.cancelCurEditNode(setting); + } else if (event.keyCode == "27") { + view.cancelCurEditNode(setting, null, true); + } + }).bind('click', function (event) { + return false; + }).bind('dblclick', function (event) { + return false; + }); + + $$(node, consts.id.A, setting).addClass(consts.node.CURSELECTED_EDIT); + root.curEditInput = inputObj; + root.noSelection = false; + root.curEditNode = node; + }, + moveNode: function (setting, targetNode, node, moveType, animateFlag, isSilent) { + var root = data.getRoot(setting); + if (targetNode == node) return; + if (setting.data.keep.leaf && targetNode && !data.nodeIsParent(setting, targetNode) && moveType == consts.move.TYPE_INNER) return; + var oldParentNode = (node.parentTId ? node.getParentNode() : root), + targetNodeIsRoot = (targetNode === null || targetNode == root); + if (targetNodeIsRoot && targetNode === null) targetNode = root; + if (targetNodeIsRoot) moveType = consts.move.TYPE_INNER; + var targetParentNode = (targetNode.parentTId ? targetNode.getParentNode() : root); + + if (moveType != consts.move.TYPE_PREV && moveType != consts.move.TYPE_NEXT) { + moveType = consts.move.TYPE_INNER; + } + + if (moveType == consts.move.TYPE_INNER) { + if (targetNodeIsRoot) { + //parentTId of root node is null + node.parentTId = null; + } else { + if (!data.nodeIsParent(setting, targetNode)) { + data.nodeIsParent(setting, targetNode, true); + targetNode.open = !!targetNode.open; + view.setNodeLineIcos(setting, targetNode); + } + node.parentTId = targetNode.tId; + } + } + + //move node Dom + var targetObj, target_ulObj; + if (targetNodeIsRoot) { + targetObj = setting.treeObj; + target_ulObj = targetObj; + } else { + if (!isSilent && moveType == consts.move.TYPE_INNER) { + view.expandCollapseNode(setting, targetNode, true, false); + } else if (!isSilent) { + view.expandCollapseNode(setting, targetNode.getParentNode(), true, false); + } + targetObj = $$(targetNode, setting); + target_ulObj = $$(targetNode, consts.id.UL, setting); + if (!!targetObj.get(0) && !target_ulObj.get(0)) { + var ulstr = []; + view.makeUlHtml(setting, targetNode, ulstr, ''); + targetObj.append(ulstr.join('')); + } + target_ulObj = $$(targetNode, consts.id.UL, setting); + } + var nodeDom = $$(node, setting); + if (!nodeDom.get(0)) { + nodeDom = view.appendNodes(setting, node.level, [node], null, -1, false, true).join(''); + } else if (!targetObj.get(0)) { + nodeDom.remove(); + } + if (target_ulObj.get(0) && moveType == consts.move.TYPE_INNER) { + target_ulObj.append(nodeDom); + } else if (targetObj.get(0) && moveType == consts.move.TYPE_PREV) { + targetObj.before(nodeDom); + } else if (targetObj.get(0) && moveType == consts.move.TYPE_NEXT) { + targetObj.after(nodeDom); + } + + //repair the data after move + var i, l, + tmpSrcIndex = -1, + tmpTargetIndex = 0, + oldNeighbor = null, + newNeighbor = null, + oldLevel = node.level; + var oldChildren = data.nodeChildren(setting, oldParentNode); + var targetParentChildren = data.nodeChildren(setting, targetParentNode); + var targetChildren = data.nodeChildren(setting, targetNode); + if (node.isFirstNode) { + tmpSrcIndex = 0; + if (oldChildren.length > 1) { + oldNeighbor = oldChildren[1]; + oldNeighbor.isFirstNode = true; + } + } else if (node.isLastNode) { + tmpSrcIndex = oldChildren.length - 1; + oldNeighbor = oldChildren[tmpSrcIndex - 1]; + oldNeighbor.isLastNode = true; + } else { + for (i = 0, l = oldChildren.length; i < l; i++) { + if (oldChildren[i].tId == node.tId) { + tmpSrcIndex = i; + break; + } + } + } + if (tmpSrcIndex >= 0) { + oldChildren.splice(tmpSrcIndex, 1); + } + if (moveType != consts.move.TYPE_INNER) { + for (i = 0, l = targetParentChildren.length; i < l; i++) { + if (targetParentChildren[i].tId == targetNode.tId) tmpTargetIndex = i; + } + } + if (moveType == consts.move.TYPE_INNER) { + if (!targetChildren) { + targetChildren = data.nodeChildren(setting, targetNode, []); + } + if (targetChildren.length > 0) { + newNeighbor = targetChildren[targetChildren.length - 1]; + newNeighbor.isLastNode = false; + } + targetChildren.splice(targetChildren.length, 0, node); + node.isLastNode = true; + node.isFirstNode = (targetChildren.length == 1); + } else if (targetNode.isFirstNode && moveType == consts.move.TYPE_PREV) { + targetParentChildren.splice(tmpTargetIndex, 0, node); + newNeighbor = targetNode; + newNeighbor.isFirstNode = false; + node.parentTId = targetNode.parentTId; + node.isFirstNode = true; + node.isLastNode = false; + + } else if (targetNode.isLastNode && moveType == consts.move.TYPE_NEXT) { + targetParentChildren.splice(tmpTargetIndex + 1, 0, node); + newNeighbor = targetNode; + newNeighbor.isLastNode = false; + node.parentTId = targetNode.parentTId; + node.isFirstNode = false; + node.isLastNode = true; + + } else { + if (moveType == consts.move.TYPE_PREV) { + targetParentChildren.splice(tmpTargetIndex, 0, node); + } else { + targetParentChildren.splice(tmpTargetIndex + 1, 0, node); + } + node.parentTId = targetNode.parentTId; + node.isFirstNode = false; + node.isLastNode = false; + } + data.fixPIdKeyValue(setting, node); + data.setSonNodeLevel(setting, node.getParentNode(), node); + + //repair node what been moved + view.setNodeLineIcos(setting, node); + view.repairNodeLevelClass(setting, node, oldLevel); + + //repair node's old parentNode dom + if (!setting.data.keep.parent && oldChildren.length < 1) { + //old parentNode has no child nodes + data.nodeIsParent(setting, oldParentNode, false); + oldParentNode.open = false; + var tmp_ulObj = $$(oldParentNode, consts.id.UL, setting), + tmp_switchObj = $$(oldParentNode, consts.id.SWITCH, setting), + tmp_icoObj = $$(oldParentNode, consts.id.ICON, setting); + view.replaceSwitchClass(oldParentNode, tmp_switchObj, consts.folder.DOCU); + view.replaceIcoClass(oldParentNode, tmp_icoObj, consts.folder.DOCU); + tmp_ulObj.css("display", "none"); + + } else if (oldNeighbor) { + //old neigbor node + view.setNodeLineIcos(setting, oldNeighbor); + } + + //new neigbor node + if (newNeighbor) { + view.setNodeLineIcos(setting, newNeighbor); + } + + //repair checkbox / radio + if (!!setting.check && setting.check.enable && view.repairChkClass) { + view.repairChkClass(setting, oldParentNode); + view.repairParentChkClassWithSelf(setting, oldParentNode); + if (oldParentNode != node.parent) + view.repairParentChkClassWithSelf(setting, node); + } + + //expand parents after move + if (!isSilent) { + view.expandCollapseParentNode(setting, node.getParentNode(), true, animateFlag); + } + }, + removeEditBtn: function (setting, node) { + $$(node, consts.id.EDIT, setting).unbind().remove(); + }, + removeRemoveBtn: function (setting, node) { + $$(node, consts.id.REMOVE, setting).unbind().remove(); + }, + removeTreeDom: function (setting, node) { + node.isHover = false; + view.removeEditBtn(setting, node); + view.removeRemoveBtn(setting, node); + tools.apply(setting.view.removeHoverDom, [setting.treeId, node]); + }, + repairNodeLevelClass: function (setting, node, oldLevel) { + if (oldLevel === node.level) return; + var liObj = $$(node, setting), + aObj = $$(node, consts.id.A, setting), + ulObj = $$(node, consts.id.UL, setting), + oldClass = consts.className.LEVEL + oldLevel, + newClass = consts.className.LEVEL + node.level; + liObj.removeClass(oldClass); + liObj.addClass(newClass); + aObj.removeClass(oldClass); + aObj.addClass(newClass); + ulObj.removeClass(oldClass); + ulObj.addClass(newClass); + }, + selectNodes: function (setting, nodes) { + for (var i = 0, l = nodes.length; i < l; i++) { + view.selectNode(setting, nodes[i], i > 0); + } + } + }, + + _z = { + tools: _tools, + view: _view, + event: _event, + data: _data + }; + $.extend(true, $.fn.zTree.consts, _consts); + $.extend(true, $.fn.zTree._z, _z); + + var zt = $.fn.zTree, + tools = zt._z.tools, + consts = zt.consts, + view = zt._z.view, + data = zt._z.data, + event = zt._z.event, + $$ = tools.$; + + data.exSetting(_setting); + data.addInitBind(_bindEvent); + data.addInitUnBind(_unbindEvent); + data.addInitCache(_initCache); + data.addInitNode(_initNode); + data.addInitProxy(_eventProxy); + data.addInitRoot(_initRoot); + data.addZTreeTools(_zTreeTools); + + var _cancelPreSelectedNode = view.cancelPreSelectedNode; + view.cancelPreSelectedNode = function (setting, node) { + var list = data.getRoot(setting).curSelectedList; + for (var i = 0, j = list.length; i < j; i++) { + if (!node || node === list[i]) { + view.removeTreeDom(setting, list[i]); + if (node) break; + } + } + if (_cancelPreSelectedNode) _cancelPreSelectedNode.apply(view, arguments); + } + + var _createNodes = view.createNodes; + view.createNodes = function (setting, level, nodes, parentNode, index) { + if (_createNodes) { + _createNodes.apply(view, arguments); + } + if (!nodes) return; + if (view.repairParentChkClassWithSelf) { + view.repairParentChkClassWithSelf(setting, parentNode); + } + } + + var _makeNodeUrl = view.makeNodeUrl; + view.makeNodeUrl = function (setting, node) { + return setting.edit.enable ? null : (_makeNodeUrl.apply(view, arguments)); + } + + var _removeNode = view.removeNode; + view.removeNode = function (setting, node) { + var root = data.getRoot(setting); + if (root.curEditNode === node) root.curEditNode = null; + if (_removeNode) { + _removeNode.apply(view, arguments); + } + } + + var _selectNode = view.selectNode; + view.selectNode = function (setting, node, addFlag) { + var root = data.getRoot(setting); + if (data.isSelectedNode(setting, node) && root.curEditNode == node && node.editNameFlag) { + return false; + } + if (_selectNode) _selectNode.apply(view, arguments); + view.addHoverDom(setting, node); + return true; + } + + var _uCanDo = tools.uCanDo; + tools.uCanDo = function (setting, e) { + var root = data.getRoot(setting); + if (e && (tools.eqs(e.type, "mouseover") || tools.eqs(e.type, "mouseout") || tools.eqs(e.type, "mousedown") || tools.eqs(e.type, "mouseup"))) { + return true; + } + if (root.curEditNode) { + view.editNodeBlur = false; + root.curEditInput.focus(); + } + return (!root.curEditNode) && (_uCanDo ? _uCanDo.apply(view, arguments) : true); + } +})(jQuery); diff --git a/js/zTree_v3/js/jquery.ztree.all.min.js b/js/zTree_v3/js/jquery.ztree.all.min.js new file mode 100755 index 0000000..b50f265 --- /dev/null +++ b/js/zTree_v3/js/jquery.ztree.all.min.js @@ -0,0 +1,166 @@ + +/* + * JQuery zTree core v3.5.40 + * http://treejs.cn/ + * + * Copyright (c) 2010 Hunter.z + * + * Licensed same as jquery - MIT License + * http://www.opensource.org/licenses/mit-license.php + * + * email: hunter.z@263.net + * Date: 2019-01-18 + */ +(function(r){var J,K,L,M,N,O,v,t={},w={},x={},P={treeId:"",treeObj:null,view:{addDiyDom:null,autoCancelSelected:!0,dblClickExpand:!0,expandSpeed:"fast",fontCss:{},nameIsHTML:!1,selectedMulti:!0,showIcon:!0,showLine:!0,showTitle:!0,txtSelectedEnable:!1},data:{key:{isParent:"isParent",children:"children",name:"name",title:"",url:"url",icon:"icon"},simpleData:{enable:!1,idKey:"id",pIdKey:"pId",rootPId:null},keep:{parent:!1,leaf:!1}},async:{enable:!1,contentType:"application/x-www-form-urlencoded",type:"post", +dataType:"text",headers:{},xhrFields:{},url:"",autoParam:[],otherParam:[],dataFilter:null},callback:{beforeAsync:null,beforeClick:null,beforeDblClick:null,beforeRightClick:null,beforeMouseDown:null,beforeMouseUp:null,beforeExpand:null,beforeCollapse:null,beforeRemove:null,onAsyncError:null,onAsyncSuccess:null,onNodeCreated:null,onClick:null,onDblClick:null,onRightClick:null,onMouseDown:null,onMouseUp:null,onExpand:null,onCollapse:null,onRemove:null}},y=[function(a){var b=a.treeObj,c=g.event;b.bind(c.NODECREATED, +function(b,c,i){h.apply(a.callback.onNodeCreated,[b,c,i])});b.bind(c.CLICK,function(b,c,i,e,k){h.apply(a.callback.onClick,[c,i,e,k])});b.bind(c.EXPAND,function(b,c,i){h.apply(a.callback.onExpand,[b,c,i])});b.bind(c.COLLAPSE,function(b,c,i){h.apply(a.callback.onCollapse,[b,c,i])});b.bind(c.ASYNC_SUCCESS,function(b,c,i,e){h.apply(a.callback.onAsyncSuccess,[b,c,i,e])});b.bind(c.ASYNC_ERROR,function(b,c,i,e,k,g){h.apply(a.callback.onAsyncError,[b,c,i,e,k,g])});b.bind(c.REMOVE,function(b,c,i){h.apply(a.callback.onRemove, +[b,c,i])});b.bind(c.SELECTED,function(b,c,i){h.apply(a.callback.onSelected,[c,i])});b.bind(c.UNSELECTED,function(b,c,i){h.apply(a.callback.onUnSelected,[c,i])})}],z=[function(a){var b=g.event;a.treeObj.unbind(b.NODECREATED).unbind(b.CLICK).unbind(b.EXPAND).unbind(b.COLLAPSE).unbind(b.ASYNC_SUCCESS).unbind(b.ASYNC_ERROR).unbind(b.REMOVE).unbind(b.SELECTED).unbind(b.UNSELECTED)}],A=[function(a){var b=e.getCache(a);b||(b={},e.setCache(a,b));b.nodes=[];b.doms=[]}],B=[function(a,b,c,d,f,i){if(c){var m= +e.getRoot(a),k=e.nodeChildren(a,c);c.level=b;c.tId=a.treeId+"_"+ ++m.zId;c.parentTId=d?d.tId:null;c.open=typeof c.open=="string"?h.eqs(c.open,"true"):!!c.open;b=e.nodeIsParent(a,c);h.isArray(k)?(e.nodeIsParent(a,c,!0),c.zAsync=!0):(b=e.nodeIsParent(a,c,b),c.open=b&&!a.async.enable?c.open:!1,c.zAsync=!b);c.isFirstNode=f;c.isLastNode=i;c.getParentNode=function(){return e.getNodeCache(a,c.parentTId)};c.getPreNode=function(){return e.getPreNode(a,c)};c.getNextNode=function(){return e.getNextNode(a,c)}; +c.getIndex=function(){return e.getNodeIndex(a,c)};c.getPath=function(){return e.getNodePath(a,c)};c.isAjaxing=!1;e.fixPIdKeyValue(a,c)}}],u=[function(a){var b=a.target,c=e.getSetting(a.data.treeId),d="",f=null,i="",m="",k=null,j=null,o=null;if(h.eqs(a.type,"mousedown"))m="mousedown";else if(h.eqs(a.type,"mouseup"))m="mouseup";else if(h.eqs(a.type,"contextmenu"))m="contextmenu";else if(h.eqs(a.type,"click"))if(h.eqs(b.tagName,"span")&&b.getAttribute("treeNode"+g.id.SWITCH)!==null)d=h.getNodeMainDom(b).id, +i="switchNode";else{if(o=h.getMDom(c,b,[{tagName:"a",attrName:"treeNode"+g.id.A}]))d=h.getNodeMainDom(o).id,i="clickNode"}else if(h.eqs(a.type,"dblclick")&&(m="dblclick",o=h.getMDom(c,b,[{tagName:"a",attrName:"treeNode"+g.id.A}])))d=h.getNodeMainDom(o).id,i="switchNode";if(m.length>0&&d.length==0&&(o=h.getMDom(c,b,[{tagName:"a",attrName:"treeNode"+g.id.A}])))d=h.getNodeMainDom(o).id;if(d.length>0)switch(f=e.getNodeCache(c,d),i){case "switchNode":e.nodeIsParent(c,f)?h.eqs(a.type,"click")||h.eqs(a.type, +"dblclick")&&h.apply(c.view.dblClickExpand,[c.treeId,f],c.view.dblClickExpand)?k=J:i="":i="";break;case "clickNode":k=K}switch(m){case "mousedown":j=L;break;case "mouseup":j=M;break;case "dblclick":j=N;break;case "contextmenu":j=O}return{stop:!1,node:f,nodeEventType:i,nodeEventCallback:k,treeEventType:m,treeEventCallback:j}}],C=[function(a){var b=e.getRoot(a);b||(b={},e.setRoot(a,b));e.nodeChildren(a,b,[]);b.expandTriggerFlag=!1;b.curSelectedList=[];b.noSelection=!0;b.createdNodes=[];b.zId=0;b._ver= +(new Date).getTime()}],D=[],E=[],F=[],G=[],H=[],e={addNodeCache:function(a,b){e.getCache(a).nodes[e.getNodeCacheId(b.tId)]=b},getNodeCacheId:function(a){return a.substring(a.lastIndexOf("_")+1)},addAfterA:function(a){E.push(a)},addBeforeA:function(a){D.push(a)},addInnerAfterA:function(a){G.push(a)},addInnerBeforeA:function(a){F.push(a)},addInitBind:function(a){y.push(a)},addInitUnBind:function(a){z.push(a)},addInitCache:function(a){A.push(a)},addInitNode:function(a){B.push(a)},addInitProxy:function(a, +b){b?u.splice(0,0,a):u.push(a)},addInitRoot:function(a){C.push(a)},addNodesData:function(a,b,c,d){var f=e.nodeChildren(a,b);f?c>=f.length&&(c=-1):(f=e.nodeChildren(a,b,[]),c=-1);if(f.length>0&&c===0)f[0].isFirstNode=!1,j.setNodeLineIcos(a,f[0]);else if(f.length>0&&c<0)f[f.length-1].isLastNode=!1,j.setNodeLineIcos(a,f[f.length-1]);e.nodeIsParent(a,b,!0);c<0?e.nodeChildren(a,b,f.concat(d)):(a=[c,0].concat(d),f.splice.apply(f,a))},addSelectedNode:function(a,b){var c=e.getRoot(a);e.isSelectedNode(a,b)|| +c.curSelectedList.push(b)},addCreatedNode:function(a,b){(a.callback.onNodeCreated||a.view.addDiyDom)&&e.getRoot(a).createdNodes.push(b)},addZTreeTools:function(a){H.push(a)},exSetting:function(a){r.extend(!0,P,a)},fixPIdKeyValue:function(a,b){a.data.simpleData.enable&&(b[a.data.simpleData.pIdKey]=b.parentTId?b.getParentNode()[a.data.simpleData.idKey]:a.data.simpleData.rootPId)},getAfterA:function(a,b,c){for(var d=0,e=E.length;d-1&&f.push(k);k=e.nodeChildren(a, +k);f=f.concat(e.getNodesByParamFuzzy(a,k,c,d))}return f},getNodesByFilter:function(a,b,c,d,f){if(!b)return d?null:[];for(var i=d?null:[],m=0,k=b.length;m0)},clone:function(a){if(a===null)return null;var b=h.isArray(a)?[]:{},c;for(c in a)b[c]=a[c]instanceof Date?new Date(a[c].getTime()):typeof a[c]==="object"?h.clone(a[c]):a[c];return b},eqs:function(a,b){return a.toLowerCase()===b.toLowerCase()},isArray:function(a){return Object.prototype.toString.apply(a)==="[object Array]"},isElement:function(a){return typeof HTMLElement==="object"?a instanceof HTMLElement:a&&typeof a==="object"&&a!==null&& +a.nodeType===1&&typeof a.nodeName==="string"},$:function(a,b,c){b&&typeof b!="string"&&(c=b,b="");return typeof a=="string"?r(a,c?c.treeObj.get(0).ownerDocument:null):r("#"+a.tId+b,c?c.treeObj:null)},getMDom:function(a,b,c){if(!b)return null;for(;b&&b.id!==a.treeId;){for(var d=0,e=c.length;b.tagName&&d0},uCanDo:function(){return!0}},j={addNodes:function(a,b,c,d,f){var i=e.nodeIsParent(a,b);if(!a.data.keep.leaf||!b||i)if(h.isArray(d)||(d=[d]),a.data.simpleData.enable&&(d=e.transformTozTreeFormat(a,d)),b){var i=l(b,g.id.SWITCH,a),m=l(b,g.id.ICON,a),k=l(b,g.id.UL,a);if(!b.open)j.replaceSwitchClass(b,i,g.folder.CLOSE),j.replaceIcoClass(b,m,g.folder.CLOSE),b.open=!1,k.css({display:"none"});e.addNodesData(a,b,c,d);j.createNodes(a,b.level+ +1,d,b,c);f||j.expandCollapseParentNode(a,b,!0)}else e.addNodesData(a,e.getRoot(a),c,d),j.createNodes(a,0,d,null,c)},appendNodes:function(a,b,c,d,f,i,g){if(!c)return[];var k=[],h=d?d:e.getRoot(a),h=e.nodeChildren(a,h),o,l;if(!h||f>=h.length-c.length)f=-1;for(var s=0,n=c.length;s0&&(l=j.appendNodes(a,b+1,I,p,-1, +i,g&&p.open));g&&(j.makeDOMNodeMainBefore(k,a,p),j.makeDOMNodeLine(k,a,p),e.getBeforeA(a,p,k),j.makeDOMNodeNameBefore(k,a,p),e.getInnerBeforeA(a,p,k),j.makeDOMNodeIcon(k,a,p),e.getInnerAfterA(a,p,k),j.makeDOMNodeNameAfter(k,a,p),e.getAfterA(a,p,k),o&&p.open&&j.makeUlHtml(a,p,k,l.join("")),j.makeDOMNodeMainAfter(k,a,p),e.addCreatedNode(a,p))}return k},appendParentULDom:function(a,b){var c=[],d=l(b,a);!d.get(0)&&b.parentTId&&(j.appendParentULDom(a,b.getParentNode()),d=l(b,a));var f=l(b,g.id.UL,a);f.get(0)&& +f.remove();f=e.nodeChildren(a,b);f=j.appendNodes(a,b.level+1,f,b,-1,!1,!0);j.makeUlHtml(a,b,c,f.join(""));d.append(c.join(""))},asyncNode:function(a,b,c,d){var f,i;f=e.nodeIsParent(a,b);if(b&&!f)return h.apply(d),!1;else if(b&&b.isAjaxing)return!1;else if(h.apply(a.callback.beforeAsync,[a.treeId,b],!0)==!1)return h.apply(d),!1;if(b)b.isAjaxing=!0,l(b,g.id.ICON,a).attr({style:"","class":g.className.BUTTON+" "+g.className.ICO_LOADING});var m={},k=h.apply(a.async.autoParam,[a.treeId,b],a.async.autoParam); +for(f=0,i=k.length;b&&f1&&(o=q[1],q=q[0]);m[o]=b[q]}k=h.apply(a.async.otherParam,[a.treeId,b],a.async.otherParam);if(h.isArray(k))for(f=0,i=k.length;f-1?JSON.stringify(m):m,dataType:a.async.dataType,headers:a.async.headers, +xhrFields:a.async.xhrFields,success:function(i){if(s==e.getRoot(a)._ver){var f=[];try{f=!i||i.length==0?[]:typeof i=="string"?eval("("+i+")"):i}catch(k){f=i}if(b)b.isAjaxing=null,b.zAsync=!0;j.setNodeLineIcos(a,b);f&&f!==""?(f=h.apply(a.async.dataFilter,[a.treeId,b,f],f),j.addNodes(a,b,-1,f?h.clone(f):[],!!c)):j.addNodes(a,b,-1,[],!!c);a.treeObj.trigger(g.event.ASYNC_SUCCESS,[a.treeId,b,i]);h.apply(d)}},error:function(c,d,i){if(s==e.getRoot(a)._ver){if(b)b.isAjaxing=null;j.setNodeLineIcos(a,b);a.treeObj.trigger(g.event.ASYNC_ERROR, +[a.treeId,b,c,d,i])}}});return!0},cancelPreSelectedNode:function(a,b,c){var d=e.getRoot(a).curSelectedList,f,i;for(f=d.length-1;f>=0;f--)if(i=d[f],b===i||!b&&(!c||c!==i))if(l(i,g.id.A,a).removeClass(g.node.CURSELECTED),b){e.removeSelectedNode(a,b);break}else d.splice(f,1),a.treeObj.trigger(g.event.UNSELECTED,[a.treeId,i])},createNodeCallback:function(a){if(a.callback.onNodeCreated||a.view.addDiyDom)for(var b=e.getRoot(a);b.createdNodes.length>0;){var c=b.createdNodes.shift();h.apply(a.view.addDiyDom, +[a.treeId,c]);a.callback.onNodeCreated&&a.treeObj.trigger(g.event.NODECREATED,[a.treeId,c])}},createNodes:function(a,b,c,d,f){if(c&&c.length!=0){var i=e.getRoot(a),m=!d||d.open||!!l(e.nodeChildren(a,d)[0],a).get(0);i.createdNodes=[];var b=j.appendNodes(a,b,c,d,f,!0,m),k,h;d?(d=l(d,g.id.UL,a),d.get(0)&&(k=d)):k=a.treeObj;k&&(f>=0&&(h=k.children()[f]),f>=0&&h?r(h).before(b.join("")):k.append(b.join("")));j.createNodeCallback(a)}},destroy:function(a){a&&(e.initCache(a),e.initRoot(a),n.unbindTree(a), +n.unbindEvent(a),a.treeObj.empty(),delete t[a.treeId])},expandCollapseNode:function(a,b,c,d,f){var i=e.getRoot(a),m;if(b){var k=e.nodeChildren(a,b),q=e.nodeIsParent(a,b);if(i.expandTriggerFlag)m=f,f=function(){m&&m();b.open?a.treeObj.trigger(g.event.EXPAND,[a.treeId,b]):a.treeObj.trigger(g.event.COLLAPSE,[a.treeId,b])},i.expandTriggerFlag=!1;if(!b.open&&q&&(!l(b,g.id.UL,a).get(0)||k&&k.length>0&&!l(k[0],a).get(0)))j.appendParentULDom(a,b),j.createNodeCallback(a);if(b.open==c)h.apply(f,[]);else{var c= +l(b,g.id.UL,a),i=l(b,g.id.SWITCH,a),o=l(b,g.id.ICON,a);q?(b.open=!b.open,b.iconOpen&&b.iconClose&&o.attr("style",j.makeNodeIcoStyle(a,b)),b.open?(j.replaceSwitchClass(b,i,g.folder.OPEN),j.replaceIcoClass(b,o,g.folder.OPEN),d==!1||a.view.expandSpeed==""?(c.show(),h.apply(f,[])):k&&k.length>0?c.slideDown(a.view.expandSpeed,f):(c.show(),h.apply(f,[]))):(j.replaceSwitchClass(b,i,g.folder.CLOSE),j.replaceIcoClass(b,o,g.folder.CLOSE),d==!1||a.view.expandSpeed==""||!(k&&k.length>0)?(c.hide(),h.apply(f,[])): +c.slideUp(a.view.expandSpeed,f))):h.apply(f,[])}}else h.apply(f,[])},expandCollapseParentNode:function(a,b,c,d,e){b&&(b.parentTId?(j.expandCollapseNode(a,b,c,d),b.parentTId&&j.expandCollapseParentNode(a,b.getParentNode(),c,d,e)):j.expandCollapseNode(a,b,c,d,e))},expandCollapseSonNode:function(a,b,c,d,f){var i=e.getRoot(a),i=b?e.nodeChildren(a,b):e.nodeChildren(a,i),g=b?!1:d,k=e.getRoot(a).expandTriggerFlag;e.getRoot(a).expandTriggerFlag=!1;if(i)for(var h=0,l=i.length;h=0;d--)if(b===c[d])return!0;return!1},makeDOMNodeIcon:function(a,b,c){var d=e.nodeName(b,c),d=b.view.nameIsHTML?d:d.replace(/&/g,"&").replace(//g,">");a.push("",d,"")},makeDOMNodeLine:function(a,b,c){a.push("")},makeDOMNodeMainAfter:function(a){a.push("
                                                                                                                                                                                                                                                                                                                  • ")},makeDOMNodeMainBefore:function(a,b,c){a.push("
                                                                                                                                                                                                                                                                                                                • ")},makeDOMNodeNameAfter:function(a){a.push("")},makeDOMNodeNameBefore:function(a,b,c){var d= +e.nodeTitle(b,c),f=j.makeNodeUrl(b,c),i=j.makeNodeFontCss(b,c),m=[],k;for(k in i)m.push(k,":",i[k],";");a.push("0?"href='"+f+"'":""," target='",j.makeNodeTarget(c),"' style='",m.join(""),"'");h.apply(b.view.showTitle,[b.treeId,c],b.view.showTitle)&&d&&a.push("title='",d.replace(/'/g,"'").replace(//g,">"),"'");a.push(">")},makeNodeFontCss:function(a, +b){var c=h.apply(a.view.fontCss,[a.treeId,b],a.view.fontCss);return c&&typeof c!="function"?c:{}},makeNodeIcoClass:function(a,b){var c=["ico"];if(!b.isAjaxing){var d=e.nodeIsParent(a,b);c[0]=(b.iconSkin?b.iconSkin+"_":"")+c[0];d?c.push(b.open?g.folder.OPEN:g.folder.CLOSE):c.push(g.folder.DOCU)}return g.className.BUTTON+" "+c.join("_")},makeNodeIcoStyle:function(a,b){var c=[];if(!b.isAjaxing){var d=e.nodeIsParent(a,b)&&b.iconOpen&&b.iconClose?b.open?b.iconOpen:b.iconClose:b[a.data.key.icon];d&&c.push("background:url(", +d,") 0 0 no-repeat;");(a.view.showIcon==!1||!h.apply(a.view.showIcon,[a.treeId,b],!0))&&c.push("width:0px;height:0px;")}return c.join("")},makeNodeLineClass:function(a,b){var c=[];a.view.showLine?b.level==0&&b.isFirstNode&&b.isLastNode?c.push(g.line.ROOT):b.level==0&&b.isFirstNode?c.push(g.line.ROOTS):b.isLastNode?c.push(g.line.BOTTOM):c.push(g.line.CENTER):c.push(g.line.NOLINE);e.nodeIsParent(a,b)?c.push(b.open?g.folder.OPEN:g.folder.CLOSE):c.push(g.folder.DOCU);return j.makeNodeLineClassEx(b)+c.join("_")}, +makeNodeLineClassEx:function(a){return g.className.BUTTON+" "+g.className.LEVEL+a.level+" "+g.className.SWITCH+" "},makeNodeTarget:function(a){return a.target||"_blank"},makeNodeUrl:function(a,b){var c=a.data.key.url;return b[c]?b[c]:null},makeUlHtml:function(a,b,c,d){c.push("
                                                                                                                                                                                                                                                                                                                    ");c.push(d);c.push("
                                                                                                                                                                                                                                                                                                                  ")},makeUlLineClass:function(a,b){return a.view.showLine&&!b.isLastNode? +g.line.LINE:""},removeChildNodes:function(a,b){if(b){var c=e.nodeChildren(a,b);if(c){for(var d=0,f=c.length;dc.bottom||d.right>c.right||d.left0)c[0].isFirstNode= +!0},setLastNode:function(a,b){var c=e.nodeChildren(a,b);if(c.length>0)c[c.length-1].isLastNode=!0},removeNode:function(a,b){var c=e.getRoot(a),d=b.parentTId?b.getParentNode():c;b.isFirstNode=!1;b.isLastNode=!1;b.getPreNode=function(){return null};b.getNextNode=function(){return null};if(e.getNodeCache(a,b.tId)){l(b,a).remove();e.removeNodeCache(a,b);e.removeSelectedNode(a,b);for(var f=e.nodeChildren(a,d),i=0,h=f.length;i0){var q=f[i-1],i=l(q,g.id.UL,a),h=l(q,g.id.SWITCH,a);k=l(q,g.id.ICON,a);d==c?f.length==1?j.replaceSwitchClass(q,h,g.line.ROOT):(c=l(f[0],g.id.SWITCH,a),j.replaceSwitchClass(f[0],c,g.line.ROOTS),j.replaceSwitchClass(q, +h,g.line.BOTTOM)):j.replaceSwitchClass(q,h,g.line.BOTTOM);i.removeClass(g.line.LINE)}}},replaceIcoClass:function(a,b,c){if(b&&!a.isAjaxing&&(a=b.attr("class"),a!=void 0)){a=a.split("_");switch(c){case g.folder.OPEN:case g.folder.CLOSE:case g.folder.DOCU:a[a.length-1]=c}b.attr("class",a.join("_"))}},replaceSwitchClass:function(a,b,c){if(b){var d=b.attr("class");if(d!=void 0){d=d.split("_");switch(c){case g.line.ROOT:case g.line.ROOTS:case g.line.CENTER:case g.line.BOTTOM:case g.line.NOLINE:d[0]=j.makeNodeLineClassEx(a)+ +c;break;case g.folder.OPEN:case g.folder.CLOSE:case g.folder.DOCU:d[1]=c}b.attr("class",d.join("_"));c!==g.folder.DOCU?b.removeAttr("disabled"):b.attr("disabled","disabled")}}},selectNode:function(a,b,c){c||j.cancelPreSelectedNode(a,null,b);l(b,g.id.A,a).addClass(g.node.CURSELECTED);e.addSelectedNode(a,b);a.treeObj.trigger(g.event.SELECTED,[a.treeId,b])},setNodeFontCss:function(a,b){var c=l(b,g.id.A,a),d=j.makeNodeFontCss(a,b);d&&c.css(d)},setNodeLineIcos:function(a,b){if(b){var c=l(b,g.id.SWITCH, +a),d=l(b,g.id.UL,a),f=l(b,g.id.ICON,a),i=j.makeUlLineClass(a,b);i.length==0?d.removeClass(g.line.LINE):d.addClass(i);c.attr("class",j.makeNodeLineClass(a,b));e.nodeIsParent(a,b)?c.removeAttr("disabled"):c.attr("disabled","disabled");f.removeAttr("style");f.attr("style",j.makeNodeIcoStyle(a,b));f.attr("class",j.makeNodeIcoClass(a,b))}},setNodeName:function(a,b){var c=e.nodeTitle(a,b),d=l(b,g.id.SPAN,a);d.empty();a.view.nameIsHTML?d.html(e.nodeName(a,b)):d.text(e.nodeName(a,b));h.apply(a.view.showTitle, +[a.treeId,b],a.view.showTitle)&&l(b,g.id.A,a).attr("title",!c?"":c)},setNodeTarget:function(a,b){l(b,g.id.A,a).attr("target",j.makeNodeTarget(b))},setNodeUrl:function(a,b){var c=l(b,g.id.A,a),d=j.makeNodeUrl(a,b);d==null||d.length==0?c.removeAttr("href"):c.attr("href",d)},switchNode:function(a,b){b.open||!h.canAsync(a,b)?j.expandCollapseNode(a,b,!b.open):a.async.enable?j.asyncNode(a,b)||j.expandCollapseNode(a,b,!b.open):b&&j.expandCollapseNode(a,b,!b.open)}};r.fn.zTree={consts:{className:{BUTTON:"button", +LEVEL:"level",ICO_LOADING:"ico_loading",SWITCH:"switch",NAME:"node_name"},event:{NODECREATED:"ztree_nodeCreated",CLICK:"ztree_click",EXPAND:"ztree_expand",COLLAPSE:"ztree_collapse",ASYNC_SUCCESS:"ztree_async_success",ASYNC_ERROR:"ztree_async_error",REMOVE:"ztree_remove",SELECTED:"ztree_selected",UNSELECTED:"ztree_unselected"},id:{A:"_a",ICON:"_ico",SPAN:"_span",SWITCH:"_switch",UL:"_ul"},line:{ROOT:"root",ROOTS:"roots",CENTER:"center",BOTTOM:"bottom",NOLINE:"noline",LINE:"line"},folder:{OPEN:"open", +CLOSE:"close",DOCU:"docu"},node:{CURSELECTED:"curSelectedNode"}},_z:{tools:h,view:j,event:n,data:e},getZTreeObj:function(a){return(a=e.getZTreeTools(a))?a:null},destroy:function(a){if(a&&a.length>0)j.destroy(e.getSetting(a));else for(var b in t)j.destroy(t[b])},init:function(a,b,c){var d=h.clone(P);r.extend(!0,d,b);d.treeId=a.attr("id");d.treeObj=a;d.treeObj.empty();t[d.treeId]=d;if(typeof document.body.style.maxHeight==="undefined")d.view.expandSpeed="";e.initRoot(d);a=e.getRoot(d);c=c?h.clone(h.isArray(c)? +c:[c]):[];d.data.simpleData.enable?e.nodeChildren(d,a,e.transformTozTreeFormat(d,c)):e.nodeChildren(d,a,c);e.initCache(d);n.unbindTree(d);n.bindTree(d);n.unbindEvent(d);n.bindEvent(d);var f={setting:d,addNodes:function(a,b,c,f){function g(){j.addNodes(d,a,b,n,f==!0)}a||(a=null);var l=e.nodeIsParent(d,a);if(a&&!l&&d.data.keep.leaf)return null;l=parseInt(b,10);isNaN(l)?(f=!!c,c=b,b=-1):b=l;if(!c)return null;var n=h.clone(h.isArray(c)?c:[c]);h.canAsync(d,a)?j.asyncNode(d,a,f,g):g();return n},cancelSelectedNode:function(a){j.cancelPreSelectedNode(d, +a)},destroy:function(){j.destroy(d)},expandAll:function(a){a=!!a;j.expandCollapseSonNode(d,null,a,!0);return a},expandNode:function(a,b,c,f,g){function n(){var b=l(a,d).get(0);b&&f!==!1&&j.scrollIntoView(d,b)}if(!a||!e.nodeIsParent(d,a))return null;b!==!0&&b!==!1&&(b=!a.open);if((g=!!g)&&b&&h.apply(d.callback.beforeExpand,[d.treeId,a],!0)==!1)return null;else if(g&&!b&&h.apply(d.callback.beforeCollapse,[d.treeId,a],!0)==!1)return null;b&&a.parentTId&&j.expandCollapseParentNode(d,a.getParentNode(), +b,!1);if(b===a.open&&!c)return null;e.getRoot(d).expandTriggerFlag=g;!h.canAsync(d,a)&&c?j.expandCollapseSonNode(d,a,b,!0,n):(a.open=!b,j.switchNode(this.setting,a),n());return b},getNodes:function(){return e.getNodes(d)},getNodeByParam:function(a,b,c){return!a?null:e.getNodeByParam(d,c?e.nodeChildren(d,c):e.getNodes(d),a,b)},getNodeByTId:function(a){return e.getNodeCache(d,a)},getNodesByParam:function(a,b,c){return!a?null:e.getNodesByParam(d,c?e.nodeChildren(d,c):e.getNodes(d),a,b)},getNodesByParamFuzzy:function(a, +b,c){return!a?null:e.getNodesByParamFuzzy(d,c?e.nodeChildren(d,c):e.getNodes(d),a,b)},getNodesByFilter:function(a,b,c,f){b=!!b;return!a||typeof a!="function"?b?null:[]:e.getNodesByFilter(d,c?e.nodeChildren(d,c):e.getNodes(d),a,b,f)},getNodeIndex:function(a){if(!a)return null;for(var b=a.parentTId?a.getParentNode():e.getRoot(d),b=e.nodeChildren(d,b),c=0,f=b.length;c0?j.createNodes(d,0,c,null,-1):d.async.enable&&d.async.url&&d.async.url!==""&&j.asyncNode(d);return f}};var Q=r.fn.zTree,l=h.$,g=Q.consts})(jQuery); + +/* + * JQuery zTree excheck v3.5.40 + * http://treejs.cn/ + * + * Copyright (c) 2010 Hunter.z + * + * Licensed same as jquery - MIT License + * http://www.opensource.org/licenses/mit-license.php + * + * email: hunter.z@263.net + * Date: 2019-01-18 + */ +(function(m){var p,q,r,o={event:{CHECK:"ztree_check"},id:{CHECK:"_check"},checkbox:{STYLE:"checkbox",DEFAULT:"chk",DISABLED:"disable",FALSE:"false",TRUE:"true",FULL:"full",PART:"part",FOCUS:"focus"},radio:{STYLE:"radio",TYPE_ALL:"all",TYPE_LEVEL:"level"}},v={check:{enable:!1,autoCheckTrigger:!1,chkStyle:o.checkbox.STYLE,nocheckInherit:!1,chkDisabledInherit:!1,radioType:o.radio.TYPE_LEVEL,chkboxType:{Y:"ps",N:"ps"}},data:{key:{checked:"checked"}},callback:{beforeCheck:null,onCheck:null}};p=function(c, +a){if(a.chkDisabled===!0)return!1;var b=f.getSetting(c.data.treeId);if(i.apply(b.callback.beforeCheck,[b.treeId,a],!0)==!1)return!0;var d=f.nodeChecked(b,a);f.nodeChecked(b,a,!d);e.checkNodeRelation(b,a);d=n(a,h.id.CHECK,b);e.setChkClass(b,d,a);e.repairParentChkClassWithSelf(b,a);b.treeObj.trigger(h.event.CHECK,[c,b.treeId,a]);return!0};q=function(c,a){if(a.chkDisabled===!0)return!1;var b=f.getSetting(c.data.treeId),d=n(a,h.id.CHECK,b);a.check_Focus=!0;e.setChkClass(b,d,a);return!0};r=function(c, +a){if(a.chkDisabled===!0)return!1;var b=f.getSetting(c.data.treeId),d=n(a,h.id.CHECK,b);a.check_Focus=!1;e.setChkClass(b,d,a);return!0};m.extend(!0,m.fn.zTree.consts,o);m.extend(!0,m.fn.zTree._z,{tools:{},view:{checkNodeRelation:function(c,a){var b,d,j;d=h.radio;b=f.nodeChecked(c,a);if(c.check.chkStyle==d.STYLE){var g=f.getRadioCheckedList(c);if(b)if(c.check.radioType==d.TYPE_ALL){for(d=g.length-1;d>=0;d--){b=g[d];var k=f.nodeChecked(c,b);k&&b!=a&&(f.nodeChecked(c,b,!1),g.splice(d,1),e.setChkClass(c, +n(b,h.id.CHECK,c),b),b.parentTId!=a.parentTId&&e.repairParentChkClassWithSelf(c,b))}g.push(a)}else{g=a.parentTId?a.getParentNode():f.getRoot(c);g=f.nodeChildren(c,g);for(d=0,j=g.length;d-1)&&e.setSonNodeCheckBox(c,a, +!0),!b&&(!g||g.length==0||c.check.chkboxType.N.indexOf("s")>-1)&&e.setSonNodeCheckBox(c,a,!1),b&&c.check.chkboxType.Y.indexOf("p")>-1&&e.setParentNodeCheckBox(c,a,!0),!b&&c.check.chkboxType.N.indexOf("p")>-1&&e.setParentNodeCheckBox(c,a,!1)},makeChkClass:function(c,a){var b=h.checkbox,d=h.radio,j="",g=f.nodeChecked(c,a),j=a.chkDisabled===!0?b.DISABLED:a.halfCheck?b.PART:c.check.chkStyle==d.STYLE?a.check_Child_State<1?b.FULL:b.PART:g?a.check_Child_State===2||a.check_Child_State===-1?b.FULL:b.PART: +a.check_Child_State<1?b.FULL:b.PART,d=c.check.chkStyle+"_"+(g?b.TRUE:b.FALSE)+"_"+j,d=a.check_Focus&&a.chkDisabled!==!0?d+"_"+b.FOCUS:d;return h.className.BUTTON+" "+b.DEFAULT+" "+d},repairAllChk:function(c,a){if(c.check.enable&&c.check.chkStyle===h.checkbox.STYLE)for(var b=f.getRoot(c),b=f.nodeChildren(c,b),d=0,j=b.length;d0?e.repairParentChkClass(c,b[0]):e.repairParentChkClass(c,a)}},repairSonChkDisabled:function(c,a,b,d){if(a){if(a.chkDisabled!=b)a.chkDisabled=b;e.repairChkClass(c,a);if((a=f.nodeChildren(c,a))&&d)for(var j=0,g=a.length;j0){j=!1;break}}j&&e.setParentNodeCheckBox(c,a.getParentNode(),b,d)}},setSonNodeCheckBox:function(c,a,b,d){if(a){var j=n(a,h.id.CHECK,c);d||(d=a);var g=!1,k=f.nodeChildren(c,a);if(k)for(var i=0,l=k.length;i0?b?2:0:-1}else a.check_Child_State=-1;e.setChkClass(c,j,a);c.check.autoCheckTrigger&&a!=d&&a.nocheck!==!0&&a.chkDisabled!==!0&&c.treeObj.trigger(h.event.CHECK,[null,c.treeId,a])}}}},event:{},data:{getRadioCheckedList:function(c){for(var a=f.getRoot(c).radioCheckedList,b=0,d=a.length;b-1&&a.check_Child_State<2:a.check_Child_State>0}},getTreeCheckedNodes:function(c,a,b,d){if(!a)return[];for(var j=b&&c.check.chkStyle==h.radio.STYLE&&c.check.radioType==h.radio.TYPE_ALL,d=!d?[]:d,g=0,e=a.length;g0)break}return d},getTreeChangeCheckedNodes:function(c,a,b){if(!a)return[];for(var b=!b?[]:b,d=0,j=a.length;d0?2:0,l==2){b=2;break}else l==0&&(b=0);else if(c.check.chkStyle==h.checkbox.STYLE)if(l=e.nocheck===!0||e.chkDisabled===!0?e.check_Child_State:e.halfCheck===!0?1:i?e.check_Child_State===-1||e.check_Child_State===2?2:1:e.check_Child_State>0?1:0,l===1){b=1;break}else if(l===2&&b>-1&&j>0&&l!== +b){b=1;break}else if(b===2&&l>-1&&l<2){b=1;break}else l>-1&&(b=l)}a.check_Child_State=b}}}});var m=m.fn.zTree,i=m._z.tools,h=m.consts,e=m._z.view,f=m._z.data,n=i.$;f.nodeChecked=function(c,a,b){if(!a)return!1;c=c.data.key.checked;typeof b!=="undefined"?(typeof b==="string"&&(b=i.eqs(b,"true")),a[c]=!!b):a[c]=typeof a[c]=="string"?i.eqs(a[c],"true"):!!a[c];return a[c]};f.exSetting(v);f.addInitBind(function(c){c.treeObj.bind(h.event.CHECK,function(a,b,d,e){a.srcEvent=b;i.apply(c.callback.onCheck,[a, +d,e])})});f.addInitUnBind(function(c){c.treeObj.unbind(h.event.CHECK)});f.addInitCache(function(){});f.addInitNode(function(c,a,b,d){if(b){a=f.nodeChecked(c,b);b.checkedOld=a;if(typeof b.nocheck=="string")b.nocheck=i.eqs(b.nocheck,"true");b.nocheck=!!b.nocheck||c.check.nocheckInherit&&d&&!!d.nocheck;if(typeof b.chkDisabled=="string")b.chkDisabled=i.eqs(b.chkDisabled,"true");b.chkDisabled=!!b.chkDisabled||c.check.chkDisabledInherit&&d&&!!d.chkDisabled;if(typeof b.halfCheck=="string")b.halfCheck=i.eqs(b.halfCheck, +"true");b.halfCheck=!!b.halfCheck;b.check_Child_State=-1;b.check_Focus=!1;b.getCheckStatus=function(){return f.getCheckStatus(c,b)};c.check.chkStyle==h.radio.STYLE&&c.check.radioType==h.radio.TYPE_ALL&&a&&f.getRoot(c).radioCheckedList.push(b)}});f.addInitProxy(function(c){var a=c.target,b=f.getSetting(c.data.treeId),d="",e=null,g="",k=null;if(i.eqs(c.type,"mouseover")){if(b.check.enable&&i.eqs(a.tagName,"span")&&a.getAttribute("treeNode"+h.id.CHECK)!==null)d=i.getNodeMainDom(a).id,g="mouseoverCheck"}else if(i.eqs(c.type, +"mouseout")){if(b.check.enable&&i.eqs(a.tagName,"span")&&a.getAttribute("treeNode"+h.id.CHECK)!==null)d=i.getNodeMainDom(a).id,g="mouseoutCheck"}else if(i.eqs(c.type,"click")&&b.check.enable&&i.eqs(a.tagName,"span")&&a.getAttribute("treeNode"+h.id.CHECK)!==null)d=i.getNodeMainDom(a).id,g="checkNode";if(d.length>0)switch(e=f.getNodeCache(b,d),g){case "checkNode":k=p;break;case "mouseoverCheck":k=q;break;case "mouseoutCheck":k=r}return{stop:g==="checkNode",node:e,nodeEventType:g,nodeEventCallback:k, +treeEventType:"",treeEventCallback:null}},!0);f.addInitRoot(function(c){f.getRoot(c).radioCheckedList=[]});f.addBeforeA(function(c,a,b){c.check.enable&&(f.makeChkFlag(c,a),b.push(""))});f.addZTreeTools(function(c,a){a.checkNode=function(a,b,g,k){var m=f.nodeChecked(c,a);if(a.chkDisabled!==!0&&(b!==!0&&b!==!1&&(b=!m),k=!!k,(m!==b||g)&&!(k&&i.apply(this.setting.callback.beforeCheck, +[this.setting.treeId,a],!0)==!1)&&i.uCanDo(this.setting)&&this.setting.check.enable&&a.nocheck!==!0))f.nodeChecked(c,a,b),b=n(a,h.id.CHECK,this.setting),(g||this.setting.check.chkStyle===h.radio.STYLE)&&e.checkNodeRelation(this.setting,a),e.setChkClass(this.setting,b,a),e.repairParentChkClassWithSelf(this.setting,a),k&&this.setting.treeObj.trigger(h.event.CHECK,[null,this.setting.treeId,a])};a.checkAllNodes=function(a){e.repairAllChk(this.setting,!!a)};a.getCheckedNodes=function(a){var a=a!==!1,b= +f.nodeChildren(c,f.getRoot(this.setting));return f.getTreeCheckedNodes(this.setting,b,a)};a.getChangeCheckedNodes=function(){var a=f.nodeChildren(c,f.getRoot(this.setting));return f.getTreeChangeCheckedNodes(this.setting,a)};a.setChkDisabled=function(a,b,c,f){b=!!b;c=!!c;e.repairSonChkDisabled(this.setting,a,b,!!f);e.repairParentChkDisabled(this.setting,a.getParentNode(),b,c)};var b=a.updateNode;a.updateNode=function(c,f){b&&b.apply(a,arguments);if(c&&this.setting.check.enable&&n(c,this.setting).get(0)&& +i.uCanDo(this.setting)){var g=n(c,h.id.CHECK,this.setting);(f==!0||this.setting.check.chkStyle===h.radio.STYLE)&&e.checkNodeRelation(this.setting,c);e.setChkClass(this.setting,g,c);e.repairParentChkClassWithSelf(this.setting,c)}}});var s=e.createNodes;e.createNodes=function(c,a,b,d,f){s&&s.apply(e,arguments);b&&e.repairParentChkClassWithSelf(c,d)};var t=e.removeNode;e.removeNode=function(c,a){var b=a.getParentNode();t&&t.apply(e,arguments);a&&b&&(e.repairChkClass(c,b),e.repairParentChkClass(c,b))}; +var u=e.appendNodes;e.appendNodes=function(c,a,b,d,h,g,i){var m="";u&&(m=u.apply(e,arguments));d&&f.makeChkFlag(c,d);return m}})(jQuery); + +/* + * JQuery zTree exedit v3.5.40 + * http://treejs.cn/ + * + * Copyright (c) 2010 Hunter.z + * + * Licensed same as jquery - MIT License + * http://www.opensource.org/licenses/mit-license.php + * + * email: hunter.z@263.net + * Date: 2019-01-18 + */ +(function(B){var I={event:{DRAG:"ztree_drag",DROP:"ztree_drop",RENAME:"ztree_rename",DRAGMOVE:"ztree_dragmove"},id:{EDIT:"_edit",INPUT:"_input",REMOVE:"_remove"},move:{TYPE_INNER:"inner",TYPE_PREV:"prev",TYPE_NEXT:"next"},node:{CURSELECTED_EDIT:"curSelectedNode_Edit",TMPTARGET_TREE:"tmpTargetzTree",TMPTARGET_NODE:"tmpTargetNode"}},v={onHoverOverNode:function(a,b){var c=i.getSetting(a.data.treeId),d=i.getRoot(c);if(d.curHoverNode!=b)v.onHoverOutNode(a);d.curHoverNode=b;e.addHoverDom(c,b)},onHoverOutNode:function(a){var a= +i.getSetting(a.data.treeId),b=i.getRoot(a);if(b.curHoverNode&&!i.isSelectedNode(a,b.curHoverNode))e.removeTreeDom(a,b.curHoverNode),b.curHoverNode=null},onMousedownNode:function(a,b){function c(a){if(m.dragFlag==0&&Math.abs(N-a.clientX)1){var o=n[0].parentTId?i.nodeChildren(f,n[0].getParentNode()):i.getNodes(f);g=[];for(b=0,c=o.length;b-1&&p+1!==b&&(j=!1),g.push(o[b]),p=b),n.length===g.length){n=g;break}}j&&(H=n[0].getPreNode(),Q=n[n.length-1].getNextNode());C=q("
                                                                                                                                                                                                                                                                                                                    ", +f);for(b=0,c=n.length;b0),e.removeTreeDom(f,g),b>f.edit.drag.maxShowNodeNum-1||(j=q("
                                                                                                                                                                                                                                                                                                                  • ",f),j.append(q(g,d.id.A,f).clone()),j.css("padding","0"),j.children("#"+g.tId+d.id.A).removeClass(d.node.CURSELECTED),C.append(j),b==f.edit.drag.maxShowNodeNum-1&&(j=q("
                                                                                                                                                                                                                                                                                                                  • ...
                                                                                                                                                                                                                                                                                                                    • ",f),C.append(j)));C.attr("id",n[0].tId+d.id.UL+"_tmp");C.addClass(f.treeObj.attr("class"));C.appendTo(L);u=q("", +f);u.attr("id","zTreeMove_arrow_tmp");u.appendTo(L);f.treeObj.trigger(d.event.DRAG,[a,f.treeId,n])}if(m.dragFlag==1){t&&u.attr("id")==a.target.id&&w&&a.clientX+G.scrollLeft()+2>B("#"+w+d.id.A,t).offset().left?(g=B("#"+w+d.id.A,t),a.target=g.length>0?g.get(0):a.target):t&&(t.removeClass(d.node.TMPTARGET_TREE),w&&B("#"+w+d.id.A,t).removeClass(d.node.TMPTARGET_NODE+"_"+d.move.TYPE_PREV).removeClass(d.node.TMPTARGET_NODE+"_"+I.move.TYPE_NEXT).removeClass(d.node.TMPTARGET_NODE+"_"+I.move.TYPE_INNER)); +w=t=null;J=!1;h=f;g=i.getSettings();for(var z in g)if(g[z].treeId&&g[z].edit.enable&&g[z].treeId!=f.treeId&&(a.target.id==g[z].treeId||B(a.target).parents("#"+g[z].treeId).length>0))J=!0,h=g[z];z=G.scrollTop();j=G.scrollLeft();p=h.treeObj.offset();b=h.treeObj.get(0).scrollHeight;g=h.treeObj.get(0).scrollWidth;c=a.clientY+z-p.top;var E=h.treeObj.height()+p.top-a.clientY-z,r=a.clientX+j-p.left,s=h.treeObj.width()+p.left-a.clientX-j,p=cf.edit.drag.borderMin,o=Ef.edit.drag.borderMin,F=rf.edit.drag.borderMin,v=sf.edit.drag.borderMin,E=c>f.edit.drag.borderMin&&E>f.edit.drag.borderMin&&r>f.edit.drag.borderMin&&s>f.edit.drag.borderMin,r=p&&h.treeObj.scrollTop()<=0,s=o&&h.treeObj.scrollTop()+h.treeObj.height()+10>=b,M=F&&h.treeObj.scrollLeft()<=0,P=v&&h.treeObj.scrollLeft()+h.treeObj.width()+10>=g;if(a.target&&k.isChildOrSelf(a.target,h.treeId)){for(var D=a.target;D&&D.tagName&&!k.eqs(D.tagName,"li")&&D.id!= +h.treeId;)D=D.parentNode;var R=!0;for(b=0,c=n.length;b0){R=!1;break}if(R&&a.target&&k.isChildOrSelf(a.target,D.id+d.id.A))t=B(D),w=D.id}g=n[0];if(E&&k.isChildOrSelf(a.target,h.treeId)){if(!t&&(a.target.id==h.treeId||r||s||M||P)&&(J||!J&&g.parentTId))t=h.treeObj;p?h.treeObj.scrollTop(h.treeObj.scrollTop()-10):o&&h.treeObj.scrollTop(h.treeObj.scrollTop()+10);F?h.treeObj.scrollLeft(h.treeObj.scrollLeft()-10):v&&h.treeObj.scrollLeft(h.treeObj.scrollLeft()+ +10);t&&t!=h.treeObj&&t.offset().left=-0.2)&&g?(j=1-u.width(),b=E-u.height()/2,x=d.move.TYPE_PREV):(M==0||z>=M&&z<=1.2)&&c?(j=1-u.width(),b=v==null||i.nodeIsParent(f,A)&&A.open?E+F.height()-u.height()/2:v.offset().top-u.height()/2,x=d.move.TYPE_NEXT):p?(j=5-u.width(),b=E,x=d.move.TYPE_INNER):o(),t){u.css({display:"block",top:b+"px",left:r+j+"px"});F.addClass(d.node.TMPTARGET_NODE+"_"+x);if(S!=w||T!=x)K=(new Date).getTime();if(A&&i.nodeIsParent(f, +A)&&x==d.move.TYPE_INNER&&(z=!0,window.zTreeMoveTimer&&window.zTreeMoveTargetNodeTId!==A.tId?(clearTimeout(window.zTreeMoveTimer),window.zTreeMoveTargetNodeTId=null):window.zTreeMoveTimer&&window.zTreeMoveTargetNodeTId===A.tId&&(z=!1),z))window.zTreeMoveTimer=setTimeout(function(){x==d.move.TYPE_INNER&&A&&i.nodeIsParent(f,A)&&!A.open&&(new Date).getTime()-K>h.edit.drag.autoOpenTime&&k.apply(h.callback.beforeDragOpen,[h.treeId,A],!0)&&(e.switchNode(h,A),h.edit.drag.autoExpandTrigger&&h.treeObj.trigger(d.event.EXPAND, +[h.treeId,A]))},h.edit.drag.autoOpenTime+50),window.zTreeMoveTargetNodeTId=A.tId}}else if(x=d.move.TYPE_INNER,t&&k.apply(h.edit.drag.inner,[h.treeId,n,null],!!h.edit.drag.inner)?t.addClass(d.node.TMPTARGET_TREE):t=null,u.css({display:"none"}),window.zTreeMoveTimer)clearTimeout(window.zTreeMoveTimer),window.zTreeMoveTargetNodeTId=null;S=w;T=x;f.treeObj.trigger(d.event.DRAGMOVE,[a,f.treeId,n])}return!1}function l(a){if(window.zTreeMoveTimer)clearTimeout(window.zTreeMoveTimer),window.zTreeMoveTargetNodeTId= +null;T=S=null;G.unbind("mousemove",c);G.unbind("mouseup",l);G.unbind("selectstart",g);L.css("cursor","");t&&(t.removeClass(d.node.TMPTARGET_TREE),w&&B("#"+w+d.id.A,t).removeClass(d.node.TMPTARGET_NODE+"_"+d.move.TYPE_PREV).removeClass(d.node.TMPTARGET_NODE+"_"+I.move.TYPE_NEXT).removeClass(d.node.TMPTARGET_NODE+"_"+I.move.TYPE_INNER));k.showIfameMask(f,!1);y.showHoverDom=!0;if(m.dragFlag!=0){m.dragFlag=0;var b,j,o;for(b=0,j=n.length;b0;)c.dragMaskList[0].remove(),c.dragMaskList.shift();if(b)for(var d=q("iframe",a),g=0,e=d.length;g
                                                                                                                                                                                                                                                                                                                    ",a);j.appendTo(q("body",a));c.dragMaskList.push(j)}}},view:{addEditBtn:function(a,b){if(!(b.editNameFlag|| +q(b,d.id.EDIT,a).length>0)&&k.apply(a.edit.showRenameBtn,[a.treeId,b],a.edit.showRenameBtn)){var c=q(b,d.id.A,a),l="";c.append(l);q(b,d.id.EDIT,a).bind("click",function(){if(!k.uCanDo(a)||k.apply(a.callback.beforeEditName,[a.treeId,b],!0)==!1)return!1;e.editNode(a,b);return!1}).show()}},addRemoveBtn:function(a, +b){if(!(b.editNameFlag||q(b,d.id.REMOVE,a).length>0)&&k.apply(a.edit.showRemoveBtn,[a.treeId,b],a.edit.showRemoveBtn)){var c=q(b,d.id.A,a),l="";c.append(l);q(b,d.id.REMOVE,a).bind("click",function(){if(!k.uCanDo(a)||k.apply(a.callback.beforeRemove,[a.treeId,b],!0)==!1)return!1;e.removeNode(a,b);a.treeObj.trigger(d.event.REMOVE, +[a.treeId,b]);return!1}).bind("mousedown",function(){return!0}).show()}},addHoverDom:function(a,b){if(i.getRoots().showHoverDom)b.isHover=!0,a.edit.enable&&(e.addEditBtn(a,b),e.addRemoveBtn(a,b)),k.apply(a.view.addHoverDom,[a.treeId,b])},cancelCurEditNode:function(a,b,c){var l=i.getRoot(a),g=l.curEditNode;if(g){var o=l.curEditInput,b=b?b:c?i.nodeName(a,g):o.val();if(k.apply(a.callback.beforeRename,[a.treeId,g,b,c],!0)===!1)return!1;i.nodeName(a,g,b);q(g,d.id.A,a).removeClass(d.node.CURSELECTED_EDIT); +o.unbind();e.setNodeName(a,g);g.editNameFlag=!1;l.curEditNode=null;l.curEditInput=null;e.selectNode(a,g,!1);a.treeObj.trigger(d.event.RENAME,[a.treeId,g,c])}return l.noSelection=!0},editNode:function(a,b){var c=i.getRoot(a);e.editNodeBlur=!1;if(i.isSelectedNode(a,b)&&c.curEditNode==b&&b.editNameFlag)setTimeout(function(){k.inputFocus(c.curEditInput)},0);else{b.editNameFlag=!0;e.removeTreeDom(a,b);e.cancelCurEditNode(a);e.selectNode(a,b,!1);q(b,d.id.SPAN,a).html("");var l=q(b,d.id.INPUT,a);l.attr("value",i.nodeName(a,b));a.edit.editNameSelectAll?k.inputSelect(l):k.inputFocus(l);l.bind("blur",function(){e.editNodeBlur||e.cancelCurEditNode(a)}).bind("keydown",function(b){b.keyCode=="13"?(e.editNodeBlur=!0,e.cancelCurEditNode(a)):b.keyCode=="27"&&e.cancelCurEditNode(a,null,!0)}).bind("click",function(){return!1}).bind("dblclick",function(){return!1});q(b,d.id.A,a).addClass(d.node.CURSELECTED_EDIT);c.curEditInput=l; +c.noSelection=!1;c.curEditNode=b}},moveNode:function(a,b,c,l,g,k){var j=i.getRoot(a);if(b!=c&&(!a.data.keep.leaf||!b||i.nodeIsParent(a,b)||l!=d.move.TYPE_INNER)){var f=c.parentTId?c.getParentNode():j,m=b===null||b==j;m&&b===null&&(b=j);if(m)l=d.move.TYPE_INNER;j=b.parentTId?b.getParentNode():j;if(l!=d.move.TYPE_PREV&&l!=d.move.TYPE_NEXT)l=d.move.TYPE_INNER;if(l==d.move.TYPE_INNER)if(m)c.parentTId=null;else{if(!i.nodeIsParent(a,b))i.nodeIsParent(a,b,!0),b.open=!!b.open,e.setNodeLineIcos(a,b);c.parentTId= +b.tId}var y;m?y=m=a.treeObj:(!k&&l==d.move.TYPE_INNER?e.expandCollapseNode(a,b,!0,!1):k||e.expandCollapseNode(a,b.getParentNode(),!0,!1),m=q(b,a),y=q(b,d.id.UL,a),m.get(0)&&!y.get(0)&&(y=[],e.makeUlHtml(a,b,y,""),m.append(y.join(""))),y=q(b,d.id.UL,a));var r=q(c,a);r.get(0)?m.get(0)||r.remove():r=e.appendNodes(a,c.level,[c],null,-1,!1,!0).join("");y.get(0)&&l==d.move.TYPE_INNER?y.append(r):m.get(0)&&l==d.move.TYPE_PREV?m.before(r):m.get(0)&&l==d.move.TYPE_NEXT&&m.after(r);var s;y=-1;var r=0,n=null, +m=null,B=c.level,v=i.nodeChildren(a,f),C=i.nodeChildren(a,j),u=i.nodeChildren(a,b);if(c.isFirstNode){if(y=0,v.length>1)n=v[1],n.isFirstNode=!0}else if(c.isLastNode)y=v.length-1,n=v[y-1],n.isLastNode=!0;else for(j=0,s=v.length;j=0&&v.splice(y,1);if(l!=d.move.TYPE_INNER)for(j=0,s=C.length;j0)m=u[u.length-1],m.isLastNode=!1;u.splice(u.length,0,c);c.isLastNode=!0;c.isFirstNode= +u.length==1}else b.isFirstNode&&l==d.move.TYPE_PREV?(C.splice(r,0,c),m=b,m.isFirstNode=!1,c.parentTId=b.parentTId,c.isFirstNode=!0,c.isLastNode=!1):b.isLastNode&&l==d.move.TYPE_NEXT?(C.splice(r+1,0,c),m=b,m.isLastNode=!1,c.parentTId=b.parentTId,c.isFirstNode=!1,c.isLastNode=!0):(l==d.move.TYPE_PREV?C.splice(r,0,c):C.splice(r+1,0,c),c.parentTId=b.parentTId,c.isFirstNode=!1,c.isLastNode=!1);i.fixPIdKeyValue(a,c);i.setSonNodeLevel(a,c.getParentNode(),c);e.setNodeLineIcos(a,c);e.repairNodeLevelClass(a, +c,B);!a.data.keep.parent&&v.length<1?(i.nodeIsParent(a,f,!1),f.open=!1,b=q(f,d.id.UL,a),l=q(f,d.id.SWITCH,a),j=q(f,d.id.ICON,a),e.replaceSwitchClass(f,l,d.folder.DOCU),e.replaceIcoClass(f,j,d.folder.DOCU),b.css("display","none")):n&&e.setNodeLineIcos(a,n);m&&e.setNodeLineIcos(a,m);a.check&&a.check.enable&&e.repairChkClass&&(e.repairChkClass(a,f),e.repairParentChkClassWithSelf(a,f),f!=c.parent&&e.repairParentChkClassWithSelf(a,c));k||e.expandCollapseParentNode(a,c.getParentNode(),!0,g)}},removeEditBtn:function(a, +b){q(b,d.id.EDIT,a).unbind().remove()},removeRemoveBtn:function(a,b){q(b,d.id.REMOVE,a).unbind().remove()},removeTreeDom:function(a,b){b.isHover=!1;e.removeEditBtn(a,b);e.removeRemoveBtn(a,b);k.apply(a.view.removeHoverDom,[a.treeId,b])},repairNodeLevelClass:function(a,b,c){if(c!==b.level){var e=q(b,a),g=q(b,d.id.A,a),a=q(b,d.id.UL,a),c=d.className.LEVEL+c,b=d.className.LEVEL+b.level;e.removeClass(c);e.addClass(b);g.removeClass(c);g.addClass(b);a.removeClass(c);a.addClass(b)}},selectNodes:function(a, +b){for(var c=0,d=b.length;c0)}},event:{},data:{setSonNodeLevel:function(a,b,c){if(c){var d=i.nodeChildren(a,c);c.level=b?b.level+1:0;if(d)for(var b=0,g=d.length;b0)switch(o=i.getNodeCache(c,g),j){case "mousedownNode":f=v.onMousedownNode;break;case "hoverOverNode":f=v.onHoverOverNode; +break;case "hoverOutNode":f=v.onHoverOutNode}return{stop:!1,node:o,nodeEventType:j,nodeEventCallback:f,treeEventType:"",treeEventCallback:null}});i.addInitRoot(function(a){var a=i.getRoot(a),b=i.getRoots();a.curEditNode=null;a.curEditInput=null;a.curHoverNode=null;a.dragFlag=0;a.dragNodeShowBefore=[];a.dragMaskList=[];b.showHoverDom=!0});i.addZTreeTools(function(a,b){b.cancelEditName=function(a){i.getRoot(this.setting).curEditNode&&e.cancelCurEditNode(this.setting,a?a:null,!0)};b.copyNode=function(b, +l,g,o){if(!l)return null;var j=i.nodeIsParent(a,b);if(b&&!j&&this.setting.data.keep.leaf&&g===d.move.TYPE_INNER)return null;var f=this,m=k.clone(l);if(!b)b=null,g=d.move.TYPE_INNER;g==d.move.TYPE_INNER?(l=function(){e.addNodes(f.setting,b,-1,[m],o)},k.canAsync(this.setting,b)?e.asyncNode(this.setting,b,o,l):l()):(e.addNodes(this.setting,b.parentNode,-1,[m],o),e.moveNode(this.setting,b,m,g,!1,o));return m};b.editName=function(a){a&&a.tId&&a===i.getNodeCache(this.setting,a.tId)&&(a.parentTId&&e.expandCollapseParentNode(this.setting, +a.getParentNode(),!0),e.editNode(this.setting,a))};b.moveNode=function(b,l,g,o){function j(){e.moveNode(m.setting,b,l,g,!1,o)}if(!l)return l;var f=i.nodeIsParent(a,b);if(b&&!f&&this.setting.data.keep.leaf&&g===d.move.TYPE_INNER)return null;else if(b&&(l.parentTId==b.tId&&g==d.move.TYPE_INNER||q(l,this.setting).find("#"+b.tId).length>0))return null;else b||(b=null);var m=this;k.canAsync(this.setting,b)&&g===d.move.TYPE_INNER?e.asyncNode(this.setting,b,o,j):j();return l};b.setEditable=function(a){this.setting.edit.enable= +a;return this.refresh()}});var N=e.cancelPreSelectedNode;e.cancelPreSelectedNode=function(a,b){for(var c=i.getRoot(a).curSelectedList,d=0,g=c.length;d 0 && tId.length == 0) { + tmp = tools.getMDom(setting, target, [{tagName: "a", attrName: "treeNode" + consts.id.A}]); + if (tmp) { + tId = tools.getNodeMainDom(tmp).id; + } + } + // event to node + if (tId.length > 0) { + node = data.getNodeCache(setting, tId); + switch (nodeEventType) { + case "switchNode" : + var isParent = data.nodeIsParent(setting, node); + if (!isParent) { + nodeEventType = ""; + } else if (tools.eqs(event.type, "click") + || (tools.eqs(event.type, "dblclick") && tools.apply(setting.view.dblClickExpand, [setting.treeId, node], setting.view.dblClickExpand))) { + nodeEventCallback = handler.onSwitchNode; + } else { + nodeEventType = ""; + } + break; + case "clickNode" : + nodeEventCallback = handler.onClickNode; + break; + } + } + // event to zTree + switch (treeEventType) { + case "mousedown" : + treeEventCallback = handler.onZTreeMousedown; + break; + case "mouseup" : + treeEventCallback = handler.onZTreeMouseup; + break; + case "dblclick" : + treeEventCallback = handler.onZTreeDblclick; + break; + case "contextmenu" : + treeEventCallback = handler.onZTreeContextmenu; + break; + } + var proxyResult = { + stop: false, + node: node, + nodeEventType: nodeEventType, + nodeEventCallback: nodeEventCallback, + treeEventType: treeEventType, + treeEventCallback: treeEventCallback + }; + return proxyResult + }, + //default init node of core + _initNode = function (setting, level, n, parentNode, isFirstNode, isLastNode, openFlag) { + if (!n) return; + var r = data.getRoot(setting), + children = data.nodeChildren(setting, n); + n.level = level; + n.tId = setting.treeId + "_" + (++r.zId); + n.parentTId = parentNode ? parentNode.tId : null; + n.open = (typeof n.open == "string") ? tools.eqs(n.open, "true") : !!n.open; + var isParent = data.nodeIsParent(setting, n); + if (tools.isArray(children)) { + data.nodeIsParent(setting, n, true); + n.zAsync = true; + } else { + isParent = data.nodeIsParent(setting, n, isParent); + n.open = (isParent && !setting.async.enable) ? n.open : false; + n.zAsync = !isParent; + } + n.isFirstNode = isFirstNode; + n.isLastNode = isLastNode; + n.getParentNode = function () { + return data.getNodeCache(setting, n.parentTId); + }; + n.getPreNode = function () { + return data.getPreNode(setting, n); + }; + n.getNextNode = function () { + return data.getNextNode(setting, n); + }; + n.getIndex = function () { + return data.getNodeIndex(setting, n); + }; + n.getPath = function () { + return data.getNodePath(setting, n); + }; + n.isAjaxing = false; + data.fixPIdKeyValue(setting, n); + }, + _init = { + bind: [_bindEvent], + unbind: [_unbindEvent], + caches: [_initCache], + nodes: [_initNode], + proxys: [_eventProxy], + roots: [_initRoot], + beforeA: [], + afterA: [], + innerBeforeA: [], + innerAfterA: [], + zTreeTools: [] + }, + //method of operate data + data = { + addNodeCache: function (setting, node) { + data.getCache(setting).nodes[data.getNodeCacheId(node.tId)] = node; + }, + getNodeCacheId: function (tId) { + return tId.substring(tId.lastIndexOf("_") + 1); + }, + addAfterA: function (afterA) { + _init.afterA.push(afterA); + }, + addBeforeA: function (beforeA) { + _init.beforeA.push(beforeA); + }, + addInnerAfterA: function (innerAfterA) { + _init.innerAfterA.push(innerAfterA); + }, + addInnerBeforeA: function (innerBeforeA) { + _init.innerBeforeA.push(innerBeforeA); + }, + addInitBind: function (bindEvent) { + _init.bind.push(bindEvent); + }, + addInitUnBind: function (unbindEvent) { + _init.unbind.push(unbindEvent); + }, + addInitCache: function (initCache) { + _init.caches.push(initCache); + }, + addInitNode: function (initNode) { + _init.nodes.push(initNode); + }, + addInitProxy: function (initProxy, isFirst) { + if (!!isFirst) { + _init.proxys.splice(0, 0, initProxy); + } else { + _init.proxys.push(initProxy); + } + }, + addInitRoot: function (initRoot) { + _init.roots.push(initRoot); + }, + addNodesData: function (setting, parentNode, index, nodes) { + var children = data.nodeChildren(setting, parentNode), params; + if (!children) { + children = data.nodeChildren(setting, parentNode, []); + index = -1; + } else if (index >= children.length) { + index = -1; + } + + if (children.length > 0 && index === 0) { + children[0].isFirstNode = false; + view.setNodeLineIcos(setting, children[0]); + } else if (children.length > 0 && index < 0) { + children[children.length - 1].isLastNode = false; + view.setNodeLineIcos(setting, children[children.length - 1]); + } + data.nodeIsParent(setting, parentNode, true); + + if (index < 0) { + data.nodeChildren(setting, parentNode, children.concat(nodes)); + } else { + params = [index, 0].concat(nodes); + children.splice.apply(children, params); + } + }, + addSelectedNode: function (setting, node) { + var root = data.getRoot(setting); + if (!data.isSelectedNode(setting, node)) { + root.curSelectedList.push(node); + } + }, + addCreatedNode: function (setting, node) { + if (!!setting.callback.onNodeCreated || !!setting.view.addDiyDom) { + var root = data.getRoot(setting); + root.createdNodes.push(node); + } + }, + addZTreeTools: function (zTreeTools) { + _init.zTreeTools.push(zTreeTools); + }, + exSetting: function (s) { + $.extend(true, _setting, s); + }, + fixPIdKeyValue: function (setting, node) { + if (setting.data.simpleData.enable) { + node[setting.data.simpleData.pIdKey] = node.parentTId ? node.getParentNode()[setting.data.simpleData.idKey] : setting.data.simpleData.rootPId; + } + }, + getAfterA: function (setting, node, array) { + for (var i = 0, j = _init.afterA.length; i < j; i++) { + _init.afterA[i].apply(this, arguments); + } + }, + getBeforeA: function (setting, node, array) { + for (var i = 0, j = _init.beforeA.length; i < j; i++) { + _init.beforeA[i].apply(this, arguments); + } + }, + getInnerAfterA: function (setting, node, array) { + for (var i = 0, j = _init.innerAfterA.length; i < j; i++) { + _init.innerAfterA[i].apply(this, arguments); + } + }, + getInnerBeforeA: function (setting, node, array) { + for (var i = 0, j = _init.innerBeforeA.length; i < j; i++) { + _init.innerBeforeA[i].apply(this, arguments); + } + }, + getCache: function (setting) { + return caches[setting.treeId]; + }, + getNodeIndex: function (setting, node) { + if (!node) return null; + var p = node.parentTId ? node.getParentNode() : data.getRoot(setting), + children = data.nodeChildren(setting, p); + for (var i = 0, l = children.length - 1; i <= l; i++) { + if (children[i] === node) { + return i; + } + } + return -1; + }, + getNextNode: function (setting, node) { + if (!node) return null; + var p = node.parentTId ? node.getParentNode() : data.getRoot(setting), + children = data.nodeChildren(setting, p); + for (var i = 0, l = children.length - 1; i <= l; i++) { + if (children[i] === node) { + return (i == l ? null : children[i + 1]); + } + } + return null; + }, + getNodeByParam: function (setting, nodes, key, value) { + if (!nodes || !key) return null; + for (var i = 0, l = nodes.length; i < l; i++) { + var node = nodes[i]; + if (node[key] == value) { + return nodes[i]; + } + var children = data.nodeChildren(setting, node); + var tmp = data.getNodeByParam(setting, children, key, value); + if (tmp) return tmp; + } + return null; + }, + getNodeCache: function (setting, tId) { + if (!tId) return null; + var n = caches[setting.treeId].nodes[data.getNodeCacheId(tId)]; + return n ? n : null; + }, + getNodePath: function (setting, node) { + if (!node) return null; + + var path; + if (node.parentTId) { + path = node.getParentNode().getPath(); + } else { + path = []; + } + + if (path) { + path.push(node); + } + + return path; + }, + getNodes: function (setting) { + return data.nodeChildren(setting, data.getRoot(setting)); + }, + getNodesByParam: function (setting, nodes, key, value) { + if (!nodes || !key) return []; + var result = []; + for (var i = 0, l = nodes.length; i < l; i++) { + var node = nodes[i]; + if (node[key] == value) { + result.push(node); + } + var children = data.nodeChildren(setting, node); + result = result.concat(data.getNodesByParam(setting, children, key, value)); + } + return result; + }, + getNodesByParamFuzzy: function (setting, nodes, key, value) { + if (!nodes || !key) return []; + var result = []; + value = value.toLowerCase(); + for (var i = 0, l = nodes.length; i < l; i++) { + var node = nodes[i]; + if (typeof node[key] == "string" && nodes[i][key].toLowerCase().indexOf(value) > -1) { + result.push(node); + } + var children = data.nodeChildren(setting, node); + result = result.concat(data.getNodesByParamFuzzy(setting, children, key, value)); + } + return result; + }, + getNodesByFilter: function (setting, nodes, filter, isSingle, invokeParam) { + if (!nodes) return (isSingle ? null : []); + var result = isSingle ? null : []; + for (var i = 0, l = nodes.length; i < l; i++) { + var node = nodes[i]; + if (tools.apply(filter, [node, invokeParam], false)) { + if (isSingle) { + return node; + } + result.push(node); + } + var children = data.nodeChildren(setting, node); + var tmpResult = data.getNodesByFilter(setting, children, filter, isSingle, invokeParam); + if (isSingle && !!tmpResult) { + return tmpResult; + } + result = isSingle ? tmpResult : result.concat(tmpResult); + } + return result; + }, + getPreNode: function (setting, node) { + if (!node) return null; + var p = node.parentTId ? node.getParentNode() : data.getRoot(setting), + children = data.nodeChildren(setting, p); + for (var i = 0, l = children.length; i < l; i++) { + if (children[i] === node) { + return (i == 0 ? null : children[i - 1]); + } + } + return null; + }, + getRoot: function (setting) { + return setting ? roots[setting.treeId] : null; + }, + getRoots: function () { + return roots; + }, + getSetting: function (treeId) { + return settings[treeId]; + }, + getSettings: function () { + return settings; + }, + getZTreeTools: function (treeId) { + var r = this.getRoot(this.getSetting(treeId)); + return r ? r.treeTools : null; + }, + initCache: function (setting) { + for (var i = 0, j = _init.caches.length; i < j; i++) { + _init.caches[i].apply(this, arguments); + } + }, + initNode: function (setting, level, node, parentNode, preNode, nextNode) { + for (var i = 0, j = _init.nodes.length; i < j; i++) { + _init.nodes[i].apply(this, arguments); + } + }, + initRoot: function (setting) { + for (var i = 0, j = _init.roots.length; i < j; i++) { + _init.roots[i].apply(this, arguments); + } + }, + isSelectedNode: function (setting, node) { + var root = data.getRoot(setting); + for (var i = 0, j = root.curSelectedList.length; i < j; i++) { + if (node === root.curSelectedList[i]) return true; + } + return false; + }, + nodeChildren: function (setting, node, newChildren) { + if (!node) { + return null; + } + var key = setting.data.key.children; + if (typeof newChildren !== 'undefined') { + node[key] = newChildren; + } + return node[key]; + }, + nodeIsParent: function (setting, node, newIsParent) { + if (!node) { + return false; + } + var key = setting.data.key.isParent; + if (typeof newIsParent !== 'undefined') { + if (typeof newIsParent === "string") { + newIsParent = tools.eqs(newIsParent, "true"); + } + newIsParent = !!newIsParent; + node[key] = newIsParent; + } else if (typeof node[key] == "string"){ + node[key] = tools.eqs(node[key], "true"); + } else { + node[key] = !!node[key]; + } + return node[key]; + }, + nodeName: function (setting, node, newName) { + var key = setting.data.key.name; + if (typeof newName !== 'undefined') { + node[key] = newName; + } + return "" + node[key]; + }, + nodeTitle: function (setting, node) { + var t = setting.data.key.title === "" ? setting.data.key.name : setting.data.key.title; + return "" + node[t]; + }, + removeNodeCache: function (setting, node) { + var children = data.nodeChildren(setting, node); + if (children) { + for (var i = 0, l = children.length; i < l; i++) { + data.removeNodeCache(setting, children[i]); + } + } + data.getCache(setting).nodes[data.getNodeCacheId(node.tId)] = null; + }, + removeSelectedNode: function (setting, node) { + var root = data.getRoot(setting); + for (var i = 0, j = root.curSelectedList.length; i < j; i++) { + if (node === root.curSelectedList[i] || !data.getNodeCache(setting, root.curSelectedList[i].tId)) { + root.curSelectedList.splice(i, 1); + setting.treeObj.trigger(consts.event.UNSELECTED, [setting.treeId, node]); + i--; + j--; + } + } + }, + setCache: function (setting, cache) { + caches[setting.treeId] = cache; + }, + setRoot: function (setting, root) { + roots[setting.treeId] = root; + }, + setZTreeTools: function (setting, zTreeTools) { + for (var i = 0, j = _init.zTreeTools.length; i < j; i++) { + _init.zTreeTools[i].apply(this, arguments); + } + }, + transformToArrayFormat: function (setting, nodes) { + if (!nodes) return []; + var r = []; + if (tools.isArray(nodes)) { + for (var i = 0, l = nodes.length; i < l; i++) { + var node = nodes[i]; + _do(node); + } + } else { + _do(nodes); + } + return r; + + function _do(_node) { + r.push(_node); + var children = data.nodeChildren(setting, _node); + if (children) { + r = r.concat(data.transformToArrayFormat(setting, children)); + } + } + }, + transformTozTreeFormat: function (setting, sNodes) { + var i, l, + key = setting.data.simpleData.idKey, + parentKey = setting.data.simpleData.pIdKey; + if (!key || key == "" || !sNodes) return []; + + if (tools.isArray(sNodes)) { + var r = []; + var tmpMap = {}; + for (i = 0, l = sNodes.length; i < l; i++) { + tmpMap[sNodes[i][key]] = sNodes[i]; + } + for (i = 0, l = sNodes.length; i < l; i++) { + var p = tmpMap[sNodes[i][parentKey]]; + if (p && sNodes[i][key] != sNodes[i][parentKey]) { + var children = data.nodeChildren(setting, p); + if (!children) { + children = data.nodeChildren(setting, p, []); + } + children.push(sNodes[i]); + } else { + r.push(sNodes[i]); + } + } + return r; + } else { + return [sNodes]; + } + } + }, + //method of event proxy + event = { + bindEvent: function (setting) { + for (var i = 0, j = _init.bind.length; i < j; i++) { + _init.bind[i].apply(this, arguments); + } + }, + unbindEvent: function (setting) { + for (var i = 0, j = _init.unbind.length; i < j; i++) { + _init.unbind[i].apply(this, arguments); + } + }, + bindTree: function (setting) { + var eventParam = { + treeId: setting.treeId + }, + o = setting.treeObj; + if (!setting.view.txtSelectedEnable) { + // for can't select text + o.bind('selectstart', handler.onSelectStart).css({ + "-moz-user-select": "-moz-none" + }); + } + o.bind('click', eventParam, event.proxy); + o.bind('dblclick', eventParam, event.proxy); + o.bind('mouseover', eventParam, event.proxy); + o.bind('mouseout', eventParam, event.proxy); + o.bind('mousedown', eventParam, event.proxy); + o.bind('mouseup', eventParam, event.proxy); + o.bind('contextmenu', eventParam, event.proxy); + }, + unbindTree: function (setting) { + var o = setting.treeObj; + o.unbind('selectstart', handler.onSelectStart) + .unbind('click', event.proxy) + .unbind('dblclick', event.proxy) + .unbind('mouseover', event.proxy) + .unbind('mouseout', event.proxy) + .unbind('mousedown', event.proxy) + .unbind('mouseup', event.proxy) + .unbind('contextmenu', event.proxy); + }, + doProxy: function (e) { + var results = []; + for (var i = 0, j = _init.proxys.length; i < j; i++) { + var proxyResult = _init.proxys[i].apply(this, arguments); + results.push(proxyResult); + if (proxyResult.stop) { + break; + } + } + return results; + }, + proxy: function (e) { + var setting = data.getSetting(e.data.treeId); + if (!tools.uCanDo(setting, e)) return true; + var results = event.doProxy(e), + r = true, x = false; + for (var i = 0, l = results.length; i < l; i++) { + var proxyResult = results[i]; + if (proxyResult.nodeEventCallback) { + x = true; + r = proxyResult.nodeEventCallback.apply(proxyResult, [e, proxyResult.node]) && r; + } + if (proxyResult.treeEventCallback) { + x = true; + r = proxyResult.treeEventCallback.apply(proxyResult, [e, proxyResult.node]) && r; + } + } + return r; + } + }, + //method of event handler + handler = { + onSwitchNode: function (event, node) { + var setting = data.getSetting(event.data.treeId); + if (node.open) { + if (tools.apply(setting.callback.beforeCollapse, [setting.treeId, node], true) == false) return true; + data.getRoot(setting).expandTriggerFlag = true; + view.switchNode(setting, node); + } else { + if (tools.apply(setting.callback.beforeExpand, [setting.treeId, node], true) == false) return true; + data.getRoot(setting).expandTriggerFlag = true; + view.switchNode(setting, node); + } + return true; + }, + onClickNode: function (event, node) { + var setting = data.getSetting(event.data.treeId), + clickFlag = ((setting.view.autoCancelSelected && (event.ctrlKey || event.metaKey)) && data.isSelectedNode(setting, node)) ? 0 : (setting.view.autoCancelSelected && (event.ctrlKey || event.metaKey) && setting.view.selectedMulti) ? 2 : 1; + if (tools.apply(setting.callback.beforeClick, [setting.treeId, node, clickFlag], true) == false) return true; + if (clickFlag === 0) { + view.cancelPreSelectedNode(setting, node); + } else { + view.selectNode(setting, node, clickFlag === 2); + } + setting.treeObj.trigger(consts.event.CLICK, [event, setting.treeId, node, clickFlag]); + return true; + }, + onZTreeMousedown: function (event, node) { + var setting = data.getSetting(event.data.treeId); + if (tools.apply(setting.callback.beforeMouseDown, [setting.treeId, node], true)) { + tools.apply(setting.callback.onMouseDown, [event, setting.treeId, node]); + } + return true; + }, + onZTreeMouseup: function (event, node) { + var setting = data.getSetting(event.data.treeId); + if (tools.apply(setting.callback.beforeMouseUp, [setting.treeId, node], true)) { + tools.apply(setting.callback.onMouseUp, [event, setting.treeId, node]); + } + return true; + }, + onZTreeDblclick: function (event, node) { + var setting = data.getSetting(event.data.treeId); + if (tools.apply(setting.callback.beforeDblClick, [setting.treeId, node], true)) { + tools.apply(setting.callback.onDblClick, [event, setting.treeId, node]); + } + return true; + }, + onZTreeContextmenu: function (event, node) { + var setting = data.getSetting(event.data.treeId); + if (tools.apply(setting.callback.beforeRightClick, [setting.treeId, node], true)) { + tools.apply(setting.callback.onRightClick, [event, setting.treeId, node]); + } + return (typeof setting.callback.onRightClick) != "function"; + }, + onSelectStart: function (e) { + var n = e.originalEvent.srcElement.nodeName.toLowerCase(); + return (n === "input" || n === "textarea"); + } + }, + //method of tools for zTree + tools = { + apply: function (fun, param, defaultValue) { + if ((typeof fun) == "function") { + return fun.apply(zt, param ? param : []); + } + return defaultValue; + }, + canAsync: function (setting, node) { + var children = data.nodeChildren(setting, node); + var isParent = data.nodeIsParent(setting, node); + return (setting.async.enable && node && isParent && !(node.zAsync || (children && children.length > 0))); + }, + clone: function (obj) { + if (obj === null) return null; + var o = tools.isArray(obj) ? [] : {}; + for (var i in obj) { + o[i] = (obj[i] instanceof Date) ? new Date(obj[i].getTime()) : (typeof obj[i] === "object" ? tools.clone(obj[i]) : obj[i]); + } + return o; + }, + eqs: function (str1, str2) { + return str1.toLowerCase() === str2.toLowerCase(); + }, + isArray: function (arr) { + return Object.prototype.toString.apply(arr) === "[object Array]"; + }, + isElement: function (o) { + return ( + typeof HTMLElement === "object" ? o instanceof HTMLElement : //DOM2 + o && typeof o === "object" && o !== null && o.nodeType === 1 && typeof o.nodeName === "string" + ); + }, + $: function (node, exp, setting) { + if (!!exp && typeof exp != "string") { + setting = exp; + exp = ""; + } + if (typeof node == "string") { + return $(node, setting ? setting.treeObj.get(0).ownerDocument : null); + } else { + return $("#" + node.tId + exp, setting ? setting.treeObj : null); + } + }, + getMDom: function (setting, curDom, targetExpr) { + if (!curDom) return null; + while (curDom && curDom.id !== setting.treeId) { + for (var i = 0, l = targetExpr.length; curDom.tagName && i < l; i++) { + if (tools.eqs(curDom.tagName, targetExpr[i].tagName) && curDom.getAttribute(targetExpr[i].attrName) !== null) { + return curDom; + } + } + curDom = curDom.parentNode; + } + return null; + }, + getNodeMainDom: function (target) { + return ($(target).parent("li").get(0) || $(target).parentsUntil("li").parent().get(0)); + }, + isChildOrSelf: function (dom, parentId) { + return ($(dom).closest("#" + parentId).length > 0); + }, + uCanDo: function (setting, e) { + return true; + } + }, + //method of operate ztree dom + view = { + addNodes: function (setting, parentNode, index, newNodes, isSilent) { + var isParent = data.nodeIsParent(setting, parentNode); + if (setting.data.keep.leaf && parentNode && !isParent) { + return; + } + if (!tools.isArray(newNodes)) { + newNodes = [newNodes]; + } + if (setting.data.simpleData.enable) { + newNodes = data.transformTozTreeFormat(setting, newNodes); + } + if (parentNode) { + var target_switchObj = $$(parentNode, consts.id.SWITCH, setting), + target_icoObj = $$(parentNode, consts.id.ICON, setting), + target_ulObj = $$(parentNode, consts.id.UL, setting); + + if (!parentNode.open) { + view.replaceSwitchClass(parentNode, target_switchObj, consts.folder.CLOSE); + view.replaceIcoClass(parentNode, target_icoObj, consts.folder.CLOSE); + parentNode.open = false; + target_ulObj.css({ + "display": "none" + }); + } + + data.addNodesData(setting, parentNode, index, newNodes); + view.createNodes(setting, parentNode.level + 1, newNodes, parentNode, index); + if (!isSilent) { + view.expandCollapseParentNode(setting, parentNode, true); + } + } else { + data.addNodesData(setting, data.getRoot(setting), index, newNodes); + view.createNodes(setting, 0, newNodes, null, index); + } + }, + appendNodes: function (setting, level, nodes, parentNode, index, initFlag, openFlag) { + if (!nodes) return []; + var html = []; + + var tmpPNode = (parentNode) ? parentNode : data.getRoot(setting), + tmpPChild = data.nodeChildren(setting, tmpPNode), + isFirstNode, isLastNode; + + if (!tmpPChild || index >= tmpPChild.length - nodes.length) { + index = -1; + } + + for (var i = 0, l = nodes.length; i < l; i++) { + var node = nodes[i]; + if (initFlag) { + isFirstNode = ((index === 0 || tmpPChild.length == nodes.length) && (i == 0)); + isLastNode = (index < 0 && i == (nodes.length - 1)); + data.initNode(setting, level, node, parentNode, isFirstNode, isLastNode, openFlag); + data.addNodeCache(setting, node); + } + var isParent = data.nodeIsParent(setting, node); + + var childHtml = []; + var children = data.nodeChildren(setting, node); + if (children && children.length > 0) { + //make child html first, because checkType + childHtml = view.appendNodes(setting, level + 1, children, node, -1, initFlag, openFlag && node.open); + } + if (openFlag) { + view.makeDOMNodeMainBefore(html, setting, node); + view.makeDOMNodeLine(html, setting, node); + data.getBeforeA(setting, node, html); + view.makeDOMNodeNameBefore(html, setting, node); + data.getInnerBeforeA(setting, node, html); + view.makeDOMNodeIcon(html, setting, node); + data.getInnerAfterA(setting, node, html); + view.makeDOMNodeNameAfter(html, setting, node); + data.getAfterA(setting, node, html); + if (isParent && node.open) { + view.makeUlHtml(setting, node, html, childHtml.join('')); + } + view.makeDOMNodeMainAfter(html, setting, node); + data.addCreatedNode(setting, node); + } + } + return html; + }, + appendParentULDom: function (setting, node) { + var html = [], + nObj = $$(node, setting); + if (!nObj.get(0) && !!node.parentTId) { + view.appendParentULDom(setting, node.getParentNode()); + nObj = $$(node, setting); + } + var ulObj = $$(node, consts.id.UL, setting); + if (ulObj.get(0)) { + ulObj.remove(); + } + var children = data.nodeChildren(setting, node), + childHtml = view.appendNodes(setting, node.level + 1, children, node, -1, false, true); + view.makeUlHtml(setting, node, html, childHtml.join('')); + nObj.append(html.join('')); + }, + asyncNode: function (setting, node, isSilent, callback) { + var i, l; + var isParent = data.nodeIsParent(setting, node); + if (node && !isParent) { + tools.apply(callback); + return false; + } else if (node && node.isAjaxing) { + return false; + } else if (tools.apply(setting.callback.beforeAsync, [setting.treeId, node], true) == false) { + tools.apply(callback); + return false; + } + if (node) { + node.isAjaxing = true; + var icoObj = $$(node, consts.id.ICON, setting); + icoObj.attr({"style": "", "class": consts.className.BUTTON + " " + consts.className.ICO_LOADING}); + } + + var tmpParam = {}; + var autoParam = tools.apply(setting.async.autoParam, [setting.treeId, node], setting.async.autoParam); + for (i = 0, l = autoParam.length; node && i < l; i++) { + var pKey = autoParam[i].split("="), spKey = pKey; + if (pKey.length > 1) { + spKey = pKey[1]; + pKey = pKey[0]; + } + tmpParam[spKey] = node[pKey]; + } + var otherParam = tools.apply(setting.async.otherParam, [setting.treeId, node], setting.async.otherParam); + if (tools.isArray(otherParam)) { + for (i = 0, l = otherParam.length; i < l; i += 2) { + tmpParam[otherParam[i]] = otherParam[i + 1]; + } + } else { + for (var p in otherParam) { + tmpParam[p] = otherParam[p]; + } + } + + var _tmpV = data.getRoot(setting)._ver; + $.ajax({ + contentType: setting.async.contentType, + cache: false, + type: setting.async.type, + url: tools.apply(setting.async.url, [setting.treeId, node], setting.async.url), + data: setting.async.contentType.indexOf('application/json') > -1 ? JSON.stringify(tmpParam) : tmpParam, + dataType: setting.async.dataType, + headers: setting.async.headers, + xhrFields: setting.async.xhrFields, + success: function (msg) { + if (_tmpV != data.getRoot(setting)._ver) { + return; + } + var newNodes = []; + try { + if (!msg || msg.length == 0) { + newNodes = []; + } else if (typeof msg == "string") { + newNodes = eval("(" + msg + ")"); + } else { + newNodes = msg; + } + } catch (err) { + newNodes = msg; + } + + if (node) { + node.isAjaxing = null; + node.zAsync = true; + } + view.setNodeLineIcos(setting, node); + if (newNodes && newNodes !== "") { + newNodes = tools.apply(setting.async.dataFilter, [setting.treeId, node, newNodes], newNodes); + view.addNodes(setting, node, -1, !!newNodes ? tools.clone(newNodes) : [], !!isSilent); + } else { + view.addNodes(setting, node, -1, [], !!isSilent); + } + setting.treeObj.trigger(consts.event.ASYNC_SUCCESS, [setting.treeId, node, msg]); + tools.apply(callback); + }, + error: function (XMLHttpRequest, textStatus, errorThrown) { + if (_tmpV != data.getRoot(setting)._ver) { + return; + } + if (node) node.isAjaxing = null; + view.setNodeLineIcos(setting, node); + setting.treeObj.trigger(consts.event.ASYNC_ERROR, [setting.treeId, node, XMLHttpRequest, textStatus, errorThrown]); + } + }); + return true; + }, + cancelPreSelectedNode: function (setting, node, excludeNode) { + var list = data.getRoot(setting).curSelectedList, + i, n; + for (i = list.length - 1; i >= 0; i--) { + n = list[i]; + if (node === n || (!node && (!excludeNode || excludeNode !== n))) { + $$(n, consts.id.A, setting).removeClass(consts.node.CURSELECTED); + if (node) { + data.removeSelectedNode(setting, node); + break; + } else { + list.splice(i, 1); + setting.treeObj.trigger(consts.event.UNSELECTED, [setting.treeId, n]); + } + } + } + }, + createNodeCallback: function (setting) { + if (!!setting.callback.onNodeCreated || !!setting.view.addDiyDom) { + var root = data.getRoot(setting); + while (root.createdNodes.length > 0) { + var node = root.createdNodes.shift(); + tools.apply(setting.view.addDiyDom, [setting.treeId, node]); + if (!!setting.callback.onNodeCreated) { + setting.treeObj.trigger(consts.event.NODECREATED, [setting.treeId, node]); + } + } + } + }, + createNodes: function (setting, level, nodes, parentNode, index) { + if (!nodes || nodes.length == 0) return; + var root = data.getRoot(setting), + openFlag = !parentNode || parentNode.open || !!$$(data.nodeChildren(setting, parentNode)[0], setting).get(0); + root.createdNodes = []; + var zTreeHtml = view.appendNodes(setting, level, nodes, parentNode, index, true, openFlag), + parentObj, nextObj; + + if (!parentNode) { + parentObj = setting.treeObj; + //setting.treeObj.append(zTreeHtml.join('')); + } else { + var ulObj = $$(parentNode, consts.id.UL, setting); + if (ulObj.get(0)) { + parentObj = ulObj; + //ulObj.append(zTreeHtml.join('')); + } + } + if (parentObj) { + if (index >= 0) { + nextObj = parentObj.children()[index]; + } + if (index >= 0 && nextObj) { + $(nextObj).before(zTreeHtml.join('')); + } else { + parentObj.append(zTreeHtml.join('')); + } + } + + view.createNodeCallback(setting); + }, + destroy: function (setting) { + if (!setting) return; + data.initCache(setting); + data.initRoot(setting); + event.unbindTree(setting); + event.unbindEvent(setting); + setting.treeObj.empty(); + delete settings[setting.treeId]; + }, + expandCollapseNode: function (setting, node, expandFlag, animateFlag, callback) { + var root = data.getRoot(setting); + var tmpCb, _callback; + if (!node) { + tools.apply(callback, []); + return; + } + var children = data.nodeChildren(setting, node); + var isParent = data.nodeIsParent(setting, node); + if (root.expandTriggerFlag) { + _callback = callback; + tmpCb = function () { + if (_callback) _callback(); + if (node.open) { + setting.treeObj.trigger(consts.event.EXPAND, [setting.treeId, node]); + } else { + setting.treeObj.trigger(consts.event.COLLAPSE, [setting.treeId, node]); + } + }; + callback = tmpCb; + root.expandTriggerFlag = false; + } + if (!node.open && isParent && ((!$$(node, consts.id.UL, setting).get(0)) || (children && children.length > 0 && !$$(children[0], setting).get(0)))) { + view.appendParentULDom(setting, node); + view.createNodeCallback(setting); + } + if (node.open == expandFlag) { + tools.apply(callback, []); + return; + } + var ulObj = $$(node, consts.id.UL, setting), + switchObj = $$(node, consts.id.SWITCH, setting), + icoObj = $$(node, consts.id.ICON, setting); + + if (isParent) { + node.open = !node.open; + if (node.iconOpen && node.iconClose) { + icoObj.attr("style", view.makeNodeIcoStyle(setting, node)); + } + + if (node.open) { + view.replaceSwitchClass(node, switchObj, consts.folder.OPEN); + view.replaceIcoClass(node, icoObj, consts.folder.OPEN); + if (animateFlag == false || setting.view.expandSpeed == "") { + ulObj.show(); + tools.apply(callback, []); + } else { + if (children && children.length > 0) { + ulObj.slideDown(setting.view.expandSpeed, callback); + } else { + ulObj.show(); + tools.apply(callback, []); + } + } + } else { + view.replaceSwitchClass(node, switchObj, consts.folder.CLOSE); + view.replaceIcoClass(node, icoObj, consts.folder.CLOSE); + if (animateFlag == false || setting.view.expandSpeed == "" || !(children && children.length > 0)) { + ulObj.hide(); + tools.apply(callback, []); + } else { + ulObj.slideUp(setting.view.expandSpeed, callback); + } + } + } else { + tools.apply(callback, []); + } + }, + expandCollapseParentNode: function (setting, node, expandFlag, animateFlag, callback) { + if (!node) return; + if (!node.parentTId) { + view.expandCollapseNode(setting, node, expandFlag, animateFlag, callback); + return; + } else { + view.expandCollapseNode(setting, node, expandFlag, animateFlag); + } + if (node.parentTId) { + view.expandCollapseParentNode(setting, node.getParentNode(), expandFlag, animateFlag, callback); + } + }, + expandCollapseSonNode: function (setting, node, expandFlag, animateFlag, callback) { + var root = data.getRoot(setting), + treeNodes = (node) ? data.nodeChildren(setting, node) : data.nodeChildren(setting, root), + selfAnimateSign = (node) ? false : animateFlag, + expandTriggerFlag = data.getRoot(setting).expandTriggerFlag; + data.getRoot(setting).expandTriggerFlag = false; + if (treeNodes) { + for (var i = 0, l = treeNodes.length; i < l; i++) { + if (treeNodes[i]) view.expandCollapseSonNode(setting, treeNodes[i], expandFlag, selfAnimateSign); + } + } + data.getRoot(setting).expandTriggerFlag = expandTriggerFlag; + view.expandCollapseNode(setting, node, expandFlag, animateFlag, callback); + }, + isSelectedNode: function (setting, node) { + if (!node) { + return false; + } + var list = data.getRoot(setting).curSelectedList, + i; + for (i = list.length - 1; i >= 0; i--) { + if (node === list[i]) { + return true; + } + } + return false; + }, + makeDOMNodeIcon: function (html, setting, node) { + var nameStr = data.nodeName(setting, node), + name = setting.view.nameIsHTML ? nameStr : nameStr.replace(/&/g, '&').replace(//g, '>'); + html.push("", name, ""); + }, + makeDOMNodeLine: function (html, setting, node) { + html.push(""); + }, + makeDOMNodeMainAfter: function (html, setting, node) { + html.push(""); + }, + makeDOMNodeMainBefore: function (html, setting, node) { + html.push("
                                                                                                                                                                                                                                                                                                                  • "); + }, + makeDOMNodeNameAfter: function (html, setting, node) { + html.push(""); + }, + makeDOMNodeNameBefore: function (html, setting, node) { + var title = data.nodeTitle(setting, node), + url = view.makeNodeUrl(setting, node), + fontcss = view.makeNodeFontCss(setting, node), + fontStyle = []; + for (var f in fontcss) { + fontStyle.push(f, ":", fontcss[f], ";"); + } + html.push(" 0) ? "href='" + url + "'" : ""), " target='", view.makeNodeTarget(node), "' style='", fontStyle.join(''), + "'"); + if (tools.apply(setting.view.showTitle, [setting.treeId, node], setting.view.showTitle) && title) { + html.push("title='", title.replace(/'/g, "'").replace(//g, '>'), "'"); + } + html.push(">"); + }, + makeNodeFontCss: function (setting, node) { + var fontCss = tools.apply(setting.view.fontCss, [setting.treeId, node], setting.view.fontCss); + return (fontCss && ((typeof fontCss) != "function")) ? fontCss : {}; + }, + makeNodeIcoClass: function (setting, node) { + var icoCss = ["ico"]; + if (!node.isAjaxing) { + var isParent = data.nodeIsParent(setting, node); + icoCss[0] = (node.iconSkin ? node.iconSkin + "_" : "") + icoCss[0]; + if (isParent) { + icoCss.push(node.open ? consts.folder.OPEN : consts.folder.CLOSE); + } else { + icoCss.push(consts.folder.DOCU); + } + } + return consts.className.BUTTON + " " + icoCss.join('_'); + }, + makeNodeIcoStyle: function (setting, node) { + var icoStyle = []; + if (!node.isAjaxing) { + var isParent = data.nodeIsParent(setting, node); + var icon = (isParent && node.iconOpen && node.iconClose) ? (node.open ? node.iconOpen : node.iconClose) : node[setting.data.key.icon]; + if (icon) icoStyle.push("background:url(", icon, ") 0 0 no-repeat;"); + if (setting.view.showIcon == false || !tools.apply(setting.view.showIcon, [setting.treeId, node], true)) { + icoStyle.push("width:0px;height:0px;"); + } + } + return icoStyle.join(''); + }, + makeNodeLineClass: function (setting, node) { + var lineClass = []; + if (setting.view.showLine) { + if (node.level == 0 && node.isFirstNode && node.isLastNode) { + lineClass.push(consts.line.ROOT); + } else if (node.level == 0 && node.isFirstNode) { + lineClass.push(consts.line.ROOTS); + } else if (node.isLastNode) { + lineClass.push(consts.line.BOTTOM); + } else { + lineClass.push(consts.line.CENTER); + } + } else { + lineClass.push(consts.line.NOLINE); + } + if (data.nodeIsParent(setting, node)) { + lineClass.push(node.open ? consts.folder.OPEN : consts.folder.CLOSE); + } else { + lineClass.push(consts.folder.DOCU); + } + return view.makeNodeLineClassEx(node) + lineClass.join('_'); + }, + makeNodeLineClassEx: function (node) { + return consts.className.BUTTON + " " + consts.className.LEVEL + node.level + " " + consts.className.SWITCH + " "; + }, + makeNodeTarget: function (node) { + return (node.target || "_blank"); + }, + makeNodeUrl: function (setting, node) { + var urlKey = setting.data.key.url; + return node[urlKey] ? node[urlKey] : null; + }, + makeUlHtml: function (setting, node, html, content) { + html.push("
                                                                                                                                                                                                                                                                                                                      "); + html.push(content); + html.push("
                                                                                                                                                                                                                                                                                                                    "); + }, + makeUlLineClass: function (setting, node) { + return ((setting.view.showLine && !node.isLastNode) ? consts.line.LINE : ""); + }, + removeChildNodes: function (setting, node) { + if (!node) return; + var nodes = data.nodeChildren(setting, node); + if (!nodes) return; + + for (var i = 0, l = nodes.length; i < l; i++) { + data.removeNodeCache(setting, nodes[i]); + } + data.removeSelectedNode(setting); + delete node[setting.data.key.children]; + + if (!setting.data.keep.parent) { + data.nodeIsParent(setting, node, false); + node.open = false; + var tmp_switchObj = $$(node, consts.id.SWITCH, setting), + tmp_icoObj = $$(node, consts.id.ICON, setting); + view.replaceSwitchClass(node, tmp_switchObj, consts.folder.DOCU); + view.replaceIcoClass(node, tmp_icoObj, consts.folder.DOCU); + $$(node, consts.id.UL, setting).remove(); + } else { + $$(node, consts.id.UL, setting).empty(); + } + }, + scrollIntoView: function (setting, dom) { + if (!dom) { + return; + } + // support IE 7 + if (typeof Element === 'undefined') { + var contRect = setting.treeObj.get(0).getBoundingClientRect(), + findMeRect = dom.getBoundingClientRect(); + if (findMeRect.top < contRect.top || findMeRect.bottom > contRect.bottom + || findMeRect.right > contRect.right || findMeRect.left < contRect.left) { + dom.scrollIntoView(); + } + return; + } + // CC-BY jocki84@googlemail.com, https://gist.github.com/jocki84/6ffafd003387179a988e + if (!Element.prototype.scrollIntoViewIfNeeded) { + Element.prototype.scrollIntoViewIfNeeded = function (centerIfNeeded) { + "use strict"; + + function makeRange(start, length) { + return {"start": start, "length": length, "end": start + length}; + } + + function coverRange(inner, outer) { + if ( + false === centerIfNeeded || + (outer.start < inner.end && inner.start < outer.end) + ) { + return Math.max( + inner.end - outer.length, + Math.min(outer.start, inner.start) + ); + } + return (inner.start + inner.end - outer.length) / 2; + } + + function makePoint(x, y) { + return { + "x": x, + "y": y, + "translate": function translate(dX, dY) { + return makePoint(x + dX, y + dY); + } + }; + } + + function absolute(elem, pt) { + while (elem) { + pt = pt.translate(elem.offsetLeft, elem.offsetTop); + elem = elem.offsetParent; + } + return pt; + } + + var target = absolute(this, makePoint(0, 0)), + extent = makePoint(this.offsetWidth, this.offsetHeight), + elem = this.parentNode, + origin; + + while (elem instanceof HTMLElement) { + // Apply desired scroll amount. + origin = absolute(elem, makePoint(elem.clientLeft, elem.clientTop)); + elem.scrollLeft = coverRange( + makeRange(target.x - origin.x, extent.x), + makeRange(elem.scrollLeft, elem.clientWidth) + ); + elem.scrollTop = coverRange( + makeRange(target.y - origin.y, extent.y), + makeRange(elem.scrollTop, elem.clientHeight) + ); + + // Determine actual scroll amount by reading back scroll properties. + target = target.translate(-elem.scrollLeft, -elem.scrollTop); + elem = elem.parentNode; + } + }; + } + dom.scrollIntoViewIfNeeded(); + }, + setFirstNode: function (setting, parentNode) { + var children = data.nodeChildren(setting, parentNode); + if (children.length > 0) { + children[0].isFirstNode = true; + } + }, + setLastNode: function (setting, parentNode) { + var children = data.nodeChildren(setting, parentNode); + if (children.length > 0) { + children[children.length - 1].isLastNode = true; + } + }, + removeNode: function (setting, node) { + var root = data.getRoot(setting), + parentNode = (node.parentTId) ? node.getParentNode() : root; + + node.isFirstNode = false; + node.isLastNode = false; + node.getPreNode = function () { + return null; + }; + node.getNextNode = function () { + return null; + }; + + if (!data.getNodeCache(setting, node.tId)) { + return; + } + + $$(node, setting).remove(); + data.removeNodeCache(setting, node); + data.removeSelectedNode(setting, node); + + var children = data.nodeChildren(setting, parentNode); + for (var i = 0, l = children.length; i < l; i++) { + if (children[i].tId == node.tId) { + children.splice(i, 1); + break; + } + } + view.setFirstNode(setting, parentNode); + view.setLastNode(setting, parentNode); + + var tmp_ulObj, tmp_switchObj, tmp_icoObj, + childLength = children.length; + + //repair nodes old parent + if (!setting.data.keep.parent && childLength == 0) { + //old parentNode has no child nodes + data.nodeIsParent(setting, parentNode, false); + parentNode.open = false; + delete parentNode[setting.data.key.children]; + tmp_ulObj = $$(parentNode, consts.id.UL, setting); + tmp_switchObj = $$(parentNode, consts.id.SWITCH, setting); + tmp_icoObj = $$(parentNode, consts.id.ICON, setting); + view.replaceSwitchClass(parentNode, tmp_switchObj, consts.folder.DOCU); + view.replaceIcoClass(parentNode, tmp_icoObj, consts.folder.DOCU); + tmp_ulObj.css("display", "none"); + + } else if (setting.view.showLine && childLength > 0) { + //old parentNode has child nodes + var newLast = children[childLength - 1]; + tmp_ulObj = $$(newLast, consts.id.UL, setting); + tmp_switchObj = $$(newLast, consts.id.SWITCH, setting); + tmp_icoObj = $$(newLast, consts.id.ICON, setting); + if (parentNode == root) { + if (children.length == 1) { + //node was root, and ztree has only one root after move node + view.replaceSwitchClass(newLast, tmp_switchObj, consts.line.ROOT); + } else { + var tmp_first_switchObj = $$(children[0], consts.id.SWITCH, setting); + view.replaceSwitchClass(children[0], tmp_first_switchObj, consts.line.ROOTS); + view.replaceSwitchClass(newLast, tmp_switchObj, consts.line.BOTTOM); + } + } else { + view.replaceSwitchClass(newLast, tmp_switchObj, consts.line.BOTTOM); + } + tmp_ulObj.removeClass(consts.line.LINE); + } + }, + replaceIcoClass: function (node, obj, newName) { + if (!obj || node.isAjaxing) return; + var tmpName = obj.attr("class"); + if (tmpName == undefined) return; + var tmpList = tmpName.split("_"); + switch (newName) { + case consts.folder.OPEN: + case consts.folder.CLOSE: + case consts.folder.DOCU: + tmpList[tmpList.length - 1] = newName; + break; + } + obj.attr("class", tmpList.join("_")); + }, + replaceSwitchClass: function (node, obj, newName) { + if (!obj) return; + var tmpName = obj.attr("class"); + if (tmpName == undefined) return; + var tmpList = tmpName.split("_"); + switch (newName) { + case consts.line.ROOT: + case consts.line.ROOTS: + case consts.line.CENTER: + case consts.line.BOTTOM: + case consts.line.NOLINE: + tmpList[0] = view.makeNodeLineClassEx(node) + newName; + break; + case consts.folder.OPEN: + case consts.folder.CLOSE: + case consts.folder.DOCU: + tmpList[1] = newName; + break; + } + obj.attr("class", tmpList.join("_")); + if (newName !== consts.folder.DOCU) { + obj.removeAttr("disabled"); + } else { + obj.attr("disabled", "disabled"); + } + }, + selectNode: function (setting, node, addFlag) { + if (!addFlag) { + view.cancelPreSelectedNode(setting, null, node); + } + $$(node, consts.id.A, setting).addClass(consts.node.CURSELECTED); + data.addSelectedNode(setting, node); + setting.treeObj.trigger(consts.event.SELECTED, [setting.treeId, node]); + }, + setNodeFontCss: function (setting, treeNode) { + var aObj = $$(treeNode, consts.id.A, setting), + fontCss = view.makeNodeFontCss(setting, treeNode); + if (fontCss) { + aObj.css(fontCss); + } + }, + setNodeLineIcos: function (setting, node) { + if (!node) return; + var switchObj = $$(node, consts.id.SWITCH, setting), + ulObj = $$(node, consts.id.UL, setting), + icoObj = $$(node, consts.id.ICON, setting), + ulLine = view.makeUlLineClass(setting, node); + if (ulLine.length == 0) { + ulObj.removeClass(consts.line.LINE); + } else { + ulObj.addClass(ulLine); + } + switchObj.attr("class", view.makeNodeLineClass(setting, node)); + if (data.nodeIsParent(setting, node)) { + switchObj.removeAttr("disabled"); + } else { + switchObj.attr("disabled", "disabled"); + } + icoObj.removeAttr("style"); + icoObj.attr("style", view.makeNodeIcoStyle(setting, node)); + icoObj.attr("class", view.makeNodeIcoClass(setting, node)); + }, + setNodeName: function (setting, node) { + var title = data.nodeTitle(setting, node), + nObj = $$(node, consts.id.SPAN, setting); + nObj.empty(); + if (setting.view.nameIsHTML) { + nObj.html(data.nodeName(setting, node)); + } else { + nObj.text(data.nodeName(setting, node)); + } + if (tools.apply(setting.view.showTitle, [setting.treeId, node], setting.view.showTitle)) { + var aObj = $$(node, consts.id.A, setting); + aObj.attr("title", !title ? "" : title); + } + }, + setNodeTarget: function (setting, node) { + var aObj = $$(node, consts.id.A, setting); + aObj.attr("target", view.makeNodeTarget(node)); + }, + setNodeUrl: function (setting, node) { + var aObj = $$(node, consts.id.A, setting), + url = view.makeNodeUrl(setting, node); + if (url == null || url.length == 0) { + aObj.removeAttr("href"); + } else { + aObj.attr("href", url); + } + }, + switchNode: function (setting, node) { + if (node.open || !tools.canAsync(setting, node)) { + view.expandCollapseNode(setting, node, !node.open); + } else if (setting.async.enable) { + if (!view.asyncNode(setting, node)) { + view.expandCollapseNode(setting, node, !node.open); + return; + } + } else if (node) { + view.expandCollapseNode(setting, node, !node.open); + } + } + }; + // zTree defind + $.fn.zTree = { + consts: _consts, + _z: { + tools: tools, + view: view, + event: event, + data: data + }, + getZTreeObj: function (treeId) { + var o = data.getZTreeTools(treeId); + return o ? o : null; + }, + destroy: function (treeId) { + if (!!treeId && treeId.length > 0) { + view.destroy(data.getSetting(treeId)); + } else { + for (var s in settings) { + view.destroy(settings[s]); + } + } + }, + init: function (obj, zSetting, zNodes) { + var setting = tools.clone(_setting); + $.extend(true, setting, zSetting); + setting.treeId = obj.attr("id"); + setting.treeObj = obj; + setting.treeObj.empty(); + settings[setting.treeId] = setting; + //For some older browser,(e.g., ie6) + if (typeof document.body.style.maxHeight === "undefined") { + setting.view.expandSpeed = ""; + } + data.initRoot(setting); + var root = data.getRoot(setting); + zNodes = zNodes ? tools.clone(tools.isArray(zNodes) ? zNodes : [zNodes]) : []; + if (setting.data.simpleData.enable) { + data.nodeChildren(setting, root, data.transformTozTreeFormat(setting, zNodes)); + } else { + data.nodeChildren(setting, root, zNodes); + } + + data.initCache(setting); + event.unbindTree(setting); + event.bindTree(setting); + event.unbindEvent(setting); + event.bindEvent(setting); + + var zTreeTools = { + setting: setting, + addNodes: function (parentNode, index, newNodes, isSilent) { + if (!parentNode) parentNode = null; + var isParent = data.nodeIsParent(setting, parentNode); + if (parentNode && !isParent && setting.data.keep.leaf) return null; + + var i = parseInt(index, 10); + if (isNaN(i)) { + isSilent = !!newNodes; + newNodes = index; + index = -1; + } else { + index = i; + } + if (!newNodes) return null; + + + var xNewNodes = tools.clone(tools.isArray(newNodes) ? newNodes : [newNodes]); + + function addCallback() { + view.addNodes(setting, parentNode, index, xNewNodes, (isSilent == true)); + } + + if (tools.canAsync(setting, parentNode)) { + view.asyncNode(setting, parentNode, isSilent, addCallback); + } else { + addCallback(); + } + return xNewNodes; + }, + cancelSelectedNode: function (node) { + view.cancelPreSelectedNode(setting, node); + }, + destroy: function () { + view.destroy(setting); + }, + expandAll: function (expandFlag) { + expandFlag = !!expandFlag; + view.expandCollapseSonNode(setting, null, expandFlag, true); + return expandFlag; + }, + expandNode: function (node, expandFlag, sonSign, focus, callbackFlag) { + if (!node || !data.nodeIsParent(setting, node)) return null; + if (expandFlag !== true && expandFlag !== false) { + expandFlag = !node.open; + } + callbackFlag = !!callbackFlag; + + if (callbackFlag && expandFlag && (tools.apply(setting.callback.beforeExpand, [setting.treeId, node], true) == false)) { + return null; + } else if (callbackFlag && !expandFlag && (tools.apply(setting.callback.beforeCollapse, [setting.treeId, node], true) == false)) { + return null; + } + if (expandFlag && node.parentTId) { + view.expandCollapseParentNode(setting, node.getParentNode(), expandFlag, false); + } + if (expandFlag === node.open && !sonSign) { + return null; + } + + data.getRoot(setting).expandTriggerFlag = callbackFlag; + if (!tools.canAsync(setting, node) && sonSign) { + view.expandCollapseSonNode(setting, node, expandFlag, true, showNodeFocus); + } else { + node.open = !expandFlag; + view.switchNode(this.setting, node); + showNodeFocus(); + } + return expandFlag; + + function showNodeFocus() { + var a = $$(node, setting).get(0); + if (a && focus !== false) { + view.scrollIntoView(setting, a); + } + } + }, + getNodes: function () { + return data.getNodes(setting); + }, + getNodeByParam: function (key, value, parentNode) { + if (!key) return null; + return data.getNodeByParam(setting, parentNode ? data.nodeChildren(setting, parentNode) : data.getNodes(setting), key, value); + }, + getNodeByTId: function (tId) { + return data.getNodeCache(setting, tId); + }, + getNodesByParam: function (key, value, parentNode) { + if (!key) return null; + return data.getNodesByParam(setting, parentNode ? data.nodeChildren(setting, parentNode) : data.getNodes(setting), key, value); + }, + getNodesByParamFuzzy: function (key, value, parentNode) { + if (!key) return null; + return data.getNodesByParamFuzzy(setting, parentNode ? data.nodeChildren(setting, parentNode) : data.getNodes(setting), key, value); + }, + getNodesByFilter: function (filter, isSingle, parentNode, invokeParam) { + isSingle = !!isSingle; + if (!filter || (typeof filter != "function")) return (isSingle ? null : []); + return data.getNodesByFilter(setting, parentNode ? data.nodeChildren(setting, parentNode) : data.getNodes(setting), filter, isSingle, invokeParam); + }, + getNodeIndex: function (node) { + if (!node) return null; + var parentNode = (node.parentTId) ? node.getParentNode() : data.getRoot(setting); + var children = data.nodeChildren(setting, parentNode); + for (var i = 0, l = children.length; i < l; i++) { + if (children[i] == node) return i; + } + return -1; + }, + getSelectedNodes: function () { + var r = [], list = data.getRoot(setting).curSelectedList; + for (var i = 0, l = list.length; i < l; i++) { + r.push(list[i]); + } + return r; + }, + isSelectedNode: function (node) { + return data.isSelectedNode(setting, node); + }, + reAsyncChildNodesPromise: function (parentNode, reloadType, isSilent) { + var promise = new Promise(function (resolve, reject) { + try { + zTreeTools.reAsyncChildNodes(parentNode, reloadType, isSilent, function () { + resolve(parentNode); + }); + } catch (e) { + reject(e); + } + }); + return promise; + }, + reAsyncChildNodes: function (parentNode, reloadType, isSilent, callback) { + if (!this.setting.async.enable) return; + var isRoot = !parentNode; + if (isRoot) { + parentNode = data.getRoot(setting); + } + if (reloadType == "refresh") { + var children = data.nodeChildren(setting, parentNode); + for (var i = 0, l = children ? children.length : 0; i < l; i++) { + data.removeNodeCache(setting, children[i]); + } + data.removeSelectedNode(setting); + data.nodeChildren(setting, parentNode, []); + if (isRoot) { + this.setting.treeObj.empty(); + } else { + var ulObj = $$(parentNode, consts.id.UL, setting); + ulObj.empty(); + } + } + view.asyncNode(this.setting, isRoot ? null : parentNode, !!isSilent, callback); + }, + refresh: function () { + this.setting.treeObj.empty(); + var root = data.getRoot(setting), + nodes = data.nodeChildren(setting, root); + data.initRoot(setting); + data.nodeChildren(setting, root, nodes); + data.initCache(setting); + view.createNodes(setting, 0, data.nodeChildren(setting, root), null, -1); + }, + removeChildNodes: function (node) { + if (!node) return null; + var nodes = data.nodeChildren(setting, node); + view.removeChildNodes(setting, node); + return nodes ? nodes : null; + }, + removeNode: function (node, callbackFlag) { + if (!node) return; + callbackFlag = !!callbackFlag; + if (callbackFlag && tools.apply(setting.callback.beforeRemove, [setting.treeId, node], true) == false) return; + view.removeNode(setting, node); + if (callbackFlag) { + this.setting.treeObj.trigger(consts.event.REMOVE, [setting.treeId, node]); + } + }, + selectNode: function (node, addFlag, isSilent) { + if (!node) return; + if (tools.uCanDo(setting)) { + addFlag = setting.view.selectedMulti && addFlag; + if (node.parentTId) { + view.expandCollapseParentNode(setting, node.getParentNode(), true, false, showNodeFocus); + } else if (!isSilent) { + try { + $$(node, setting).focus().blur(); + } catch (e) { + } + } + view.selectNode(setting, node, addFlag); + } + + function showNodeFocus() { + if (isSilent) { + return; + } + var a = $$(node, setting).get(0); + view.scrollIntoView(setting, a); + } + }, + transformTozTreeNodes: function (simpleNodes) { + return data.transformTozTreeFormat(setting, simpleNodes); + }, + transformToArray: function (nodes) { + return data.transformToArrayFormat(setting, nodes); + }, + updateNode: function (node, checkTypeFlag) { + if (!node) return; + var nObj = $$(node, setting); + if (nObj.get(0) && tools.uCanDo(setting)) { + view.setNodeName(setting, node); + view.setNodeTarget(setting, node); + view.setNodeUrl(setting, node); + view.setNodeLineIcos(setting, node); + view.setNodeFontCss(setting, node); + } + } + }; + root.treeTools = zTreeTools; + data.setZTreeTools(setting, zTreeTools); + var children = data.nodeChildren(setting, root); + if (children && children.length > 0) { + view.createNodes(setting, 0, children, null, -1); + } else if (setting.async.enable && setting.async.url && setting.async.url !== '') { + view.asyncNode(setting); + } + return zTreeTools; + } + }; + + var zt = $.fn.zTree, + $$ = tools.$, + consts = zt.consts; +})(jQuery); \ No newline at end of file diff --git a/js/zTree_v3/js/jquery.ztree.core.min.js b/js/zTree_v3/js/jquery.ztree.core.min.js new file mode 100755 index 0000000..0b01dc8 --- /dev/null +++ b/js/zTree_v3/js/jquery.ztree.core.min.js @@ -0,0 +1,75 @@ +/* + * JQuery zTree core v3.5.40 + * http://treejs.cn/ + * + * Copyright (c) 2010 Hunter.z + * + * Licensed same as jquery - MIT License + * http://www.opensource.org/licenses/mit-license.php + * + * email: hunter.z@263.net + * Date: 2019-01-18 + */ +(function(r){var J,K,L,M,N,O,v,t={},w={},x={},P={treeId:"",treeObj:null,view:{addDiyDom:null,autoCancelSelected:!0,dblClickExpand:!0,expandSpeed:"fast",fontCss:{},nameIsHTML:!1,selectedMulti:!0,showIcon:!0,showLine:!0,showTitle:!0,txtSelectedEnable:!1},data:{key:{isParent:"isParent",children:"children",name:"name",title:"",url:"url",icon:"icon"},simpleData:{enable:!1,idKey:"id",pIdKey:"pId",rootPId:null},keep:{parent:!1,leaf:!1}},async:{enable:!1,contentType:"application/x-www-form-urlencoded",type:"post", +dataType:"text",headers:{},xhrFields:{},url:"",autoParam:[],otherParam:[],dataFilter:null},callback:{beforeAsync:null,beforeClick:null,beforeDblClick:null,beforeRightClick:null,beforeMouseDown:null,beforeMouseUp:null,beforeExpand:null,beforeCollapse:null,beforeRemove:null,onAsyncError:null,onAsyncSuccess:null,onNodeCreated:null,onClick:null,onDblClick:null,onRightClick:null,onMouseDown:null,onMouseUp:null,onExpand:null,onCollapse:null,onRemove:null}},y=[function(a){var b=a.treeObj,c=g.event;b.bind(c.NODECREATED, +function(b,c,i){h.apply(a.callback.onNodeCreated,[b,c,i])});b.bind(c.CLICK,function(b,c,i,e,k){h.apply(a.callback.onClick,[c,i,e,k])});b.bind(c.EXPAND,function(b,c,i){h.apply(a.callback.onExpand,[b,c,i])});b.bind(c.COLLAPSE,function(b,c,i){h.apply(a.callback.onCollapse,[b,c,i])});b.bind(c.ASYNC_SUCCESS,function(b,c,i,e){h.apply(a.callback.onAsyncSuccess,[b,c,i,e])});b.bind(c.ASYNC_ERROR,function(b,c,i,e,k,g){h.apply(a.callback.onAsyncError,[b,c,i,e,k,g])});b.bind(c.REMOVE,function(b,c,i){h.apply(a.callback.onRemove, +[b,c,i])});b.bind(c.SELECTED,function(b,c,i){h.apply(a.callback.onSelected,[c,i])});b.bind(c.UNSELECTED,function(b,c,i){h.apply(a.callback.onUnSelected,[c,i])})}],z=[function(a){var b=g.event;a.treeObj.unbind(b.NODECREATED).unbind(b.CLICK).unbind(b.EXPAND).unbind(b.COLLAPSE).unbind(b.ASYNC_SUCCESS).unbind(b.ASYNC_ERROR).unbind(b.REMOVE).unbind(b.SELECTED).unbind(b.UNSELECTED)}],A=[function(a){var b=e.getCache(a);b||(b={},e.setCache(a,b));b.nodes=[];b.doms=[]}],B=[function(a,b,c,d,f,i){if(c){var m= +e.getRoot(a),k=e.nodeChildren(a,c);c.level=b;c.tId=a.treeId+"_"+ ++m.zId;c.parentTId=d?d.tId:null;c.open=typeof c.open=="string"?h.eqs(c.open,"true"):!!c.open;b=e.nodeIsParent(a,c);h.isArray(k)?(e.nodeIsParent(a,c,!0),c.zAsync=!0):(b=e.nodeIsParent(a,c,b),c.open=b&&!a.async.enable?c.open:!1,c.zAsync=!b);c.isFirstNode=f;c.isLastNode=i;c.getParentNode=function(){return e.getNodeCache(a,c.parentTId)};c.getPreNode=function(){return e.getPreNode(a,c)};c.getNextNode=function(){return e.getNextNode(a,c)}; +c.getIndex=function(){return e.getNodeIndex(a,c)};c.getPath=function(){return e.getNodePath(a,c)};c.isAjaxing=!1;e.fixPIdKeyValue(a,c)}}],u=[function(a){var b=a.target,c=e.getSetting(a.data.treeId),d="",f=null,i="",m="",k=null,j=null,o=null;if(h.eqs(a.type,"mousedown"))m="mousedown";else if(h.eqs(a.type,"mouseup"))m="mouseup";else if(h.eqs(a.type,"contextmenu"))m="contextmenu";else if(h.eqs(a.type,"click"))if(h.eqs(b.tagName,"span")&&b.getAttribute("treeNode"+g.id.SWITCH)!==null)d=h.getNodeMainDom(b).id, +i="switchNode";else{if(o=h.getMDom(c,b,[{tagName:"a",attrName:"treeNode"+g.id.A}]))d=h.getNodeMainDom(o).id,i="clickNode"}else if(h.eqs(a.type,"dblclick")&&(m="dblclick",o=h.getMDom(c,b,[{tagName:"a",attrName:"treeNode"+g.id.A}])))d=h.getNodeMainDom(o).id,i="switchNode";if(m.length>0&&d.length==0&&(o=h.getMDom(c,b,[{tagName:"a",attrName:"treeNode"+g.id.A}])))d=h.getNodeMainDom(o).id;if(d.length>0)switch(f=e.getNodeCache(c,d),i){case "switchNode":e.nodeIsParent(c,f)?h.eqs(a.type,"click")||h.eqs(a.type, +"dblclick")&&h.apply(c.view.dblClickExpand,[c.treeId,f],c.view.dblClickExpand)?k=J:i="":i="";break;case "clickNode":k=K}switch(m){case "mousedown":j=L;break;case "mouseup":j=M;break;case "dblclick":j=N;break;case "contextmenu":j=O}return{stop:!1,node:f,nodeEventType:i,nodeEventCallback:k,treeEventType:m,treeEventCallback:j}}],C=[function(a){var b=e.getRoot(a);b||(b={},e.setRoot(a,b));e.nodeChildren(a,b,[]);b.expandTriggerFlag=!1;b.curSelectedList=[];b.noSelection=!0;b.createdNodes=[];b.zId=0;b._ver= +(new Date).getTime()}],D=[],E=[],F=[],G=[],H=[],e={addNodeCache:function(a,b){e.getCache(a).nodes[e.getNodeCacheId(b.tId)]=b},getNodeCacheId:function(a){return a.substring(a.lastIndexOf("_")+1)},addAfterA:function(a){E.push(a)},addBeforeA:function(a){D.push(a)},addInnerAfterA:function(a){G.push(a)},addInnerBeforeA:function(a){F.push(a)},addInitBind:function(a){y.push(a)},addInitUnBind:function(a){z.push(a)},addInitCache:function(a){A.push(a)},addInitNode:function(a){B.push(a)},addInitProxy:function(a, +b){b?u.splice(0,0,a):u.push(a)},addInitRoot:function(a){C.push(a)},addNodesData:function(a,b,c,d){var f=e.nodeChildren(a,b);f?c>=f.length&&(c=-1):(f=e.nodeChildren(a,b,[]),c=-1);if(f.length>0&&c===0)f[0].isFirstNode=!1,j.setNodeLineIcos(a,f[0]);else if(f.length>0&&c<0)f[f.length-1].isLastNode=!1,j.setNodeLineIcos(a,f[f.length-1]);e.nodeIsParent(a,b,!0);c<0?e.nodeChildren(a,b,f.concat(d)):(a=[c,0].concat(d),f.splice.apply(f,a))},addSelectedNode:function(a,b){var c=e.getRoot(a);e.isSelectedNode(a,b)|| +c.curSelectedList.push(b)},addCreatedNode:function(a,b){(a.callback.onNodeCreated||a.view.addDiyDom)&&e.getRoot(a).createdNodes.push(b)},addZTreeTools:function(a){H.push(a)},exSetting:function(a){r.extend(!0,P,a)},fixPIdKeyValue:function(a,b){a.data.simpleData.enable&&(b[a.data.simpleData.pIdKey]=b.parentTId?b.getParentNode()[a.data.simpleData.idKey]:a.data.simpleData.rootPId)},getAfterA:function(a,b,c){for(var d=0,e=E.length;d-1&&f.push(k);k=e.nodeChildren(a, +k);f=f.concat(e.getNodesByParamFuzzy(a,k,c,d))}return f},getNodesByFilter:function(a,b,c,d,f){if(!b)return d?null:[];for(var i=d?null:[],m=0,k=b.length;m0)},clone:function(a){if(a===null)return null;var b=h.isArray(a)?[]:{},c;for(c in a)b[c]=a[c]instanceof Date?new Date(a[c].getTime()):typeof a[c]==="object"?h.clone(a[c]):a[c];return b},eqs:function(a,b){return a.toLowerCase()===b.toLowerCase()},isArray:function(a){return Object.prototype.toString.apply(a)==="[object Array]"},isElement:function(a){return typeof HTMLElement==="object"?a instanceof HTMLElement:a&&typeof a==="object"&&a!==null&& +a.nodeType===1&&typeof a.nodeName==="string"},$:function(a,b,c){b&&typeof b!="string"&&(c=b,b="");return typeof a=="string"?r(a,c?c.treeObj.get(0).ownerDocument:null):r("#"+a.tId+b,c?c.treeObj:null)},getMDom:function(a,b,c){if(!b)return null;for(;b&&b.id!==a.treeId;){for(var d=0,e=c.length;b.tagName&&d0},uCanDo:function(){return!0}},j={addNodes:function(a,b,c,d,f){var i=e.nodeIsParent(a,b);if(!a.data.keep.leaf||!b||i)if(h.isArray(d)||(d=[d]),a.data.simpleData.enable&&(d=e.transformTozTreeFormat(a,d)),b){var i=l(b,g.id.SWITCH,a),m=l(b,g.id.ICON,a),k=l(b,g.id.UL,a);if(!b.open)j.replaceSwitchClass(b,i,g.folder.CLOSE),j.replaceIcoClass(b,m,g.folder.CLOSE),b.open=!1,k.css({display:"none"});e.addNodesData(a,b,c,d);j.createNodes(a,b.level+ +1,d,b,c);f||j.expandCollapseParentNode(a,b,!0)}else e.addNodesData(a,e.getRoot(a),c,d),j.createNodes(a,0,d,null,c)},appendNodes:function(a,b,c,d,f,i,g){if(!c)return[];var k=[],h=d?d:e.getRoot(a),h=e.nodeChildren(a,h),o,l;if(!h||f>=h.length-c.length)f=-1;for(var s=0,n=c.length;s0&&(l=j.appendNodes(a,b+1,I,p,-1, +i,g&&p.open));g&&(j.makeDOMNodeMainBefore(k,a,p),j.makeDOMNodeLine(k,a,p),e.getBeforeA(a,p,k),j.makeDOMNodeNameBefore(k,a,p),e.getInnerBeforeA(a,p,k),j.makeDOMNodeIcon(k,a,p),e.getInnerAfterA(a,p,k),j.makeDOMNodeNameAfter(k,a,p),e.getAfterA(a,p,k),o&&p.open&&j.makeUlHtml(a,p,k,l.join("")),j.makeDOMNodeMainAfter(k,a,p),e.addCreatedNode(a,p))}return k},appendParentULDom:function(a,b){var c=[],d=l(b,a);!d.get(0)&&b.parentTId&&(j.appendParentULDom(a,b.getParentNode()),d=l(b,a));var f=l(b,g.id.UL,a);f.get(0)&& +f.remove();f=e.nodeChildren(a,b);f=j.appendNodes(a,b.level+1,f,b,-1,!1,!0);j.makeUlHtml(a,b,c,f.join(""));d.append(c.join(""))},asyncNode:function(a,b,c,d){var f,i;f=e.nodeIsParent(a,b);if(b&&!f)return h.apply(d),!1;else if(b&&b.isAjaxing)return!1;else if(h.apply(a.callback.beforeAsync,[a.treeId,b],!0)==!1)return h.apply(d),!1;if(b)b.isAjaxing=!0,l(b,g.id.ICON,a).attr({style:"","class":g.className.BUTTON+" "+g.className.ICO_LOADING});var m={},k=h.apply(a.async.autoParam,[a.treeId,b],a.async.autoParam); +for(f=0,i=k.length;b&&f1&&(o=q[1],q=q[0]);m[o]=b[q]}k=h.apply(a.async.otherParam,[a.treeId,b],a.async.otherParam);if(h.isArray(k))for(f=0,i=k.length;f-1?JSON.stringify(m):m,dataType:a.async.dataType,headers:a.async.headers, +xhrFields:a.async.xhrFields,success:function(i){if(s==e.getRoot(a)._ver){var f=[];try{f=!i||i.length==0?[]:typeof i=="string"?eval("("+i+")"):i}catch(k){f=i}if(b)b.isAjaxing=null,b.zAsync=!0;j.setNodeLineIcos(a,b);f&&f!==""?(f=h.apply(a.async.dataFilter,[a.treeId,b,f],f),j.addNodes(a,b,-1,f?h.clone(f):[],!!c)):j.addNodes(a,b,-1,[],!!c);a.treeObj.trigger(g.event.ASYNC_SUCCESS,[a.treeId,b,i]);h.apply(d)}},error:function(c,d,i){if(s==e.getRoot(a)._ver){if(b)b.isAjaxing=null;j.setNodeLineIcos(a,b);a.treeObj.trigger(g.event.ASYNC_ERROR, +[a.treeId,b,c,d,i])}}});return!0},cancelPreSelectedNode:function(a,b,c){var d=e.getRoot(a).curSelectedList,f,i;for(f=d.length-1;f>=0;f--)if(i=d[f],b===i||!b&&(!c||c!==i))if(l(i,g.id.A,a).removeClass(g.node.CURSELECTED),b){e.removeSelectedNode(a,b);break}else d.splice(f,1),a.treeObj.trigger(g.event.UNSELECTED,[a.treeId,i])},createNodeCallback:function(a){if(a.callback.onNodeCreated||a.view.addDiyDom)for(var b=e.getRoot(a);b.createdNodes.length>0;){var c=b.createdNodes.shift();h.apply(a.view.addDiyDom, +[a.treeId,c]);a.callback.onNodeCreated&&a.treeObj.trigger(g.event.NODECREATED,[a.treeId,c])}},createNodes:function(a,b,c,d,f){if(c&&c.length!=0){var i=e.getRoot(a),m=!d||d.open||!!l(e.nodeChildren(a,d)[0],a).get(0);i.createdNodes=[];var b=j.appendNodes(a,b,c,d,f,!0,m),k,h;d?(d=l(d,g.id.UL,a),d.get(0)&&(k=d)):k=a.treeObj;k&&(f>=0&&(h=k.children()[f]),f>=0&&h?r(h).before(b.join("")):k.append(b.join("")));j.createNodeCallback(a)}},destroy:function(a){a&&(e.initCache(a),e.initRoot(a),n.unbindTree(a), +n.unbindEvent(a),a.treeObj.empty(),delete t[a.treeId])},expandCollapseNode:function(a,b,c,d,f){var i=e.getRoot(a),m;if(b){var k=e.nodeChildren(a,b),q=e.nodeIsParent(a,b);if(i.expandTriggerFlag)m=f,f=function(){m&&m();b.open?a.treeObj.trigger(g.event.EXPAND,[a.treeId,b]):a.treeObj.trigger(g.event.COLLAPSE,[a.treeId,b])},i.expandTriggerFlag=!1;if(!b.open&&q&&(!l(b,g.id.UL,a).get(0)||k&&k.length>0&&!l(k[0],a).get(0)))j.appendParentULDom(a,b),j.createNodeCallback(a);if(b.open==c)h.apply(f,[]);else{var c= +l(b,g.id.UL,a),i=l(b,g.id.SWITCH,a),o=l(b,g.id.ICON,a);q?(b.open=!b.open,b.iconOpen&&b.iconClose&&o.attr("style",j.makeNodeIcoStyle(a,b)),b.open?(j.replaceSwitchClass(b,i,g.folder.OPEN),j.replaceIcoClass(b,o,g.folder.OPEN),d==!1||a.view.expandSpeed==""?(c.show(),h.apply(f,[])):k&&k.length>0?c.slideDown(a.view.expandSpeed,f):(c.show(),h.apply(f,[]))):(j.replaceSwitchClass(b,i,g.folder.CLOSE),j.replaceIcoClass(b,o,g.folder.CLOSE),d==!1||a.view.expandSpeed==""||!(k&&k.length>0)?(c.hide(),h.apply(f,[])): +c.slideUp(a.view.expandSpeed,f))):h.apply(f,[])}}else h.apply(f,[])},expandCollapseParentNode:function(a,b,c,d,e){b&&(b.parentTId?(j.expandCollapseNode(a,b,c,d),b.parentTId&&j.expandCollapseParentNode(a,b.getParentNode(),c,d,e)):j.expandCollapseNode(a,b,c,d,e))},expandCollapseSonNode:function(a,b,c,d,f){var i=e.getRoot(a),i=b?e.nodeChildren(a,b):e.nodeChildren(a,i),g=b?!1:d,k=e.getRoot(a).expandTriggerFlag;e.getRoot(a).expandTriggerFlag=!1;if(i)for(var h=0,l=i.length;h=0;d--)if(b===c[d])return!0;return!1},makeDOMNodeIcon:function(a,b,c){var d=e.nodeName(b,c),d=b.view.nameIsHTML?d:d.replace(/&/g,"&").replace(//g,">");a.push("",d,"")},makeDOMNodeLine:function(a,b,c){a.push("")},makeDOMNodeMainAfter:function(a){a.push("
                                                                                                                                                                                                                                                                                                                    • ")},makeDOMNodeMainBefore:function(a,b,c){a.push("
                                                                                                                                                                                                                                                                                                                  • ")},makeDOMNodeNameAfter:function(a){a.push("")},makeDOMNodeNameBefore:function(a,b,c){var d= +e.nodeTitle(b,c),f=j.makeNodeUrl(b,c),i=j.makeNodeFontCss(b,c),m=[],k;for(k in i)m.push(k,":",i[k],";");a.push("0?"href='"+f+"'":""," target='",j.makeNodeTarget(c),"' style='",m.join(""),"'");h.apply(b.view.showTitle,[b.treeId,c],b.view.showTitle)&&d&&a.push("title='",d.replace(/'/g,"'").replace(//g,">"),"'");a.push(">")},makeNodeFontCss:function(a, +b){var c=h.apply(a.view.fontCss,[a.treeId,b],a.view.fontCss);return c&&typeof c!="function"?c:{}},makeNodeIcoClass:function(a,b){var c=["ico"];if(!b.isAjaxing){var d=e.nodeIsParent(a,b);c[0]=(b.iconSkin?b.iconSkin+"_":"")+c[0];d?c.push(b.open?g.folder.OPEN:g.folder.CLOSE):c.push(g.folder.DOCU)}return g.className.BUTTON+" "+c.join("_")},makeNodeIcoStyle:function(a,b){var c=[];if(!b.isAjaxing){var d=e.nodeIsParent(a,b)&&b.iconOpen&&b.iconClose?b.open?b.iconOpen:b.iconClose:b[a.data.key.icon];d&&c.push("background:url(", +d,") 0 0 no-repeat;");(a.view.showIcon==!1||!h.apply(a.view.showIcon,[a.treeId,b],!0))&&c.push("width:0px;height:0px;")}return c.join("")},makeNodeLineClass:function(a,b){var c=[];a.view.showLine?b.level==0&&b.isFirstNode&&b.isLastNode?c.push(g.line.ROOT):b.level==0&&b.isFirstNode?c.push(g.line.ROOTS):b.isLastNode?c.push(g.line.BOTTOM):c.push(g.line.CENTER):c.push(g.line.NOLINE);e.nodeIsParent(a,b)?c.push(b.open?g.folder.OPEN:g.folder.CLOSE):c.push(g.folder.DOCU);return j.makeNodeLineClassEx(b)+c.join("_")}, +makeNodeLineClassEx:function(a){return g.className.BUTTON+" "+g.className.LEVEL+a.level+" "+g.className.SWITCH+" "},makeNodeTarget:function(a){return a.target||"_blank"},makeNodeUrl:function(a,b){var c=a.data.key.url;return b[c]?b[c]:null},makeUlHtml:function(a,b,c,d){c.push("
                                                                                                                                                                                                                                                                                                                      ");c.push(d);c.push("
                                                                                                                                                                                                                                                                                                                    ")},makeUlLineClass:function(a,b){return a.view.showLine&&!b.isLastNode? +g.line.LINE:""},removeChildNodes:function(a,b){if(b){var c=e.nodeChildren(a,b);if(c){for(var d=0,f=c.length;dc.bottom||d.right>c.right||d.left0)c[0].isFirstNode= +!0},setLastNode:function(a,b){var c=e.nodeChildren(a,b);if(c.length>0)c[c.length-1].isLastNode=!0},removeNode:function(a,b){var c=e.getRoot(a),d=b.parentTId?b.getParentNode():c;b.isFirstNode=!1;b.isLastNode=!1;b.getPreNode=function(){return null};b.getNextNode=function(){return null};if(e.getNodeCache(a,b.tId)){l(b,a).remove();e.removeNodeCache(a,b);e.removeSelectedNode(a,b);for(var f=e.nodeChildren(a,d),i=0,h=f.length;i0){var q=f[i-1],i=l(q,g.id.UL,a),h=l(q,g.id.SWITCH,a);k=l(q,g.id.ICON,a);d==c?f.length==1?j.replaceSwitchClass(q,h,g.line.ROOT):(c=l(f[0],g.id.SWITCH,a),j.replaceSwitchClass(f[0],c,g.line.ROOTS),j.replaceSwitchClass(q, +h,g.line.BOTTOM)):j.replaceSwitchClass(q,h,g.line.BOTTOM);i.removeClass(g.line.LINE)}}},replaceIcoClass:function(a,b,c){if(b&&!a.isAjaxing&&(a=b.attr("class"),a!=void 0)){a=a.split("_");switch(c){case g.folder.OPEN:case g.folder.CLOSE:case g.folder.DOCU:a[a.length-1]=c}b.attr("class",a.join("_"))}},replaceSwitchClass:function(a,b,c){if(b){var d=b.attr("class");if(d!=void 0){d=d.split("_");switch(c){case g.line.ROOT:case g.line.ROOTS:case g.line.CENTER:case g.line.BOTTOM:case g.line.NOLINE:d[0]=j.makeNodeLineClassEx(a)+ +c;break;case g.folder.OPEN:case g.folder.CLOSE:case g.folder.DOCU:d[1]=c}b.attr("class",d.join("_"));c!==g.folder.DOCU?b.removeAttr("disabled"):b.attr("disabled","disabled")}}},selectNode:function(a,b,c){c||j.cancelPreSelectedNode(a,null,b);l(b,g.id.A,a).addClass(g.node.CURSELECTED);e.addSelectedNode(a,b);a.treeObj.trigger(g.event.SELECTED,[a.treeId,b])},setNodeFontCss:function(a,b){var c=l(b,g.id.A,a),d=j.makeNodeFontCss(a,b);d&&c.css(d)},setNodeLineIcos:function(a,b){if(b){var c=l(b,g.id.SWITCH, +a),d=l(b,g.id.UL,a),f=l(b,g.id.ICON,a),i=j.makeUlLineClass(a,b);i.length==0?d.removeClass(g.line.LINE):d.addClass(i);c.attr("class",j.makeNodeLineClass(a,b));e.nodeIsParent(a,b)?c.removeAttr("disabled"):c.attr("disabled","disabled");f.removeAttr("style");f.attr("style",j.makeNodeIcoStyle(a,b));f.attr("class",j.makeNodeIcoClass(a,b))}},setNodeName:function(a,b){var c=e.nodeTitle(a,b),d=l(b,g.id.SPAN,a);d.empty();a.view.nameIsHTML?d.html(e.nodeName(a,b)):d.text(e.nodeName(a,b));h.apply(a.view.showTitle, +[a.treeId,b],a.view.showTitle)&&l(b,g.id.A,a).attr("title",!c?"":c)},setNodeTarget:function(a,b){l(b,g.id.A,a).attr("target",j.makeNodeTarget(b))},setNodeUrl:function(a,b){var c=l(b,g.id.A,a),d=j.makeNodeUrl(a,b);d==null||d.length==0?c.removeAttr("href"):c.attr("href",d)},switchNode:function(a,b){b.open||!h.canAsync(a,b)?j.expandCollapseNode(a,b,!b.open):a.async.enable?j.asyncNode(a,b)||j.expandCollapseNode(a,b,!b.open):b&&j.expandCollapseNode(a,b,!b.open)}};r.fn.zTree={consts:{className:{BUTTON:"button", +LEVEL:"level",ICO_LOADING:"ico_loading",SWITCH:"switch",NAME:"node_name"},event:{NODECREATED:"ztree_nodeCreated",CLICK:"ztree_click",EXPAND:"ztree_expand",COLLAPSE:"ztree_collapse",ASYNC_SUCCESS:"ztree_async_success",ASYNC_ERROR:"ztree_async_error",REMOVE:"ztree_remove",SELECTED:"ztree_selected",UNSELECTED:"ztree_unselected"},id:{A:"_a",ICON:"_ico",SPAN:"_span",SWITCH:"_switch",UL:"_ul"},line:{ROOT:"root",ROOTS:"roots",CENTER:"center",BOTTOM:"bottom",NOLINE:"noline",LINE:"line"},folder:{OPEN:"open", +CLOSE:"close",DOCU:"docu"},node:{CURSELECTED:"curSelectedNode"}},_z:{tools:h,view:j,event:n,data:e},getZTreeObj:function(a){return(a=e.getZTreeTools(a))?a:null},destroy:function(a){if(a&&a.length>0)j.destroy(e.getSetting(a));else for(var b in t)j.destroy(t[b])},init:function(a,b,c){var d=h.clone(P);r.extend(!0,d,b);d.treeId=a.attr("id");d.treeObj=a;d.treeObj.empty();t[d.treeId]=d;if(typeof document.body.style.maxHeight==="undefined")d.view.expandSpeed="";e.initRoot(d);a=e.getRoot(d);c=c?h.clone(h.isArray(c)? +c:[c]):[];d.data.simpleData.enable?e.nodeChildren(d,a,e.transformTozTreeFormat(d,c)):e.nodeChildren(d,a,c);e.initCache(d);n.unbindTree(d);n.bindTree(d);n.unbindEvent(d);n.bindEvent(d);var f={setting:d,addNodes:function(a,b,c,f){function g(){j.addNodes(d,a,b,n,f==!0)}a||(a=null);var l=e.nodeIsParent(d,a);if(a&&!l&&d.data.keep.leaf)return null;l=parseInt(b,10);isNaN(l)?(f=!!c,c=b,b=-1):b=l;if(!c)return null;var n=h.clone(h.isArray(c)?c:[c]);h.canAsync(d,a)?j.asyncNode(d,a,f,g):g();return n},cancelSelectedNode:function(a){j.cancelPreSelectedNode(d, +a)},destroy:function(){j.destroy(d)},expandAll:function(a){a=!!a;j.expandCollapseSonNode(d,null,a,!0);return a},expandNode:function(a,b,c,f,g){function n(){var b=l(a,d).get(0);b&&f!==!1&&j.scrollIntoView(d,b)}if(!a||!e.nodeIsParent(d,a))return null;b!==!0&&b!==!1&&(b=!a.open);if((g=!!g)&&b&&h.apply(d.callback.beforeExpand,[d.treeId,a],!0)==!1)return null;else if(g&&!b&&h.apply(d.callback.beforeCollapse,[d.treeId,a],!0)==!1)return null;b&&a.parentTId&&j.expandCollapseParentNode(d,a.getParentNode(), +b,!1);if(b===a.open&&!c)return null;e.getRoot(d).expandTriggerFlag=g;!h.canAsync(d,a)&&c?j.expandCollapseSonNode(d,a,b,!0,n):(a.open=!b,j.switchNode(this.setting,a),n());return b},getNodes:function(){return e.getNodes(d)},getNodeByParam:function(a,b,c){return!a?null:e.getNodeByParam(d,c?e.nodeChildren(d,c):e.getNodes(d),a,b)},getNodeByTId:function(a){return e.getNodeCache(d,a)},getNodesByParam:function(a,b,c){return!a?null:e.getNodesByParam(d,c?e.nodeChildren(d,c):e.getNodes(d),a,b)},getNodesByParamFuzzy:function(a, +b,c){return!a?null:e.getNodesByParamFuzzy(d,c?e.nodeChildren(d,c):e.getNodes(d),a,b)},getNodesByFilter:function(a,b,c,f){b=!!b;return!a||typeof a!="function"?b?null:[]:e.getNodesByFilter(d,c?e.nodeChildren(d,c):e.getNodes(d),a,b,f)},getNodeIndex:function(a){if(!a)return null;for(var b=a.parentTId?a.getParentNode():e.getRoot(d),b=e.nodeChildren(d,b),c=0,f=b.length;c0?j.createNodes(d,0,c,null,-1):d.async.enable&&d.async.url&&d.async.url!==""&&j.asyncNode(d);return f}};var Q=r.fn.zTree,l=h.$,g=Q.consts})(jQuery); diff --git a/js/zTree_v3/js/jquery.ztree.excheck.js b/js/zTree_v3/js/jquery.ztree.excheck.js new file mode 100755 index 0000000..c4cfff6 --- /dev/null +++ b/js/zTree_v3/js/jquery.ztree.excheck.js @@ -0,0 +1,651 @@ +/* + * JQuery zTree excheck v3.5.40 + * http://treejs.cn/ + * + * Copyright (c) 2010 Hunter.z + * + * Licensed same as jquery - MIT License + * http://www.opensource.org/licenses/mit-license.php + * + * email: hunter.z@263.net + * Date: 2019-01-18 + */ +(function ($) { + //default consts of excheck + var _consts = { + event: { + CHECK: "ztree_check" + }, + id: { + CHECK: "_check" + }, + checkbox: { + STYLE: "checkbox", + DEFAULT: "chk", + DISABLED: "disable", + FALSE: "false", + TRUE: "true", + FULL: "full", + PART: "part", + FOCUS: "focus" + }, + radio: { + STYLE: "radio", + TYPE_ALL: "all", + TYPE_LEVEL: "level" + } + }, + //default setting of excheck + _setting = { + check: { + enable: false, + autoCheckTrigger: false, + chkStyle: _consts.checkbox.STYLE, + nocheckInherit: false, + chkDisabledInherit: false, + radioType: _consts.radio.TYPE_LEVEL, + chkboxType: { + "Y": "ps", + "N": "ps" + } + }, + data: { + key: { + checked: "checked" + } + }, + callback: { + beforeCheck: null, + onCheck: null + } + }, + //default root of excheck + _initRoot = function (setting) { + var r = data.getRoot(setting); + r.radioCheckedList = []; + }, + //default cache of excheck + _initCache = function (treeId) { + }, + //default bind event of excheck + _bindEvent = function (setting) { + var o = setting.treeObj, + c = consts.event; + o.bind(c.CHECK, function (event, srcEvent, treeId, node) { + event.srcEvent = srcEvent; + tools.apply(setting.callback.onCheck, [event, treeId, node]); + }); + }, + _unbindEvent = function (setting) { + var o = setting.treeObj, + c = consts.event; + o.unbind(c.CHECK); + }, + //default event proxy of excheck + _eventProxy = function (e) { + var target = e.target, + setting = data.getSetting(e.data.treeId), + tId = "", node = null, + nodeEventType = "", treeEventType = "", + nodeEventCallback = null, treeEventCallback = null; + + if (tools.eqs(e.type, "mouseover")) { + if (setting.check.enable && tools.eqs(target.tagName, "span") && target.getAttribute("treeNode" + consts.id.CHECK) !== null) { + tId = tools.getNodeMainDom(target).id; + nodeEventType = "mouseoverCheck"; + } + } else if (tools.eqs(e.type, "mouseout")) { + if (setting.check.enable && tools.eqs(target.tagName, "span") && target.getAttribute("treeNode" + consts.id.CHECK) !== null) { + tId = tools.getNodeMainDom(target).id; + nodeEventType = "mouseoutCheck"; + } + } else if (tools.eqs(e.type, "click")) { + if (setting.check.enable && tools.eqs(target.tagName, "span") && target.getAttribute("treeNode" + consts.id.CHECK) !== null) { + tId = tools.getNodeMainDom(target).id; + nodeEventType = "checkNode"; + } + } + if (tId.length > 0) { + node = data.getNodeCache(setting, tId); + switch (nodeEventType) { + case "checkNode" : + nodeEventCallback = _handler.onCheckNode; + break; + case "mouseoverCheck" : + nodeEventCallback = _handler.onMouseoverCheck; + break; + case "mouseoutCheck" : + nodeEventCallback = _handler.onMouseoutCheck; + break; + } + } + var proxyResult = { + stop: nodeEventType === "checkNode", + node: node, + nodeEventType: nodeEventType, + nodeEventCallback: nodeEventCallback, + treeEventType: treeEventType, + treeEventCallback: treeEventCallback + }; + return proxyResult + }, + //default init node of excheck + _initNode = function (setting, level, n, parentNode, isFirstNode, isLastNode, openFlag) { + if (!n) return; + var checked = data.nodeChecked(setting, n); + n.checkedOld = checked; + if (typeof n.nocheck == "string") n.nocheck = tools.eqs(n.nocheck, "true"); + n.nocheck = !!n.nocheck || (setting.check.nocheckInherit && parentNode && !!parentNode.nocheck); + if (typeof n.chkDisabled == "string") n.chkDisabled = tools.eqs(n.chkDisabled, "true"); + n.chkDisabled = !!n.chkDisabled || (setting.check.chkDisabledInherit && parentNode && !!parentNode.chkDisabled); + if (typeof n.halfCheck == "string") n.halfCheck = tools.eqs(n.halfCheck, "true"); + n.halfCheck = !!n.halfCheck; + n.check_Child_State = -1; + n.check_Focus = false; + n.getCheckStatus = function () { + return data.getCheckStatus(setting, n); + }; + + if (setting.check.chkStyle == consts.radio.STYLE && setting.check.radioType == consts.radio.TYPE_ALL && checked) { + var r = data.getRoot(setting); + r.radioCheckedList.push(n); + } + }, + //add dom for check + _beforeA = function (setting, node, html) { + if (setting.check.enable) { + data.makeChkFlag(setting, node); + html.push(""); + } + }, + //update zTreeObj, add method of check + _zTreeTools = function (setting, zTreeTools) { + zTreeTools.checkNode = function (node, checked, checkTypeFlag, callbackFlag) { + var nodeChecked = data.nodeChecked(setting, node); + if (node.chkDisabled === true) return; + if (checked !== true && checked !== false) { + checked = !nodeChecked; + } + callbackFlag = !!callbackFlag; + + if (nodeChecked === checked && !checkTypeFlag) { + return; + } else if (callbackFlag && tools.apply(this.setting.callback.beforeCheck, [this.setting.treeId, node], true) == false) { + return; + } + if (tools.uCanDo(this.setting) && this.setting.check.enable && node.nocheck !== true) { + data.nodeChecked(setting, node, checked); + var checkObj = $$(node, consts.id.CHECK, this.setting); + if (checkTypeFlag || this.setting.check.chkStyle === consts.radio.STYLE) view.checkNodeRelation(this.setting, node); + view.setChkClass(this.setting, checkObj, node); + view.repairParentChkClassWithSelf(this.setting, node); + if (callbackFlag) { + this.setting.treeObj.trigger(consts.event.CHECK, [null, this.setting.treeId, node]); + } + } + } + + zTreeTools.checkAllNodes = function (checked) { + view.repairAllChk(this.setting, !!checked); + } + + zTreeTools.getCheckedNodes = function (checked) { + var checked = (checked !== false); + var children = data.nodeChildren(setting, data.getRoot(this.setting)); + return data.getTreeCheckedNodes(this.setting, children, checked); + } + + zTreeTools.getChangeCheckedNodes = function () { + var children = data.nodeChildren(setting, data.getRoot(this.setting)); + return data.getTreeChangeCheckedNodes(this.setting, children); + } + + zTreeTools.setChkDisabled = function (node, disabled, inheritParent, inheritChildren) { + disabled = !!disabled; + inheritParent = !!inheritParent; + inheritChildren = !!inheritChildren; + view.repairSonChkDisabled(this.setting, node, disabled, inheritChildren); + view.repairParentChkDisabled(this.setting, node.getParentNode(), disabled, inheritParent); + } + + var _updateNode = zTreeTools.updateNode; + zTreeTools.updateNode = function (node, checkTypeFlag) { + if (_updateNode) _updateNode.apply(zTreeTools, arguments); + if (!node || !this.setting.check.enable) return; + var nObj = $$(node, this.setting); + if (nObj.get(0) && tools.uCanDo(this.setting)) { + var checkObj = $$(node, consts.id.CHECK, this.setting); + if (checkTypeFlag == true || this.setting.check.chkStyle === consts.radio.STYLE) view.checkNodeRelation(this.setting, node); + view.setChkClass(this.setting, checkObj, node); + view.repairParentChkClassWithSelf(this.setting, node); + } + } + }, + //method of operate data + _data = { + getRadioCheckedList: function (setting) { + var checkedList = data.getRoot(setting).radioCheckedList; + for (var i = 0, j = checkedList.length; i < j; i++) { + if (!data.getNodeCache(setting, checkedList[i].tId)) { + checkedList.splice(i, 1); + i--; + j--; + } + } + return checkedList; + }, + getCheckStatus: function (setting, node) { + if (!setting.check.enable || node.nocheck || node.chkDisabled) return null; + var checked = data.nodeChecked(setting, node), + r = { + checked: checked, + half: node.halfCheck ? node.halfCheck : (setting.check.chkStyle == consts.radio.STYLE ? (node.check_Child_State === 2) : (checked ? (node.check_Child_State > -1 && node.check_Child_State < 2) : (node.check_Child_State > 0))) + }; + return r; + }, + getTreeCheckedNodes: function (setting, nodes, checked, results) { + if (!nodes) return []; + var onlyOne = (checked && setting.check.chkStyle == consts.radio.STYLE && setting.check.radioType == consts.radio.TYPE_ALL); + results = !results ? [] : results; + for (var i = 0, l = nodes.length; i < l; i++) { + var node = nodes[i]; + var children = data.nodeChildren(setting, node); + var nodeChecked = data.nodeChecked(setting, node); + if (node.nocheck !== true && node.chkDisabled !== true && nodeChecked == checked) { + results.push(node); + if (onlyOne) { + break; + } + } + data.getTreeCheckedNodes(setting, children, checked, results); + if (onlyOne && results.length > 0) { + break; + } + } + return results; + }, + getTreeChangeCheckedNodes: function (setting, nodes, results) { + if (!nodes) return []; + results = !results ? [] : results; + for (var i = 0, l = nodes.length; i < l; i++) { + var node = nodes[i]; + var children = data.nodeChildren(setting, node); + var nodeChecked = data.nodeChecked(setting, node); + if (node.nocheck !== true && node.chkDisabled !== true && nodeChecked != node.checkedOld) { + results.push(node); + } + data.getTreeChangeCheckedNodes(setting, children, results); + } + return results; + }, + makeChkFlag: function (setting, node) { + if (!node) return; + var chkFlag = -1; + var children = data.nodeChildren(setting, node); + if (children) { + for (var i = 0, l = children.length; i < l; i++) { + var cNode = children[i]; + var nodeChecked = data.nodeChecked(setting, cNode); + var tmp = -1; + if (setting.check.chkStyle == consts.radio.STYLE) { + if (cNode.nocheck === true || cNode.chkDisabled === true) { + tmp = cNode.check_Child_State; + } else if (cNode.halfCheck === true) { + tmp = 2; + } else if (nodeChecked) { + tmp = 2; + } else { + tmp = cNode.check_Child_State > 0 ? 2 : 0; + } + if (tmp == 2) { + chkFlag = 2; + break; + } else if (tmp == 0) { + chkFlag = 0; + } + } else if (setting.check.chkStyle == consts.checkbox.STYLE) { + if (cNode.nocheck === true || cNode.chkDisabled === true) { + tmp = cNode.check_Child_State; + } else if (cNode.halfCheck === true) { + tmp = 1; + } else if (nodeChecked) { + tmp = (cNode.check_Child_State === -1 || cNode.check_Child_State === 2) ? 2 : 1; + } else { + tmp = (cNode.check_Child_State > 0) ? 1 : 0; + } + if (tmp === 1) { + chkFlag = 1; + break; + } else if (tmp === 2 && chkFlag > -1 && i > 0 && tmp !== chkFlag) { + chkFlag = 1; + break; + } else if (chkFlag === 2 && tmp > -1 && tmp < 2) { + chkFlag = 1; + break; + } else if (tmp > -1) { + chkFlag = tmp; + } + } + } + } + node.check_Child_State = chkFlag; + } + }, + //method of event proxy + _event = {}, + //method of event handler + _handler = { + onCheckNode: function (event, node) { + if (node.chkDisabled === true) return false; + var setting = data.getSetting(event.data.treeId); + if (tools.apply(setting.callback.beforeCheck, [setting.treeId, node], true) == false) return true; + var nodeChecked = data.nodeChecked(setting, node); + data.nodeChecked(setting, node, !nodeChecked); + view.checkNodeRelation(setting, node); + var checkObj = $$(node, consts.id.CHECK, setting); + view.setChkClass(setting, checkObj, node); + view.repairParentChkClassWithSelf(setting, node); + setting.treeObj.trigger(consts.event.CHECK, [event, setting.treeId, node]); + return true; + }, + onMouseoverCheck: function (event, node) { + if (node.chkDisabled === true) return false; + var setting = data.getSetting(event.data.treeId), + checkObj = $$(node, consts.id.CHECK, setting); + node.check_Focus = true; + view.setChkClass(setting, checkObj, node); + return true; + }, + onMouseoutCheck: function (event, node) { + if (node.chkDisabled === true) return false; + var setting = data.getSetting(event.data.treeId), + checkObj = $$(node, consts.id.CHECK, setting); + node.check_Focus = false; + view.setChkClass(setting, checkObj, node); + return true; + } + }, + //method of tools for zTree + _tools = {}, + //method of operate ztree dom + _view = { + checkNodeRelation: function (setting, node) { + var pNode, i, l, + r = consts.radio; + var nodeChecked = data.nodeChecked(setting, node); + if (setting.check.chkStyle == r.STYLE) { + var checkedList = data.getRadioCheckedList(setting); + if (nodeChecked) { + if (setting.check.radioType == r.TYPE_ALL) { + for (i = checkedList.length - 1; i >= 0; i--) { + pNode = checkedList[i]; + var pNodeChecked = data.nodeChecked(setting, pNode); + if (pNodeChecked && pNode != node) { + data.nodeChecked(setting, pNode, false); + checkedList.splice(i, 1); + + view.setChkClass(setting, $$(pNode, consts.id.CHECK, setting), pNode); + if (pNode.parentTId != node.parentTId) { + view.repairParentChkClassWithSelf(setting, pNode); + } + } + } + checkedList.push(node); + } else { + var parentNode = (node.parentTId) ? node.getParentNode() : data.getRoot(setting); + var children = data.nodeChildren(setting, parentNode); + for (i = 0, l = children.length; i < l; i++) { + pNode = children[i]; + var pNodeChecked = data.nodeChecked(setting, pNode); + if (pNodeChecked && pNode != node) { + data.nodeChecked(setting, pNode, false); + view.setChkClass(setting, $$(pNode, consts.id.CHECK, setting), pNode); + } + } + } + } else if (setting.check.radioType == r.TYPE_ALL) { + for (i = 0, l = checkedList.length; i < l; i++) { + if (node == checkedList[i]) { + checkedList.splice(i, 1); + break; + } + } + } + + } else { + var children = data.nodeChildren(setting, node); + if (nodeChecked && (!children || children.length == 0 || setting.check.chkboxType.Y.indexOf("s") > -1)) { + view.setSonNodeCheckBox(setting, node, true); + } + if (!nodeChecked && (!children || children.length == 0 || setting.check.chkboxType.N.indexOf("s") > -1)) { + view.setSonNodeCheckBox(setting, node, false); + } + if (nodeChecked && setting.check.chkboxType.Y.indexOf("p") > -1) { + view.setParentNodeCheckBox(setting, node, true); + } + if (!nodeChecked && setting.check.chkboxType.N.indexOf("p") > -1) { + view.setParentNodeCheckBox(setting, node, false); + } + } + }, + makeChkClass: function (setting, node) { + var c = consts.checkbox, r = consts.radio, + fullStyle = ""; + var nodeChecked = data.nodeChecked(setting, node); + if (node.chkDisabled === true) { + fullStyle = c.DISABLED; + } else if (node.halfCheck) { + fullStyle = c.PART; + } else if (setting.check.chkStyle == r.STYLE) { + fullStyle = (node.check_Child_State < 1) ? c.FULL : c.PART; + } else { + fullStyle = nodeChecked ? ((node.check_Child_State === 2 || node.check_Child_State === -1) ? c.FULL : c.PART) : ((node.check_Child_State < 1) ? c.FULL : c.PART); + } + var chkName = setting.check.chkStyle + "_" + (nodeChecked ? c.TRUE : c.FALSE) + "_" + fullStyle; + chkName = (node.check_Focus && node.chkDisabled !== true) ? chkName + "_" + c.FOCUS : chkName; + return consts.className.BUTTON + " " + c.DEFAULT + " " + chkName; + }, + repairAllChk: function (setting, checked) { + if (setting.check.enable && setting.check.chkStyle === consts.checkbox.STYLE) { + var root = data.getRoot(setting); + var children = data.nodeChildren(setting, root); + for (var i = 0, l = children.length; i < l; i++) { + var node = children[i]; + if (node.nocheck !== true && node.chkDisabled !== true) { + data.nodeChecked(setting, node, checked); + } + view.setSonNodeCheckBox(setting, node, checked); + } + } + }, + repairChkClass: function (setting, node) { + if (!node) return; + data.makeChkFlag(setting, node); + if (node.nocheck !== true) { + var checkObj = $$(node, consts.id.CHECK, setting); + view.setChkClass(setting, checkObj, node); + } + }, + repairParentChkClass: function (setting, node) { + if (!node || !node.parentTId) return; + var pNode = node.getParentNode(); + view.repairChkClass(setting, pNode); + view.repairParentChkClass(setting, pNode); + }, + repairParentChkClassWithSelf: function (setting, node) { + if (!node) return; + var children = data.nodeChildren(setting, node); + if (children && children.length > 0) { + view.repairParentChkClass(setting, children[0]); + } else { + view.repairParentChkClass(setting, node); + } + }, + repairSonChkDisabled: function (setting, node, chkDisabled, inherit) { + if (!node) return; + if (node.chkDisabled != chkDisabled) { + node.chkDisabled = chkDisabled; + } + view.repairChkClass(setting, node); + var children = data.nodeChildren(setting, node); + if (children && inherit) { + for (var i = 0, l = children.length; i < l; i++) { + var sNode = children[i]; + view.repairSonChkDisabled(setting, sNode, chkDisabled, inherit); + } + } + }, + repairParentChkDisabled: function (setting, node, chkDisabled, inherit) { + if (!node) return; + if (node.chkDisabled != chkDisabled && inherit) { + node.chkDisabled = chkDisabled; + } + view.repairChkClass(setting, node); + view.repairParentChkDisabled(setting, node.getParentNode(), chkDisabled, inherit); + }, + setChkClass: function (setting, obj, node) { + if (!obj) return; + if (node.nocheck === true) { + obj.hide(); + } else { + obj.show(); + } + obj.attr('class', view.makeChkClass(setting, node)); + }, + setParentNodeCheckBox: function (setting, node, value, srcNode) { + var checkObj = $$(node, consts.id.CHECK, setting); + if (!srcNode) srcNode = node; + data.makeChkFlag(setting, node); + if (node.nocheck !== true && node.chkDisabled !== true) { + data.nodeChecked(setting, node, value); + view.setChkClass(setting, checkObj, node); + if (setting.check.autoCheckTrigger && node != srcNode) { + setting.treeObj.trigger(consts.event.CHECK, [null, setting.treeId, node]); + } + } + if (node.parentTId) { + var pSign = true; + if (!value) { + var pNodes = data.nodeChildren(setting, node.getParentNode()); + for (var i = 0, l = pNodes.length; i < l; i++) { + var pNode = pNodes[i]; + var nodeChecked = data.nodeChecked(setting, pNode); + if ((pNode.nocheck !== true && pNode.chkDisabled !== true && nodeChecked) + || ((pNode.nocheck === true || pNode.chkDisabled === true) && pNode.check_Child_State > 0)) { + pSign = false; + break; + } + } + } + if (pSign) { + view.setParentNodeCheckBox(setting, node.getParentNode(), value, srcNode); + } + } + }, + setSonNodeCheckBox: function (setting, node, value, srcNode) { + if (!node) return; + var checkObj = $$(node, consts.id.CHECK, setting); + if (!srcNode) srcNode = node; + + var hasDisable = false; + var children = data.nodeChildren(setting, node); + if (children) { + for (var i = 0, l = children.length; i < l; i++) { + var sNode = children[i]; + view.setSonNodeCheckBox(setting, sNode, value, srcNode); + if (sNode.chkDisabled === true) hasDisable = true; + } + } + + if (node != data.getRoot(setting) && node.chkDisabled !== true) { + if (hasDisable && node.nocheck !== true) { + data.makeChkFlag(setting, node); + } + if (node.nocheck !== true && node.chkDisabled !== true) { + data.nodeChecked(setting, node, value); + if (!hasDisable) node.check_Child_State = (children && children.length > 0) ? (value ? 2 : 0) : -1; + } else { + node.check_Child_State = -1; + } + view.setChkClass(setting, checkObj, node); + if (setting.check.autoCheckTrigger && node != srcNode && node.nocheck !== true && node.chkDisabled !== true) { + setting.treeObj.trigger(consts.event.CHECK, [null, setting.treeId, node]); + } + } + + } + }, + + _z = { + tools: _tools, + view: _view, + event: _event, + data: _data + }; + $.extend(true, $.fn.zTree.consts, _consts); + $.extend(true, $.fn.zTree._z, _z); + + var zt = $.fn.zTree, + tools = zt._z.tools, + consts = zt.consts, + view = zt._z.view, + data = zt._z.data, + event = zt._z.event, + $$ = tools.$; + + data.nodeChecked = function (setting, node, newChecked) { + if (!node) { + return false; + } + var key = setting.data.key.checked; + if (typeof newChecked !== 'undefined') { + if (typeof newChecked === "string") { + newChecked = tools.eqs(newChecked, "true"); + } + newChecked = !!newChecked; + node[key] = newChecked; + } else if (typeof node[key] == "string"){ + node[key] = tools.eqs(node[key], "true"); + } else { + node[key] = !!node[key]; + } + return node[key]; + }; + + data.exSetting(_setting); + data.addInitBind(_bindEvent); + data.addInitUnBind(_unbindEvent); + data.addInitCache(_initCache); + data.addInitNode(_initNode); + data.addInitProxy(_eventProxy, true); + data.addInitRoot(_initRoot); + data.addBeforeA(_beforeA); + data.addZTreeTools(_zTreeTools); + + var _createNodes = view.createNodes; + view.createNodes = function (setting, level, nodes, parentNode, index) { + if (_createNodes) _createNodes.apply(view, arguments); + if (!nodes) return; + view.repairParentChkClassWithSelf(setting, parentNode); + } + var _removeNode = view.removeNode; + view.removeNode = function (setting, node) { + var parentNode = node.getParentNode(); + if (_removeNode) _removeNode.apply(view, arguments); + if (!node || !parentNode) return; + view.repairChkClass(setting, parentNode); + view.repairParentChkClass(setting, parentNode); + } + + var _appendNodes = view.appendNodes; + view.appendNodes = function (setting, level, nodes, parentNode, index, initFlag, openFlag) { + var html = ""; + if (_appendNodes) { + html = _appendNodes.apply(view, arguments); + } + if (parentNode) { + data.makeChkFlag(setting, parentNode); + } + return html; + } +})(jQuery); \ No newline at end of file diff --git a/js/zTree_v3/js/jquery.ztree.excheck.min.js b/js/zTree_v3/js/jquery.ztree.excheck.min.js new file mode 100755 index 0000000..9089c77 --- /dev/null +++ b/js/zTree_v3/js/jquery.ztree.excheck.min.js @@ -0,0 +1,34 @@ +/* + * JQuery zTree excheck v3.5.40 + * http://treejs.cn/ + * + * Copyright (c) 2010 Hunter.z + * + * Licensed same as jquery - MIT License + * http://www.opensource.org/licenses/mit-license.php + * + * email: hunter.z@263.net + * Date: 2019-01-18 + */ +(function(m){var p,q,r,o={event:{CHECK:"ztree_check"},id:{CHECK:"_check"},checkbox:{STYLE:"checkbox",DEFAULT:"chk",DISABLED:"disable",FALSE:"false",TRUE:"true",FULL:"full",PART:"part",FOCUS:"focus"},radio:{STYLE:"radio",TYPE_ALL:"all",TYPE_LEVEL:"level"}},v={check:{enable:!1,autoCheckTrigger:!1,chkStyle:o.checkbox.STYLE,nocheckInherit:!1,chkDisabledInherit:!1,radioType:o.radio.TYPE_LEVEL,chkboxType:{Y:"ps",N:"ps"}},data:{key:{checked:"checked"}},callback:{beforeCheck:null,onCheck:null}};p=function(c, +a){if(a.chkDisabled===!0)return!1;var b=f.getSetting(c.data.treeId);if(i.apply(b.callback.beforeCheck,[b.treeId,a],!0)==!1)return!0;var d=f.nodeChecked(b,a);f.nodeChecked(b,a,!d);e.checkNodeRelation(b,a);d=n(a,h.id.CHECK,b);e.setChkClass(b,d,a);e.repairParentChkClassWithSelf(b,a);b.treeObj.trigger(h.event.CHECK,[c,b.treeId,a]);return!0};q=function(c,a){if(a.chkDisabled===!0)return!1;var b=f.getSetting(c.data.treeId),d=n(a,h.id.CHECK,b);a.check_Focus=!0;e.setChkClass(b,d,a);return!0};r=function(c, +a){if(a.chkDisabled===!0)return!1;var b=f.getSetting(c.data.treeId),d=n(a,h.id.CHECK,b);a.check_Focus=!1;e.setChkClass(b,d,a);return!0};m.extend(!0,m.fn.zTree.consts,o);m.extend(!0,m.fn.zTree._z,{tools:{},view:{checkNodeRelation:function(c,a){var b,d,j;d=h.radio;b=f.nodeChecked(c,a);if(c.check.chkStyle==d.STYLE){var g=f.getRadioCheckedList(c);if(b)if(c.check.radioType==d.TYPE_ALL){for(d=g.length-1;d>=0;d--){b=g[d];var k=f.nodeChecked(c,b);k&&b!=a&&(f.nodeChecked(c,b,!1),g.splice(d,1),e.setChkClass(c, +n(b,h.id.CHECK,c),b),b.parentTId!=a.parentTId&&e.repairParentChkClassWithSelf(c,b))}g.push(a)}else{g=a.parentTId?a.getParentNode():f.getRoot(c);g=f.nodeChildren(c,g);for(d=0,j=g.length;d-1)&&e.setSonNodeCheckBox(c,a, +!0),!b&&(!g||g.length==0||c.check.chkboxType.N.indexOf("s")>-1)&&e.setSonNodeCheckBox(c,a,!1),b&&c.check.chkboxType.Y.indexOf("p")>-1&&e.setParentNodeCheckBox(c,a,!0),!b&&c.check.chkboxType.N.indexOf("p")>-1&&e.setParentNodeCheckBox(c,a,!1)},makeChkClass:function(c,a){var b=h.checkbox,d=h.radio,j="",g=f.nodeChecked(c,a),j=a.chkDisabled===!0?b.DISABLED:a.halfCheck?b.PART:c.check.chkStyle==d.STYLE?a.check_Child_State<1?b.FULL:b.PART:g?a.check_Child_State===2||a.check_Child_State===-1?b.FULL:b.PART: +a.check_Child_State<1?b.FULL:b.PART,d=c.check.chkStyle+"_"+(g?b.TRUE:b.FALSE)+"_"+j,d=a.check_Focus&&a.chkDisabled!==!0?d+"_"+b.FOCUS:d;return h.className.BUTTON+" "+b.DEFAULT+" "+d},repairAllChk:function(c,a){if(c.check.enable&&c.check.chkStyle===h.checkbox.STYLE)for(var b=f.getRoot(c),b=f.nodeChildren(c,b),d=0,j=b.length;d0?e.repairParentChkClass(c,b[0]):e.repairParentChkClass(c,a)}},repairSonChkDisabled:function(c,a,b,d){if(a){if(a.chkDisabled!=b)a.chkDisabled=b;e.repairChkClass(c,a);if((a=f.nodeChildren(c,a))&&d)for(var j=0,g=a.length;j0){j=!1;break}}j&&e.setParentNodeCheckBox(c,a.getParentNode(),b,d)}},setSonNodeCheckBox:function(c,a,b,d){if(a){var j=n(a,h.id.CHECK,c);d||(d=a);var g=!1,k=f.nodeChildren(c,a);if(k)for(var i=0,l=k.length;i0?b?2:0:-1}else a.check_Child_State=-1;e.setChkClass(c,j,a);c.check.autoCheckTrigger&&a!=d&&a.nocheck!==!0&&a.chkDisabled!==!0&&c.treeObj.trigger(h.event.CHECK,[null,c.treeId,a])}}}},event:{},data:{getRadioCheckedList:function(c){for(var a=f.getRoot(c).radioCheckedList,b=0,d=a.length;b-1&&a.check_Child_State<2:a.check_Child_State>0}},getTreeCheckedNodes:function(c,a,b,d){if(!a)return[];for(var j=b&&c.check.chkStyle==h.radio.STYLE&&c.check.radioType==h.radio.TYPE_ALL,d=!d?[]:d,g=0,e=a.length;g0)break}return d},getTreeChangeCheckedNodes:function(c,a,b){if(!a)return[];for(var b=!b?[]:b,d=0,j=a.length;d0?2:0,l==2){b=2;break}else l==0&&(b=0);else if(c.check.chkStyle==h.checkbox.STYLE)if(l=e.nocheck===!0||e.chkDisabled===!0?e.check_Child_State:e.halfCheck===!0?1:i?e.check_Child_State===-1||e.check_Child_State===2?2:1:e.check_Child_State>0?1:0,l===1){b=1;break}else if(l===2&&b>-1&&j>0&&l!== +b){b=1;break}else if(b===2&&l>-1&&l<2){b=1;break}else l>-1&&(b=l)}a.check_Child_State=b}}}});var m=m.fn.zTree,i=m._z.tools,h=m.consts,e=m._z.view,f=m._z.data,n=i.$;f.nodeChecked=function(c,a,b){if(!a)return!1;c=c.data.key.checked;typeof b!=="undefined"?(typeof b==="string"&&(b=i.eqs(b,"true")),a[c]=!!b):a[c]=typeof a[c]=="string"?i.eqs(a[c],"true"):!!a[c];return a[c]};f.exSetting(v);f.addInitBind(function(c){c.treeObj.bind(h.event.CHECK,function(a,b,d,e){a.srcEvent=b;i.apply(c.callback.onCheck,[a, +d,e])})});f.addInitUnBind(function(c){c.treeObj.unbind(h.event.CHECK)});f.addInitCache(function(){});f.addInitNode(function(c,a,b,d){if(b){a=f.nodeChecked(c,b);b.checkedOld=a;if(typeof b.nocheck=="string")b.nocheck=i.eqs(b.nocheck,"true");b.nocheck=!!b.nocheck||c.check.nocheckInherit&&d&&!!d.nocheck;if(typeof b.chkDisabled=="string")b.chkDisabled=i.eqs(b.chkDisabled,"true");b.chkDisabled=!!b.chkDisabled||c.check.chkDisabledInherit&&d&&!!d.chkDisabled;if(typeof b.halfCheck=="string")b.halfCheck=i.eqs(b.halfCheck, +"true");b.halfCheck=!!b.halfCheck;b.check_Child_State=-1;b.check_Focus=!1;b.getCheckStatus=function(){return f.getCheckStatus(c,b)};c.check.chkStyle==h.radio.STYLE&&c.check.radioType==h.radio.TYPE_ALL&&a&&f.getRoot(c).radioCheckedList.push(b)}});f.addInitProxy(function(c){var a=c.target,b=f.getSetting(c.data.treeId),d="",e=null,g="",k=null;if(i.eqs(c.type,"mouseover")){if(b.check.enable&&i.eqs(a.tagName,"span")&&a.getAttribute("treeNode"+h.id.CHECK)!==null)d=i.getNodeMainDom(a).id,g="mouseoverCheck"}else if(i.eqs(c.type, +"mouseout")){if(b.check.enable&&i.eqs(a.tagName,"span")&&a.getAttribute("treeNode"+h.id.CHECK)!==null)d=i.getNodeMainDom(a).id,g="mouseoutCheck"}else if(i.eqs(c.type,"click")&&b.check.enable&&i.eqs(a.tagName,"span")&&a.getAttribute("treeNode"+h.id.CHECK)!==null)d=i.getNodeMainDom(a).id,g="checkNode";if(d.length>0)switch(e=f.getNodeCache(b,d),g){case "checkNode":k=p;break;case "mouseoverCheck":k=q;break;case "mouseoutCheck":k=r}return{stop:g==="checkNode",node:e,nodeEventType:g,nodeEventCallback:k, +treeEventType:"",treeEventCallback:null}},!0);f.addInitRoot(function(c){f.getRoot(c).radioCheckedList=[]});f.addBeforeA(function(c,a,b){c.check.enable&&(f.makeChkFlag(c,a),b.push(""))});f.addZTreeTools(function(c,a){a.checkNode=function(a,b,g,k){var m=f.nodeChecked(c,a);if(a.chkDisabled!==!0&&(b!==!0&&b!==!1&&(b=!m),k=!!k,(m!==b||g)&&!(k&&i.apply(this.setting.callback.beforeCheck, +[this.setting.treeId,a],!0)==!1)&&i.uCanDo(this.setting)&&this.setting.check.enable&&a.nocheck!==!0))f.nodeChecked(c,a,b),b=n(a,h.id.CHECK,this.setting),(g||this.setting.check.chkStyle===h.radio.STYLE)&&e.checkNodeRelation(this.setting,a),e.setChkClass(this.setting,b,a),e.repairParentChkClassWithSelf(this.setting,a),k&&this.setting.treeObj.trigger(h.event.CHECK,[null,this.setting.treeId,a])};a.checkAllNodes=function(a){e.repairAllChk(this.setting,!!a)};a.getCheckedNodes=function(a){var a=a!==!1,b= +f.nodeChildren(c,f.getRoot(this.setting));return f.getTreeCheckedNodes(this.setting,b,a)};a.getChangeCheckedNodes=function(){var a=f.nodeChildren(c,f.getRoot(this.setting));return f.getTreeChangeCheckedNodes(this.setting,a)};a.setChkDisabled=function(a,b,c,f){b=!!b;c=!!c;e.repairSonChkDisabled(this.setting,a,b,!!f);e.repairParentChkDisabled(this.setting,a.getParentNode(),b,c)};var b=a.updateNode;a.updateNode=function(c,f){b&&b.apply(a,arguments);if(c&&this.setting.check.enable&&n(c,this.setting).get(0)&& +i.uCanDo(this.setting)){var g=n(c,h.id.CHECK,this.setting);(f==!0||this.setting.check.chkStyle===h.radio.STYLE)&&e.checkNodeRelation(this.setting,c);e.setChkClass(this.setting,g,c);e.repairParentChkClassWithSelf(this.setting,c)}}});var s=e.createNodes;e.createNodes=function(c,a,b,d,f){s&&s.apply(e,arguments);b&&e.repairParentChkClassWithSelf(c,d)};var t=e.removeNode;e.removeNode=function(c,a){var b=a.getParentNode();t&&t.apply(e,arguments);a&&b&&(e.repairChkClass(c,b),e.repairParentChkClass(c,b))}; +var u=e.appendNodes;e.appendNodes=function(c,a,b,d,h,g,i){var m="";u&&(m=u.apply(e,arguments));d&&f.makeChkFlag(c,d);return m}})(jQuery); diff --git a/js/zTree_v3/js/jquery.ztree.exedit.js b/js/zTree_v3/js/jquery.ztree.exedit.js new file mode 100755 index 0000000..57358d8 --- /dev/null +++ b/js/zTree_v3/js/jquery.ztree.exedit.js @@ -0,0 +1,1203 @@ +/* + * JQuery zTree exedit v3.5.40 + * http://treejs.cn/ + * + * Copyright (c) 2010 Hunter.z + * + * Licensed same as jquery - MIT License + * http://www.opensource.org/licenses/mit-license.php + * + * email: hunter.z@263.net + * Date: 2019-01-18 + */ +(function ($) { + //default consts of exedit + var _consts = { + event: { + DRAG: "ztree_drag", + DROP: "ztree_drop", + RENAME: "ztree_rename", + DRAGMOVE: "ztree_dragmove" + }, + id: { + EDIT: "_edit", + INPUT: "_input", + REMOVE: "_remove" + }, + move: { + TYPE_INNER: "inner", + TYPE_PREV: "prev", + TYPE_NEXT: "next" + }, + node: { + CURSELECTED_EDIT: "curSelectedNode_Edit", + TMPTARGET_TREE: "tmpTargetzTree", + TMPTARGET_NODE: "tmpTargetNode" + } + }, + //default setting of exedit + _setting = { + edit: { + enable: false, + editNameSelectAll: false, + showRemoveBtn: true, + showRenameBtn: true, + removeTitle: "remove", + renameTitle: "rename", + drag: { + autoExpandTrigger: false, + isCopy: true, + isMove: true, + prev: true, + next: true, + inner: true, + minMoveSize: 5, + borderMax: 10, + borderMin: -5, + maxShowNodeNum: 5, + autoOpenTime: 500 + } + }, + view: { + addHoverDom: null, + removeHoverDom: null + }, + callback: { + beforeDrag: null, + beforeDragOpen: null, + beforeDrop: null, + beforeEditName: null, + beforeRename: null, + onDrag: null, + onDragMove: null, + onDrop: null, + onRename: null + } + }, + //default root of exedit + _initRoot = function (setting) { + var r = data.getRoot(setting), rs = data.getRoots(); + r.curEditNode = null; + r.curEditInput = null; + r.curHoverNode = null; + r.dragFlag = 0; + r.dragNodeShowBefore = []; + r.dragMaskList = new Array(); + rs.showHoverDom = true; + }, + //default cache of exedit + _initCache = function (treeId) { + }, + //default bind event of exedit + _bindEvent = function (setting) { + var o = setting.treeObj; + var c = consts.event; + o.bind(c.RENAME, function (event, treeId, treeNode, isCancel) { + tools.apply(setting.callback.onRename, [event, treeId, treeNode, isCancel]); + }); + + o.bind(c.DRAG, function (event, srcEvent, treeId, treeNodes) { + tools.apply(setting.callback.onDrag, [srcEvent, treeId, treeNodes]); + }); + + o.bind(c.DRAGMOVE, function (event, srcEvent, treeId, treeNodes) { + tools.apply(setting.callback.onDragMove, [srcEvent, treeId, treeNodes]); + }); + + o.bind(c.DROP, function (event, srcEvent, treeId, treeNodes, targetNode, moveType, isCopy) { + tools.apply(setting.callback.onDrop, [srcEvent, treeId, treeNodes, targetNode, moveType, isCopy]); + }); + }, + _unbindEvent = function (setting) { + var o = setting.treeObj; + var c = consts.event; + o.unbind(c.RENAME); + o.unbind(c.DRAG); + o.unbind(c.DRAGMOVE); + o.unbind(c.DROP); + }, + //default event proxy of exedit + _eventProxy = function (e) { + var target = e.target, + setting = data.getSetting(e.data.treeId), + relatedTarget = e.relatedTarget, + tId = "", node = null, + nodeEventType = "", treeEventType = "", + nodeEventCallback = null, treeEventCallback = null, + tmp = null; + + if (tools.eqs(e.type, "mouseover")) { + tmp = tools.getMDom(setting, target, [{tagName: "a", attrName: "treeNode" + consts.id.A}]); + if (tmp) { + tId = tools.getNodeMainDom(tmp).id; + nodeEventType = "hoverOverNode"; + } + } else if (tools.eqs(e.type, "mouseout")) { + tmp = tools.getMDom(setting, relatedTarget, [{tagName: "a", attrName: "treeNode" + consts.id.A}]); + if (!tmp) { + tId = "remove"; + nodeEventType = "hoverOutNode"; + } + } else if (tools.eqs(e.type, "mousedown")) { + tmp = tools.getMDom(setting, target, [{tagName: "a", attrName: "treeNode" + consts.id.A}]); + if (tmp) { + tId = tools.getNodeMainDom(tmp).id; + nodeEventType = "mousedownNode"; + } + } + if (tId.length > 0) { + node = data.getNodeCache(setting, tId); + switch (nodeEventType) { + case "mousedownNode" : + nodeEventCallback = _handler.onMousedownNode; + break; + case "hoverOverNode" : + nodeEventCallback = _handler.onHoverOverNode; + break; + case "hoverOutNode" : + nodeEventCallback = _handler.onHoverOutNode; + break; + } + } + var proxyResult = { + stop: false, + node: node, + nodeEventType: nodeEventType, + nodeEventCallback: nodeEventCallback, + treeEventType: treeEventType, + treeEventCallback: treeEventCallback + }; + return proxyResult + }, + //default init node of exedit + _initNode = function (setting, level, n, parentNode, isFirstNode, isLastNode, openFlag) { + if (!n) return; + n.isHover = false; + n.editNameFlag = false; + }, + //update zTreeObj, add method of edit + _zTreeTools = function (setting, zTreeTools) { + zTreeTools.cancelEditName = function (newName) { + var root = data.getRoot(this.setting); + if (!root.curEditNode) return; + view.cancelCurEditNode(this.setting, newName ? newName : null, true); + } + zTreeTools.copyNode = function (targetNode, node, moveType, isSilent) { + if (!node) return null; + var isParent = data.nodeIsParent(setting, targetNode); + if (targetNode && !isParent && this.setting.data.keep.leaf && moveType === consts.move.TYPE_INNER) return null; + var _this = this, + newNode = tools.clone(node); + if (!targetNode) { + targetNode = null; + moveType = consts.move.TYPE_INNER; + } + if (moveType == consts.move.TYPE_INNER) { + function copyCallback() { + view.addNodes(_this.setting, targetNode, -1, [newNode], isSilent); + } + + if (tools.canAsync(this.setting, targetNode)) { + view.asyncNode(this.setting, targetNode, isSilent, copyCallback); + } else { + copyCallback(); + } + } else { + view.addNodes(this.setting, targetNode.parentNode, -1, [newNode], isSilent); + view.moveNode(this.setting, targetNode, newNode, moveType, false, isSilent); + } + return newNode; + } + zTreeTools.editName = function (node) { + if (!node || !node.tId || node !== data.getNodeCache(this.setting, node.tId)) return; + if (node.parentTId) view.expandCollapseParentNode(this.setting, node.getParentNode(), true); + view.editNode(this.setting, node) + } + zTreeTools.moveNode = function (targetNode, node, moveType, isSilent) { + if (!node) return node; + var isParent = data.nodeIsParent(setting, targetNode); + if (targetNode && !isParent && this.setting.data.keep.leaf && moveType === consts.move.TYPE_INNER) { + return null; + } else if (targetNode && ((node.parentTId == targetNode.tId && moveType == consts.move.TYPE_INNER) || $$(node, this.setting).find("#" + targetNode.tId).length > 0)) { + return null; + } else if (!targetNode) { + targetNode = null; + } + var _this = this; + + function moveCallback() { + view.moveNode(_this.setting, targetNode, node, moveType, false, isSilent); + } + + if (tools.canAsync(this.setting, targetNode) && moveType === consts.move.TYPE_INNER) { + view.asyncNode(this.setting, targetNode, isSilent, moveCallback); + } else { + moveCallback(); + } + return node; + } + zTreeTools.setEditable = function (editable) { + this.setting.edit.enable = editable; + return this.refresh(); + } + }, + //method of operate data + _data = { + setSonNodeLevel: function (setting, parentNode, node) { + if (!node) return; + var children = data.nodeChildren(setting, node); + node.level = (parentNode) ? parentNode.level + 1 : 0; + if (!children) return; + for (var i = 0, l = children.length; i < l; i++) { + if (children[i]) data.setSonNodeLevel(setting, node, children[i]); + } + } + }, + //method of event proxy + _event = {}, + //method of event handler + _handler = { + onHoverOverNode: function (event, node) { + var setting = data.getSetting(event.data.treeId), + root = data.getRoot(setting); + if (root.curHoverNode != node) { + _handler.onHoverOutNode(event); + } + root.curHoverNode = node; + view.addHoverDom(setting, node); + }, + onHoverOutNode: function (event, node) { + var setting = data.getSetting(event.data.treeId), + root = data.getRoot(setting); + if (root.curHoverNode && !data.isSelectedNode(setting, root.curHoverNode)) { + view.removeTreeDom(setting, root.curHoverNode); + root.curHoverNode = null; + } + }, + onMousedownNode: function (eventMouseDown, _node) { + var i, l, + setting = data.getSetting(eventMouseDown.data.treeId), + root = data.getRoot(setting), roots = data.getRoots(); + //right click can't drag & drop + if (eventMouseDown.button == 2 || !setting.edit.enable || (!setting.edit.drag.isCopy && !setting.edit.drag.isMove)) return true; + + //input of edit node name can't drag & drop + var target = eventMouseDown.target, + _nodes = data.getRoot(setting).curSelectedList, + nodes = []; + if (!data.isSelectedNode(setting, _node)) { + nodes = [_node]; + } else { + for (i = 0, l = _nodes.length; i < l; i++) { + if (_nodes[i].editNameFlag && tools.eqs(target.tagName, "input") && target.getAttribute("treeNode" + consts.id.INPUT) !== null) { + return true; + } + nodes.push(_nodes[i]); + if (nodes[0].parentTId !== _nodes[i].parentTId) { + nodes = [_node]; + break; + } + } + } + + view.editNodeBlur = true; + view.cancelCurEditNode(setting); + + var doc = $(setting.treeObj.get(0).ownerDocument), + body = $(setting.treeObj.get(0).ownerDocument.body), curNode, tmpArrow, tmpTarget, + isOtherTree = false, + targetSetting = setting, + sourceSetting = setting, + preNode, nextNode, + preTmpTargetNodeId = null, + preTmpMoveType = null, + tmpTargetNodeId = null, + moveType = consts.move.TYPE_INNER, + mouseDownX = eventMouseDown.clientX, + mouseDownY = eventMouseDown.clientY, + startTime = (new Date()).getTime(); + + if (tools.uCanDo(setting)) { + doc.bind("mousemove", _docMouseMove); + } + + function _docMouseMove(event) { + //avoid start drag after click node + if (root.dragFlag == 0 && Math.abs(mouseDownX - event.clientX) < setting.edit.drag.minMoveSize + && Math.abs(mouseDownY - event.clientY) < setting.edit.drag.minMoveSize) { + return true; + } + var i, l, tmpNode, tmpDom, tmpNodes; + body.css("cursor", "pointer"); + + if (root.dragFlag == 0) { + if (tools.apply(setting.callback.beforeDrag, [setting.treeId, nodes], true) == false) { + _docMouseUp(event); + return true; + } + + for (i = 0, l = nodes.length; i < l; i++) { + if (i == 0) { + root.dragNodeShowBefore = []; + } + tmpNode = nodes[i]; + if (data.nodeIsParent(setting, tmpNode) && tmpNode.open) { + view.expandCollapseNode(setting, tmpNode, !tmpNode.open); + root.dragNodeShowBefore[tmpNode.tId] = true; + } else { + root.dragNodeShowBefore[tmpNode.tId] = false; + } + } + + root.dragFlag = 1; + roots.showHoverDom = false; + tools.showIfameMask(setting, true); + + //sort + var isOrder = true, lastIndex = -1; + if (nodes.length > 1) { + var pNodes = nodes[0].parentTId ? data.nodeChildren(setting, nodes[0].getParentNode()) : data.getNodes(setting); + tmpNodes = []; + for (i = 0, l = pNodes.length; i < l; i++) { + if (root.dragNodeShowBefore[pNodes[i].tId] !== undefined) { + if (isOrder && lastIndex > -1 && (lastIndex + 1) !== i) { + isOrder = false; + } + tmpNodes.push(pNodes[i]); + lastIndex = i; + } + if (nodes.length === tmpNodes.length) { + nodes = tmpNodes; + break; + } + } + } + if (isOrder) { + preNode = nodes[0].getPreNode(); + nextNode = nodes[nodes.length - 1].getNextNode(); + } + + //set node in selected + curNode = $$("
                                                                                                                                                                                                                                                                                                                      ", setting); + for (i = 0, l = nodes.length; i < l; i++) { + tmpNode = nodes[i]; + tmpNode.editNameFlag = false; + view.selectNode(setting, tmpNode, i > 0); + view.removeTreeDom(setting, tmpNode); + + if (i > setting.edit.drag.maxShowNodeNum - 1) { + continue; + } + + tmpDom = $$("
                                                                                                                                                                                                                                                                                                                    • ", setting); + tmpDom.append($$(tmpNode, consts.id.A, setting).clone()); + tmpDom.css("padding", "0"); + tmpDom.children("#" + tmpNode.tId + consts.id.A).removeClass(consts.node.CURSELECTED); + curNode.append(tmpDom); + if (i == setting.edit.drag.maxShowNodeNum - 1) { + tmpDom = $$("
                                                                                                                                                                                                                                                                                                                    • ...
                                                                                                                                                                                                                                                                                                                      • ", setting); + curNode.append(tmpDom); + } + } + curNode.attr("id", nodes[0].tId + consts.id.UL + "_tmp"); + curNode.addClass(setting.treeObj.attr("class")); + curNode.appendTo(body); + + tmpArrow = $$("", setting); + tmpArrow.attr("id", "zTreeMove_arrow_tmp"); + tmpArrow.appendTo(body); + + setting.treeObj.trigger(consts.event.DRAG, [event, setting.treeId, nodes]); + } + + if (root.dragFlag == 1) { + if (tmpTarget && tmpArrow.attr("id") == event.target.id && tmpTargetNodeId && (event.clientX + doc.scrollLeft() + 2) > ($("#" + tmpTargetNodeId + consts.id.A, tmpTarget).offset().left)) { + var xT = $("#" + tmpTargetNodeId + consts.id.A, tmpTarget); + event.target = (xT.length > 0) ? xT.get(0) : event.target; + } else if (tmpTarget) { + tmpTarget.removeClass(consts.node.TMPTARGET_TREE); + if (tmpTargetNodeId) $("#" + tmpTargetNodeId + consts.id.A, tmpTarget).removeClass(consts.node.TMPTARGET_NODE + "_" + consts.move.TYPE_PREV) + .removeClass(consts.node.TMPTARGET_NODE + "_" + _consts.move.TYPE_NEXT).removeClass(consts.node.TMPTARGET_NODE + "_" + _consts.move.TYPE_INNER); + } + tmpTarget = null; + tmpTargetNodeId = null; + + //judge drag & drop in multi ztree + isOtherTree = false; + targetSetting = setting; + var settings = data.getSettings(); + for (var s in settings) { + if (settings[s].treeId && settings[s].edit.enable && settings[s].treeId != setting.treeId + && (event.target.id == settings[s].treeId || $(event.target).parents("#" + settings[s].treeId).length > 0)) { + isOtherTree = true; + targetSetting = settings[s]; + } + } + + var docScrollTop = doc.scrollTop(), + docScrollLeft = doc.scrollLeft(), + treeOffset = targetSetting.treeObj.offset(), + scrollHeight = targetSetting.treeObj.get(0).scrollHeight, + scrollWidth = targetSetting.treeObj.get(0).scrollWidth, + dTop = (event.clientY + docScrollTop - treeOffset.top), + dBottom = (targetSetting.treeObj.height() + treeOffset.top - event.clientY - docScrollTop), + dLeft = (event.clientX + docScrollLeft - treeOffset.left), + dRight = (targetSetting.treeObj.width() + treeOffset.left - event.clientX - docScrollLeft), + isTop = (dTop < setting.edit.drag.borderMax && dTop > setting.edit.drag.borderMin), + isBottom = (dBottom < setting.edit.drag.borderMax && dBottom > setting.edit.drag.borderMin), + isLeft = (dLeft < setting.edit.drag.borderMax && dLeft > setting.edit.drag.borderMin), + isRight = (dRight < setting.edit.drag.borderMax && dRight > setting.edit.drag.borderMin), + isTreeInner = dTop > setting.edit.drag.borderMin && dBottom > setting.edit.drag.borderMin && dLeft > setting.edit.drag.borderMin && dRight > setting.edit.drag.borderMin, + isTreeTop = (isTop && targetSetting.treeObj.scrollTop() <= 0), + isTreeBottom = (isBottom && (targetSetting.treeObj.scrollTop() + targetSetting.treeObj.height() + 10) >= scrollHeight), + isTreeLeft = (isLeft && targetSetting.treeObj.scrollLeft() <= 0), + isTreeRight = (isRight && (targetSetting.treeObj.scrollLeft() + targetSetting.treeObj.width() + 10) >= scrollWidth); + + if (event.target && tools.isChildOrSelf(event.target, targetSetting.treeId)) { + //get node
                                                                                                                                                                                                                                                                                                                    • dom + var targetObj = event.target; + while (targetObj && targetObj.tagName && !tools.eqs(targetObj.tagName, "li") && targetObj.id != targetSetting.treeId) { + targetObj = targetObj.parentNode; + } + + var canMove = true; + //don't move to self or children of self + for (i = 0, l = nodes.length; i < l; i++) { + tmpNode = nodes[i]; + if (targetObj.id === tmpNode.tId) { + canMove = false; + break; + } else if ($$(tmpNode, setting).find("#" + targetObj.id).length > 0) { + canMove = false; + break; + } + } + if (canMove && event.target && tools.isChildOrSelf(event.target, targetObj.id + consts.id.A)) { + tmpTarget = $(targetObj); + tmpTargetNodeId = targetObj.id; + } + } + + //the mouse must be in zTree + tmpNode = nodes[0]; + if (isTreeInner && tools.isChildOrSelf(event.target, targetSetting.treeId)) { + //judge mouse move in root of ztree + if (!tmpTarget && (event.target.id == targetSetting.treeId || isTreeTop || isTreeBottom || isTreeLeft || isTreeRight) && (isOtherTree || (!isOtherTree && tmpNode.parentTId))) { + tmpTarget = targetSetting.treeObj; + } + //auto scroll top + if (isTop) { + targetSetting.treeObj.scrollTop(targetSetting.treeObj.scrollTop() - 10); + } else if (isBottom) { + targetSetting.treeObj.scrollTop(targetSetting.treeObj.scrollTop() + 10); + } + if (isLeft) { + targetSetting.treeObj.scrollLeft(targetSetting.treeObj.scrollLeft() - 10); + } else if (isRight) { + targetSetting.treeObj.scrollLeft(targetSetting.treeObj.scrollLeft() + 10); + } + //auto scroll left + if (tmpTarget && tmpTarget != targetSetting.treeObj && tmpTarget.offset().left < targetSetting.treeObj.offset().left) { + targetSetting.treeObj.scrollLeft(targetSetting.treeObj.scrollLeft() + tmpTarget.offset().left - targetSetting.treeObj.offset().left); + } + } + + curNode.css({ + "top": (event.clientY + docScrollTop + 3) + "px", + "left": (event.clientX + docScrollLeft + 3) + "px" + }); + + var dX = 0; + var dY = 0; + if (tmpTarget && tmpTarget.attr("id") != targetSetting.treeId) { + var tmpTargetNode = tmpTargetNodeId == null ? null : data.getNodeCache(targetSetting, tmpTargetNodeId), + isCopy = ((event.ctrlKey || event.metaKey) && setting.edit.drag.isMove && setting.edit.drag.isCopy) || (!setting.edit.drag.isMove && setting.edit.drag.isCopy), + isPrev = !!(preNode && tmpTargetNodeId === preNode.tId), + isNext = !!(nextNode && tmpTargetNodeId === nextNode.tId), + isInner = (tmpNode.parentTId && tmpNode.parentTId == tmpTargetNodeId), + canPrev = (isCopy || !isNext) && tools.apply(targetSetting.edit.drag.prev, [targetSetting.treeId, nodes, tmpTargetNode], !!targetSetting.edit.drag.prev), + canNext = (isCopy || !isPrev) && tools.apply(targetSetting.edit.drag.next, [targetSetting.treeId, nodes, tmpTargetNode], !!targetSetting.edit.drag.next), + canInner = (isCopy || !isInner) && !(targetSetting.data.keep.leaf && !data.nodeIsParent(setting, tmpTargetNode)) && tools.apply(targetSetting.edit.drag.inner, [targetSetting.treeId, nodes, tmpTargetNode], !!targetSetting.edit.drag.inner); + + function clearMove() { + tmpTarget = null; + tmpTargetNodeId = ""; + moveType = consts.move.TYPE_INNER; + tmpArrow.css({ + "display": "none" + }); + if (window.zTreeMoveTimer) { + clearTimeout(window.zTreeMoveTimer); + window.zTreeMoveTargetNodeTId = null + } + } + + if (!canPrev && !canNext && !canInner) { + clearMove(); + } else { + var tmpTargetA = $("#" + tmpTargetNodeId + consts.id.A, tmpTarget), + tmpNextA = tmpTargetNode.isLastNode ? null : $("#" + tmpTargetNode.getNextNode().tId + consts.id.A, tmpTarget.next()), + tmpTop = tmpTargetA.offset().top, + tmpLeft = tmpTargetA.offset().left, + prevPercent = canPrev ? (canInner ? 0.25 : (canNext ? 0.5 : 1)) : -1, + nextPercent = canNext ? (canInner ? 0.75 : (canPrev ? 0.5 : 0)) : -1, + dY_percent = (event.clientY + docScrollTop - tmpTop) / tmpTargetA.height(); + + if ((prevPercent == 1 || dY_percent <= prevPercent && dY_percent >= -.2) && canPrev) { + dX = 1 - tmpArrow.width(); + dY = tmpTop - tmpArrow.height() / 2; + moveType = consts.move.TYPE_PREV; + } else if ((nextPercent == 0 || dY_percent >= nextPercent && dY_percent <= 1.2) && canNext) { + dX = 1 - tmpArrow.width(); + dY = (tmpNextA == null || (data.nodeIsParent(setting, tmpTargetNode) && tmpTargetNode.open)) ? (tmpTop + tmpTargetA.height() - tmpArrow.height() / 2) : (tmpNextA.offset().top - tmpArrow.height() / 2); + moveType = consts.move.TYPE_NEXT; + } else if (canInner) { + dX = 5 - tmpArrow.width(); + dY = tmpTop; + moveType = consts.move.TYPE_INNER; + } else { + clearMove(); + } + + if (tmpTarget) { + tmpArrow.css({ + "display": "block", + "top": dY + "px", + "left": (tmpLeft + dX) + "px" + }); + tmpTargetA.addClass(consts.node.TMPTARGET_NODE + "_" + moveType); + + if (preTmpTargetNodeId != tmpTargetNodeId || preTmpMoveType != moveType) { + startTime = (new Date()).getTime(); + } + if (tmpTargetNode && data.nodeIsParent(setting, tmpTargetNode) && moveType == consts.move.TYPE_INNER) { + var startTimer = true; + if (window.zTreeMoveTimer && window.zTreeMoveTargetNodeTId !== tmpTargetNode.tId) { + clearTimeout(window.zTreeMoveTimer); + window.zTreeMoveTargetNodeTId = null; + } else if (window.zTreeMoveTimer && window.zTreeMoveTargetNodeTId === tmpTargetNode.tId) { + startTimer = false; + } + if (startTimer) { + window.zTreeMoveTimer = setTimeout(function () { + if (moveType != consts.move.TYPE_INNER) return; + if (tmpTargetNode && data.nodeIsParent(setting, tmpTargetNode) && !tmpTargetNode.open && (new Date()).getTime() - startTime > targetSetting.edit.drag.autoOpenTime + && tools.apply(targetSetting.callback.beforeDragOpen, [targetSetting.treeId, tmpTargetNode], true)) { + view.switchNode(targetSetting, tmpTargetNode); + if (targetSetting.edit.drag.autoExpandTrigger) { + targetSetting.treeObj.trigger(consts.event.EXPAND, [targetSetting.treeId, tmpTargetNode]); + } + } + }, targetSetting.edit.drag.autoOpenTime + 50); + window.zTreeMoveTargetNodeTId = tmpTargetNode.tId; + } + } + } + } + } else { + moveType = consts.move.TYPE_INNER; + if (tmpTarget && tools.apply(targetSetting.edit.drag.inner, [targetSetting.treeId, nodes, null], !!targetSetting.edit.drag.inner)) { + tmpTarget.addClass(consts.node.TMPTARGET_TREE); + } else { + tmpTarget = null; + } + tmpArrow.css({ + "display": "none" + }); + if (window.zTreeMoveTimer) { + clearTimeout(window.zTreeMoveTimer); + window.zTreeMoveTargetNodeTId = null; + } + } + preTmpTargetNodeId = tmpTargetNodeId; + preTmpMoveType = moveType; + + setting.treeObj.trigger(consts.event.DRAGMOVE, [event, setting.treeId, nodes]); + } + return false; + } + + doc.bind("mouseup", _docMouseUp); + + function _docMouseUp(event) { + if (window.zTreeMoveTimer) { + clearTimeout(window.zTreeMoveTimer); + window.zTreeMoveTargetNodeTId = null; + } + preTmpTargetNodeId = null; + preTmpMoveType = null; + doc.unbind("mousemove", _docMouseMove); + doc.unbind("mouseup", _docMouseUp); + doc.unbind("selectstart", _docSelect); + body.css("cursor", ""); + if (tmpTarget) { + tmpTarget.removeClass(consts.node.TMPTARGET_TREE); + if (tmpTargetNodeId) $("#" + tmpTargetNodeId + consts.id.A, tmpTarget).removeClass(consts.node.TMPTARGET_NODE + "_" + consts.move.TYPE_PREV) + .removeClass(consts.node.TMPTARGET_NODE + "_" + _consts.move.TYPE_NEXT).removeClass(consts.node.TMPTARGET_NODE + "_" + _consts.move.TYPE_INNER); + } + tools.showIfameMask(setting, false); + + roots.showHoverDom = true; + if (root.dragFlag == 0) return; + root.dragFlag = 0; + + var i, l, tmpNode; + for (i = 0, l = nodes.length; i < l; i++) { + tmpNode = nodes[i]; + if (data.nodeIsParent(setting, tmpNode) && root.dragNodeShowBefore[tmpNode.tId] && !tmpNode.open) { + view.expandCollapseNode(setting, tmpNode, !tmpNode.open); + delete root.dragNodeShowBefore[tmpNode.tId]; + } + } + + if (curNode) curNode.remove(); + if (tmpArrow) tmpArrow.remove(); + + var isCopy = ((event.ctrlKey || event.metaKey) && setting.edit.drag.isMove && setting.edit.drag.isCopy) || (!setting.edit.drag.isMove && setting.edit.drag.isCopy); + if (!isCopy && tmpTarget && tmpTargetNodeId && nodes[0].parentTId && tmpTargetNodeId == nodes[0].parentTId && moveType == consts.move.TYPE_INNER) { + tmpTarget = null; + } + if (tmpTarget) { + var dragTargetNode = tmpTargetNodeId == null ? null : data.getNodeCache(targetSetting, tmpTargetNodeId); + if (tools.apply(setting.callback.beforeDrop, [targetSetting.treeId, nodes, dragTargetNode, moveType, isCopy], true) == false) { + view.selectNodes(sourceSetting, nodes); + return; + } + var newNodes = isCopy ? tools.clone(nodes) : nodes; + + function dropCallback() { + if (isOtherTree) { + if (!isCopy) { + for (var i = 0, l = nodes.length; i < l; i++) { + view.removeNode(setting, nodes[i]); + } + } + if (moveType == consts.move.TYPE_INNER) { + view.addNodes(targetSetting, dragTargetNode, -1, newNodes); + } else { + view.addNodes(targetSetting, dragTargetNode.getParentNode(), moveType == consts.move.TYPE_PREV ? dragTargetNode.getIndex() : dragTargetNode.getIndex() + 1, newNodes); + } + } else { + if (isCopy && moveType == consts.move.TYPE_INNER) { + view.addNodes(targetSetting, dragTargetNode, -1, newNodes); + } else if (isCopy) { + view.addNodes(targetSetting, dragTargetNode.getParentNode(), moveType == consts.move.TYPE_PREV ? dragTargetNode.getIndex() : dragTargetNode.getIndex() + 1, newNodes); + } else { + if (moveType != consts.move.TYPE_NEXT) { + for (i = 0, l = newNodes.length; i < l; i++) { + view.moveNode(targetSetting, dragTargetNode, newNodes[i], moveType, false); + } + } else { + for (i = -1, l = newNodes.length - 1; i < l; l--) { + view.moveNode(targetSetting, dragTargetNode, newNodes[l], moveType, false); + } + } + } + } + view.selectNodes(targetSetting, newNodes); + + var a = $$(newNodes[0], setting).get(0); + view.scrollIntoView(setting, a); + + setting.treeObj.trigger(consts.event.DROP, [event, targetSetting.treeId, newNodes, dragTargetNode, moveType, isCopy]); + } + + if (moveType == consts.move.TYPE_INNER && tools.canAsync(targetSetting, dragTargetNode)) { + view.asyncNode(targetSetting, dragTargetNode, false, dropCallback); + } else { + dropCallback(); + } + + } else { + view.selectNodes(sourceSetting, nodes); + setting.treeObj.trigger(consts.event.DROP, [event, setting.treeId, nodes, null, null, null]); + } + } + + doc.bind("selectstart", _docSelect); + + function _docSelect() { + return false; + } + + // 2018-03-30 FireFox has fixed this issue. + //Avoid FireFox's Bug + //If zTree Div CSS set 'overflow', so drag node outside of zTree, and event.target is error. + // if(eventMouseDown.preventDefault) { + // eventMouseDown.preventDefault(); + // } + return true; + } + }, + //method of tools for zTree + _tools = { + getAbs: function (obj) { + var oRect = obj.getBoundingClientRect(), + scrollTop = document.body.scrollTop + document.documentElement.scrollTop, + scrollLeft = document.body.scrollLeft + document.documentElement.scrollLeft; + return [oRect.left + scrollLeft, oRect.top + scrollTop]; + }, + inputFocus: function (inputObj) { + if (inputObj.get(0)) { + inputObj.focus(); + tools.setCursorPosition(inputObj.get(0), inputObj.val().length); + } + }, + inputSelect: function (inputObj) { + if (inputObj.get(0)) { + inputObj.focus(); + inputObj.select(); + } + }, + setCursorPosition: function (obj, pos) { + if (obj.setSelectionRange) { + obj.focus(); + obj.setSelectionRange(pos, pos); + } else if (obj.createTextRange) { + var range = obj.createTextRange(); + range.collapse(true); + range.moveEnd('character', pos); + range.moveStart('character', pos); + range.select(); + } + }, + showIfameMask: function (setting, showSign) { + var root = data.getRoot(setting); + //clear full mask + while (root.dragMaskList.length > 0) { + root.dragMaskList[0].remove(); + root.dragMaskList.shift(); + } + if (showSign) { + //show mask + var iframeList = $$("iframe", setting); + for (var i = 0, l = iframeList.length; i < l; i++) { + var obj = iframeList.get(i), + r = tools.getAbs(obj), + dragMask = $$("
                                                                                                                                                                                                                                                                                                                      ", setting); + dragMask.appendTo($$("body", setting)); + root.dragMaskList.push(dragMask); + } + } + } + }, + //method of operate ztree dom + _view = { + addEditBtn: function (setting, node) { + if (node.editNameFlag || $$(node, consts.id.EDIT, setting).length > 0) { + return; + } + if (!tools.apply(setting.edit.showRenameBtn, [setting.treeId, node], setting.edit.showRenameBtn)) { + return; + } + var aObj = $$(node, consts.id.A, setting), + editStr = ""; + aObj.append(editStr); + + $$(node, consts.id.EDIT, setting).bind('click', + function () { + if (!tools.uCanDo(setting) || tools.apply(setting.callback.beforeEditName, [setting.treeId, node], true) == false) return false; + view.editNode(setting, node); + return false; + } + ).show(); + }, + addRemoveBtn: function (setting, node) { + if (node.editNameFlag || $$(node, consts.id.REMOVE, setting).length > 0) { + return; + } + if (!tools.apply(setting.edit.showRemoveBtn, [setting.treeId, node], setting.edit.showRemoveBtn)) { + return; + } + var aObj = $$(node, consts.id.A, setting), + removeStr = ""; + aObj.append(removeStr); + + $$(node, consts.id.REMOVE, setting).bind('click', + function () { + if (!tools.uCanDo(setting) || tools.apply(setting.callback.beforeRemove, [setting.treeId, node], true) == false) return false; + view.removeNode(setting, node); + setting.treeObj.trigger(consts.event.REMOVE, [setting.treeId, node]); + return false; + } + ).bind('mousedown', + function (eventMouseDown) { + return true; + } + ).show(); + }, + addHoverDom: function (setting, node) { + if (data.getRoots().showHoverDom) { + node.isHover = true; + if (setting.edit.enable) { + view.addEditBtn(setting, node); + view.addRemoveBtn(setting, node); + } + tools.apply(setting.view.addHoverDom, [setting.treeId, node]); + } + }, + cancelCurEditNode: function (setting, forceName, isCancel) { + var root = data.getRoot(setting), + node = root.curEditNode; + + if (node) { + var inputObj = root.curEditInput, + newName = forceName ? forceName : (isCancel ? data.nodeName(setting, node) : inputObj.val()); + if (tools.apply(setting.callback.beforeRename, [setting.treeId, node, newName, isCancel], true) === false) { + return false; + } + data.nodeName(setting, node, newName); + var aObj = $$(node, consts.id.A, setting); + aObj.removeClass(consts.node.CURSELECTED_EDIT); + inputObj.unbind(); + view.setNodeName(setting, node); + node.editNameFlag = false; + root.curEditNode = null; + root.curEditInput = null; + view.selectNode(setting, node, false); + setting.treeObj.trigger(consts.event.RENAME, [setting.treeId, node, isCancel]); + } + root.noSelection = true; + return true; + }, + editNode: function (setting, node) { + var root = data.getRoot(setting); + view.editNodeBlur = false; + if (data.isSelectedNode(setting, node) && root.curEditNode == node && node.editNameFlag) { + setTimeout(function () { + tools.inputFocus(root.curEditInput); + }, 0); + return; + } + node.editNameFlag = true; + view.removeTreeDom(setting, node); + view.cancelCurEditNode(setting); + view.selectNode(setting, node, false); + $$(node, consts.id.SPAN, setting).html(""); + var inputObj = $$(node, consts.id.INPUT, setting); + inputObj.attr("value", data.nodeName(setting, node)); + if (setting.edit.editNameSelectAll) { + tools.inputSelect(inputObj); + } else { + tools.inputFocus(inputObj); + } + + inputObj.bind('blur', function (event) { + if (!view.editNodeBlur) { + view.cancelCurEditNode(setting); + } + }).bind('keydown', function (event) { + if (event.keyCode == "13") { + view.editNodeBlur = true; + view.cancelCurEditNode(setting); + } else if (event.keyCode == "27") { + view.cancelCurEditNode(setting, null, true); + } + }).bind('click', function (event) { + return false; + }).bind('dblclick', function (event) { + return false; + }); + + $$(node, consts.id.A, setting).addClass(consts.node.CURSELECTED_EDIT); + root.curEditInput = inputObj; + root.noSelection = false; + root.curEditNode = node; + }, + moveNode: function (setting, targetNode, node, moveType, animateFlag, isSilent) { + var root = data.getRoot(setting); + if (targetNode == node) return; + if (setting.data.keep.leaf && targetNode && !data.nodeIsParent(setting, targetNode) && moveType == consts.move.TYPE_INNER) return; + var oldParentNode = (node.parentTId ? node.getParentNode() : root), + targetNodeIsRoot = (targetNode === null || targetNode == root); + if (targetNodeIsRoot && targetNode === null) targetNode = root; + if (targetNodeIsRoot) moveType = consts.move.TYPE_INNER; + var targetParentNode = (targetNode.parentTId ? targetNode.getParentNode() : root); + + if (moveType != consts.move.TYPE_PREV && moveType != consts.move.TYPE_NEXT) { + moveType = consts.move.TYPE_INNER; + } + + if (moveType == consts.move.TYPE_INNER) { + if (targetNodeIsRoot) { + //parentTId of root node is null + node.parentTId = null; + } else { + if (!data.nodeIsParent(setting, targetNode)) { + data.nodeIsParent(setting, targetNode, true); + targetNode.open = !!targetNode.open; + view.setNodeLineIcos(setting, targetNode); + } + node.parentTId = targetNode.tId; + } + } + + //move node Dom + var targetObj, target_ulObj; + if (targetNodeIsRoot) { + targetObj = setting.treeObj; + target_ulObj = targetObj; + } else { + if (!isSilent && moveType == consts.move.TYPE_INNER) { + view.expandCollapseNode(setting, targetNode, true, false); + } else if (!isSilent) { + view.expandCollapseNode(setting, targetNode.getParentNode(), true, false); + } + targetObj = $$(targetNode, setting); + target_ulObj = $$(targetNode, consts.id.UL, setting); + if (!!targetObj.get(0) && !target_ulObj.get(0)) { + var ulstr = []; + view.makeUlHtml(setting, targetNode, ulstr, ''); + targetObj.append(ulstr.join('')); + } + target_ulObj = $$(targetNode, consts.id.UL, setting); + } + var nodeDom = $$(node, setting); + if (!nodeDom.get(0)) { + nodeDom = view.appendNodes(setting, node.level, [node], null, -1, false, true).join(''); + } else if (!targetObj.get(0)) { + nodeDom.remove(); + } + if (target_ulObj.get(0) && moveType == consts.move.TYPE_INNER) { + target_ulObj.append(nodeDom); + } else if (targetObj.get(0) && moveType == consts.move.TYPE_PREV) { + targetObj.before(nodeDom); + } else if (targetObj.get(0) && moveType == consts.move.TYPE_NEXT) { + targetObj.after(nodeDom); + } + + //repair the data after move + var i, l, + tmpSrcIndex = -1, + tmpTargetIndex = 0, + oldNeighbor = null, + newNeighbor = null, + oldLevel = node.level; + var oldChildren = data.nodeChildren(setting, oldParentNode); + var targetParentChildren = data.nodeChildren(setting, targetParentNode); + var targetChildren = data.nodeChildren(setting, targetNode); + if (node.isFirstNode) { + tmpSrcIndex = 0; + if (oldChildren.length > 1) { + oldNeighbor = oldChildren[1]; + oldNeighbor.isFirstNode = true; + } + } else if (node.isLastNode) { + tmpSrcIndex = oldChildren.length - 1; + oldNeighbor = oldChildren[tmpSrcIndex - 1]; + oldNeighbor.isLastNode = true; + } else { + for (i = 0, l = oldChildren.length; i < l; i++) { + if (oldChildren[i].tId == node.tId) { + tmpSrcIndex = i; + break; + } + } + } + if (tmpSrcIndex >= 0) { + oldChildren.splice(tmpSrcIndex, 1); + } + if (moveType != consts.move.TYPE_INNER) { + for (i = 0, l = targetParentChildren.length; i < l; i++) { + if (targetParentChildren[i].tId == targetNode.tId) tmpTargetIndex = i; + } + } + if (moveType == consts.move.TYPE_INNER) { + if (!targetChildren) { + targetChildren = data.nodeChildren(setting, targetNode, []); + } + if (targetChildren.length > 0) { + newNeighbor = targetChildren[targetChildren.length - 1]; + newNeighbor.isLastNode = false; + } + targetChildren.splice(targetChildren.length, 0, node); + node.isLastNode = true; + node.isFirstNode = (targetChildren.length == 1); + } else if (targetNode.isFirstNode && moveType == consts.move.TYPE_PREV) { + targetParentChildren.splice(tmpTargetIndex, 0, node); + newNeighbor = targetNode; + newNeighbor.isFirstNode = false; + node.parentTId = targetNode.parentTId; + node.isFirstNode = true; + node.isLastNode = false; + + } else if (targetNode.isLastNode && moveType == consts.move.TYPE_NEXT) { + targetParentChildren.splice(tmpTargetIndex + 1, 0, node); + newNeighbor = targetNode; + newNeighbor.isLastNode = false; + node.parentTId = targetNode.parentTId; + node.isFirstNode = false; + node.isLastNode = true; + + } else { + if (moveType == consts.move.TYPE_PREV) { + targetParentChildren.splice(tmpTargetIndex, 0, node); + } else { + targetParentChildren.splice(tmpTargetIndex + 1, 0, node); + } + node.parentTId = targetNode.parentTId; + node.isFirstNode = false; + node.isLastNode = false; + } + data.fixPIdKeyValue(setting, node); + data.setSonNodeLevel(setting, node.getParentNode(), node); + + //repair node what been moved + view.setNodeLineIcos(setting, node); + view.repairNodeLevelClass(setting, node, oldLevel); + + //repair node's old parentNode dom + if (!setting.data.keep.parent && oldChildren.length < 1) { + //old parentNode has no child nodes + data.nodeIsParent(setting, oldParentNode, false); + oldParentNode.open = false; + var tmp_ulObj = $$(oldParentNode, consts.id.UL, setting), + tmp_switchObj = $$(oldParentNode, consts.id.SWITCH, setting), + tmp_icoObj = $$(oldParentNode, consts.id.ICON, setting); + view.replaceSwitchClass(oldParentNode, tmp_switchObj, consts.folder.DOCU); + view.replaceIcoClass(oldParentNode, tmp_icoObj, consts.folder.DOCU); + tmp_ulObj.css("display", "none"); + + } else if (oldNeighbor) { + //old neigbor node + view.setNodeLineIcos(setting, oldNeighbor); + } + + //new neigbor node + if (newNeighbor) { + view.setNodeLineIcos(setting, newNeighbor); + } + + //repair checkbox / radio + if (!!setting.check && setting.check.enable && view.repairChkClass) { + view.repairChkClass(setting, oldParentNode); + view.repairParentChkClassWithSelf(setting, oldParentNode); + if (oldParentNode != node.parent) + view.repairParentChkClassWithSelf(setting, node); + } + + //expand parents after move + if (!isSilent) { + view.expandCollapseParentNode(setting, node.getParentNode(), true, animateFlag); + } + }, + removeEditBtn: function (setting, node) { + $$(node, consts.id.EDIT, setting).unbind().remove(); + }, + removeRemoveBtn: function (setting, node) { + $$(node, consts.id.REMOVE, setting).unbind().remove(); + }, + removeTreeDom: function (setting, node) { + node.isHover = false; + view.removeEditBtn(setting, node); + view.removeRemoveBtn(setting, node); + tools.apply(setting.view.removeHoverDom, [setting.treeId, node]); + }, + repairNodeLevelClass: function (setting, node, oldLevel) { + if (oldLevel === node.level) return; + var liObj = $$(node, setting), + aObj = $$(node, consts.id.A, setting), + ulObj = $$(node, consts.id.UL, setting), + oldClass = consts.className.LEVEL + oldLevel, + newClass = consts.className.LEVEL + node.level; + liObj.removeClass(oldClass); + liObj.addClass(newClass); + aObj.removeClass(oldClass); + aObj.addClass(newClass); + ulObj.removeClass(oldClass); + ulObj.addClass(newClass); + }, + selectNodes: function (setting, nodes) { + for (var i = 0, l = nodes.length; i < l; i++) { + view.selectNode(setting, nodes[i], i > 0); + } + } + }, + + _z = { + tools: _tools, + view: _view, + event: _event, + data: _data + }; + $.extend(true, $.fn.zTree.consts, _consts); + $.extend(true, $.fn.zTree._z, _z); + + var zt = $.fn.zTree, + tools = zt._z.tools, + consts = zt.consts, + view = zt._z.view, + data = zt._z.data, + event = zt._z.event, + $$ = tools.$; + + data.exSetting(_setting); + data.addInitBind(_bindEvent); + data.addInitUnBind(_unbindEvent); + data.addInitCache(_initCache); + data.addInitNode(_initNode); + data.addInitProxy(_eventProxy); + data.addInitRoot(_initRoot); + data.addZTreeTools(_zTreeTools); + + var _cancelPreSelectedNode = view.cancelPreSelectedNode; + view.cancelPreSelectedNode = function (setting, node) { + var list = data.getRoot(setting).curSelectedList; + for (var i = 0, j = list.length; i < j; i++) { + if (!node || node === list[i]) { + view.removeTreeDom(setting, list[i]); + if (node) break; + } + } + if (_cancelPreSelectedNode) _cancelPreSelectedNode.apply(view, arguments); + } + + var _createNodes = view.createNodes; + view.createNodes = function (setting, level, nodes, parentNode, index) { + if (_createNodes) { + _createNodes.apply(view, arguments); + } + if (!nodes) return; + if (view.repairParentChkClassWithSelf) { + view.repairParentChkClassWithSelf(setting, parentNode); + } + } + + var _makeNodeUrl = view.makeNodeUrl; + view.makeNodeUrl = function (setting, node) { + return setting.edit.enable ? null : (_makeNodeUrl.apply(view, arguments)); + } + + var _removeNode = view.removeNode; + view.removeNode = function (setting, node) { + var root = data.getRoot(setting); + if (root.curEditNode === node) root.curEditNode = null; + if (_removeNode) { + _removeNode.apply(view, arguments); + } + } + + var _selectNode = view.selectNode; + view.selectNode = function (setting, node, addFlag) { + var root = data.getRoot(setting); + if (data.isSelectedNode(setting, node) && root.curEditNode == node && node.editNameFlag) { + return false; + } + if (_selectNode) _selectNode.apply(view, arguments); + view.addHoverDom(setting, node); + return true; + } + + var _uCanDo = tools.uCanDo; + tools.uCanDo = function (setting, e) { + var root = data.getRoot(setting); + if (e && (tools.eqs(e.type, "mouseover") || tools.eqs(e.type, "mouseout") || tools.eqs(e.type, "mousedown") || tools.eqs(e.type, "mouseup"))) { + return true; + } + if (root.curEditNode) { + view.editNodeBlur = false; + root.curEditInput.focus(); + } + return (!root.curEditNode) && (_uCanDo ? _uCanDo.apply(view, arguments) : true); + } +})(jQuery); \ No newline at end of file diff --git a/js/zTree_v3/js/jquery.ztree.exedit.min.js b/js/zTree_v3/js/jquery.ztree.exedit.min.js new file mode 100755 index 0000000..cd9b268 --- /dev/null +++ b/js/zTree_v3/js/jquery.ztree.exedit.min.js @@ -0,0 +1,53 @@ +/* + * JQuery zTree exedit v3.5.40 + * http://treejs.cn/ + * + * Copyright (c) 2010 Hunter.z + * + * Licensed same as jquery - MIT License + * http://www.opensource.org/licenses/mit-license.php + * + * email: hunter.z@263.net + * Date: 2019-01-18 + */ +(function(B){var I={event:{DRAG:"ztree_drag",DROP:"ztree_drop",RENAME:"ztree_rename",DRAGMOVE:"ztree_dragmove"},id:{EDIT:"_edit",INPUT:"_input",REMOVE:"_remove"},move:{TYPE_INNER:"inner",TYPE_PREV:"prev",TYPE_NEXT:"next"},node:{CURSELECTED_EDIT:"curSelectedNode_Edit",TMPTARGET_TREE:"tmpTargetzTree",TMPTARGET_NODE:"tmpTargetNode"}},v={onHoverOverNode:function(a,b){var c=i.getSetting(a.data.treeId),d=i.getRoot(c);if(d.curHoverNode!=b)v.onHoverOutNode(a);d.curHoverNode=b;e.addHoverDom(c,b)},onHoverOutNode:function(a){var a= +i.getSetting(a.data.treeId),b=i.getRoot(a);if(b.curHoverNode&&!i.isSelectedNode(a,b.curHoverNode))e.removeTreeDom(a,b.curHoverNode),b.curHoverNode=null},onMousedownNode:function(a,b){function c(a){if(m.dragFlag==0&&Math.abs(N-a.clientX)1){var o=n[0].parentTId?i.nodeChildren(f,n[0].getParentNode()):i.getNodes(f);g=[];for(b=0,c=o.length;b-1&&p+1!==b&&(j=!1),g.push(o[b]),p=b),n.length===g.length){n=g;break}}j&&(H=n[0].getPreNode(),Q=n[n.length-1].getNextNode());C=q("
                                                                                                                                                                                                                                                                                                                        ", +f);for(b=0,c=n.length;b0),e.removeTreeDom(f,g),b>f.edit.drag.maxShowNodeNum-1||(j=q("
                                                                                                                                                                                                                                                                                                                      • ",f),j.append(q(g,d.id.A,f).clone()),j.css("padding","0"),j.children("#"+g.tId+d.id.A).removeClass(d.node.CURSELECTED),C.append(j),b==f.edit.drag.maxShowNodeNum-1&&(j=q("
                                                                                                                                                                                                                                                                                                                      • ...
                                                                                                                                                                                                                                                                                                                        • ",f),C.append(j)));C.attr("id",n[0].tId+d.id.UL+"_tmp");C.addClass(f.treeObj.attr("class"));C.appendTo(L);u=q("", +f);u.attr("id","zTreeMove_arrow_tmp");u.appendTo(L);f.treeObj.trigger(d.event.DRAG,[a,f.treeId,n])}if(m.dragFlag==1){t&&u.attr("id")==a.target.id&&w&&a.clientX+G.scrollLeft()+2>B("#"+w+d.id.A,t).offset().left?(g=B("#"+w+d.id.A,t),a.target=g.length>0?g.get(0):a.target):t&&(t.removeClass(d.node.TMPTARGET_TREE),w&&B("#"+w+d.id.A,t).removeClass(d.node.TMPTARGET_NODE+"_"+d.move.TYPE_PREV).removeClass(d.node.TMPTARGET_NODE+"_"+I.move.TYPE_NEXT).removeClass(d.node.TMPTARGET_NODE+"_"+I.move.TYPE_INNER)); +w=t=null;J=!1;h=f;g=i.getSettings();for(var z in g)if(g[z].treeId&&g[z].edit.enable&&g[z].treeId!=f.treeId&&(a.target.id==g[z].treeId||B(a.target).parents("#"+g[z].treeId).length>0))J=!0,h=g[z];z=G.scrollTop();j=G.scrollLeft();p=h.treeObj.offset();b=h.treeObj.get(0).scrollHeight;g=h.treeObj.get(0).scrollWidth;c=a.clientY+z-p.top;var E=h.treeObj.height()+p.top-a.clientY-z,r=a.clientX+j-p.left,s=h.treeObj.width()+p.left-a.clientX-j,p=cf.edit.drag.borderMin,o=Ef.edit.drag.borderMin,F=rf.edit.drag.borderMin,v=sf.edit.drag.borderMin,E=c>f.edit.drag.borderMin&&E>f.edit.drag.borderMin&&r>f.edit.drag.borderMin&&s>f.edit.drag.borderMin,r=p&&h.treeObj.scrollTop()<=0,s=o&&h.treeObj.scrollTop()+h.treeObj.height()+10>=b,M=F&&h.treeObj.scrollLeft()<=0,P=v&&h.treeObj.scrollLeft()+h.treeObj.width()+10>=g;if(a.target&&k.isChildOrSelf(a.target,h.treeId)){for(var D=a.target;D&&D.tagName&&!k.eqs(D.tagName,"li")&&D.id!= +h.treeId;)D=D.parentNode;var R=!0;for(b=0,c=n.length;b0){R=!1;break}if(R&&a.target&&k.isChildOrSelf(a.target,D.id+d.id.A))t=B(D),w=D.id}g=n[0];if(E&&k.isChildOrSelf(a.target,h.treeId)){if(!t&&(a.target.id==h.treeId||r||s||M||P)&&(J||!J&&g.parentTId))t=h.treeObj;p?h.treeObj.scrollTop(h.treeObj.scrollTop()-10):o&&h.treeObj.scrollTop(h.treeObj.scrollTop()+10);F?h.treeObj.scrollLeft(h.treeObj.scrollLeft()-10):v&&h.treeObj.scrollLeft(h.treeObj.scrollLeft()+ +10);t&&t!=h.treeObj&&t.offset().left=-0.2)&&g?(j=1-u.width(),b=E-u.height()/2,x=d.move.TYPE_PREV):(M==0||z>=M&&z<=1.2)&&c?(j=1-u.width(),b=v==null||i.nodeIsParent(f,A)&&A.open?E+F.height()-u.height()/2:v.offset().top-u.height()/2,x=d.move.TYPE_NEXT):p?(j=5-u.width(),b=E,x=d.move.TYPE_INNER):o(),t){u.css({display:"block",top:b+"px",left:r+j+"px"});F.addClass(d.node.TMPTARGET_NODE+"_"+x);if(S!=w||T!=x)K=(new Date).getTime();if(A&&i.nodeIsParent(f, +A)&&x==d.move.TYPE_INNER&&(z=!0,window.zTreeMoveTimer&&window.zTreeMoveTargetNodeTId!==A.tId?(clearTimeout(window.zTreeMoveTimer),window.zTreeMoveTargetNodeTId=null):window.zTreeMoveTimer&&window.zTreeMoveTargetNodeTId===A.tId&&(z=!1),z))window.zTreeMoveTimer=setTimeout(function(){x==d.move.TYPE_INNER&&A&&i.nodeIsParent(f,A)&&!A.open&&(new Date).getTime()-K>h.edit.drag.autoOpenTime&&k.apply(h.callback.beforeDragOpen,[h.treeId,A],!0)&&(e.switchNode(h,A),h.edit.drag.autoExpandTrigger&&h.treeObj.trigger(d.event.EXPAND, +[h.treeId,A]))},h.edit.drag.autoOpenTime+50),window.zTreeMoveTargetNodeTId=A.tId}}else if(x=d.move.TYPE_INNER,t&&k.apply(h.edit.drag.inner,[h.treeId,n,null],!!h.edit.drag.inner)?t.addClass(d.node.TMPTARGET_TREE):t=null,u.css({display:"none"}),window.zTreeMoveTimer)clearTimeout(window.zTreeMoveTimer),window.zTreeMoveTargetNodeTId=null;S=w;T=x;f.treeObj.trigger(d.event.DRAGMOVE,[a,f.treeId,n])}return!1}function l(a){if(window.zTreeMoveTimer)clearTimeout(window.zTreeMoveTimer),window.zTreeMoveTargetNodeTId= +null;T=S=null;G.unbind("mousemove",c);G.unbind("mouseup",l);G.unbind("selectstart",g);L.css("cursor","");t&&(t.removeClass(d.node.TMPTARGET_TREE),w&&B("#"+w+d.id.A,t).removeClass(d.node.TMPTARGET_NODE+"_"+d.move.TYPE_PREV).removeClass(d.node.TMPTARGET_NODE+"_"+I.move.TYPE_NEXT).removeClass(d.node.TMPTARGET_NODE+"_"+I.move.TYPE_INNER));k.showIfameMask(f,!1);y.showHoverDom=!0;if(m.dragFlag!=0){m.dragFlag=0;var b,j,o;for(b=0,j=n.length;b0;)c.dragMaskList[0].remove(),c.dragMaskList.shift();if(b)for(var d=q("iframe",a),g=0,e=d.length;g",a);j.appendTo(q("body",a));c.dragMaskList.push(j)}}},view:{addEditBtn:function(a,b){if(!(b.editNameFlag|| +q(b,d.id.EDIT,a).length>0)&&k.apply(a.edit.showRenameBtn,[a.treeId,b],a.edit.showRenameBtn)){var c=q(b,d.id.A,a),l="";c.append(l);q(b,d.id.EDIT,a).bind("click",function(){if(!k.uCanDo(a)||k.apply(a.callback.beforeEditName,[a.treeId,b],!0)==!1)return!1;e.editNode(a,b);return!1}).show()}},addRemoveBtn:function(a, +b){if(!(b.editNameFlag||q(b,d.id.REMOVE,a).length>0)&&k.apply(a.edit.showRemoveBtn,[a.treeId,b],a.edit.showRemoveBtn)){var c=q(b,d.id.A,a),l="";c.append(l);q(b,d.id.REMOVE,a).bind("click",function(){if(!k.uCanDo(a)||k.apply(a.callback.beforeRemove,[a.treeId,b],!0)==!1)return!1;e.removeNode(a,b);a.treeObj.trigger(d.event.REMOVE, +[a.treeId,b]);return!1}).bind("mousedown",function(){return!0}).show()}},addHoverDom:function(a,b){if(i.getRoots().showHoverDom)b.isHover=!0,a.edit.enable&&(e.addEditBtn(a,b),e.addRemoveBtn(a,b)),k.apply(a.view.addHoverDom,[a.treeId,b])},cancelCurEditNode:function(a,b,c){var l=i.getRoot(a),g=l.curEditNode;if(g){var o=l.curEditInput,b=b?b:c?i.nodeName(a,g):o.val();if(k.apply(a.callback.beforeRename,[a.treeId,g,b,c],!0)===!1)return!1;i.nodeName(a,g,b);q(g,d.id.A,a).removeClass(d.node.CURSELECTED_EDIT); +o.unbind();e.setNodeName(a,g);g.editNameFlag=!1;l.curEditNode=null;l.curEditInput=null;e.selectNode(a,g,!1);a.treeObj.trigger(d.event.RENAME,[a.treeId,g,c])}return l.noSelection=!0},editNode:function(a,b){var c=i.getRoot(a);e.editNodeBlur=!1;if(i.isSelectedNode(a,b)&&c.curEditNode==b&&b.editNameFlag)setTimeout(function(){k.inputFocus(c.curEditInput)},0);else{b.editNameFlag=!0;e.removeTreeDom(a,b);e.cancelCurEditNode(a);e.selectNode(a,b,!1);q(b,d.id.SPAN,a).html("");var l=q(b,d.id.INPUT,a);l.attr("value",i.nodeName(a,b));a.edit.editNameSelectAll?k.inputSelect(l):k.inputFocus(l);l.bind("blur",function(){e.editNodeBlur||e.cancelCurEditNode(a)}).bind("keydown",function(b){b.keyCode=="13"?(e.editNodeBlur=!0,e.cancelCurEditNode(a)):b.keyCode=="27"&&e.cancelCurEditNode(a,null,!0)}).bind("click",function(){return!1}).bind("dblclick",function(){return!1});q(b,d.id.A,a).addClass(d.node.CURSELECTED_EDIT);c.curEditInput=l; +c.noSelection=!1;c.curEditNode=b}},moveNode:function(a,b,c,l,g,k){var j=i.getRoot(a);if(b!=c&&(!a.data.keep.leaf||!b||i.nodeIsParent(a,b)||l!=d.move.TYPE_INNER)){var f=c.parentTId?c.getParentNode():j,m=b===null||b==j;m&&b===null&&(b=j);if(m)l=d.move.TYPE_INNER;j=b.parentTId?b.getParentNode():j;if(l!=d.move.TYPE_PREV&&l!=d.move.TYPE_NEXT)l=d.move.TYPE_INNER;if(l==d.move.TYPE_INNER)if(m)c.parentTId=null;else{if(!i.nodeIsParent(a,b))i.nodeIsParent(a,b,!0),b.open=!!b.open,e.setNodeLineIcos(a,b);c.parentTId= +b.tId}var y;m?y=m=a.treeObj:(!k&&l==d.move.TYPE_INNER?e.expandCollapseNode(a,b,!0,!1):k||e.expandCollapseNode(a,b.getParentNode(),!0,!1),m=q(b,a),y=q(b,d.id.UL,a),m.get(0)&&!y.get(0)&&(y=[],e.makeUlHtml(a,b,y,""),m.append(y.join(""))),y=q(b,d.id.UL,a));var r=q(c,a);r.get(0)?m.get(0)||r.remove():r=e.appendNodes(a,c.level,[c],null,-1,!1,!0).join("");y.get(0)&&l==d.move.TYPE_INNER?y.append(r):m.get(0)&&l==d.move.TYPE_PREV?m.before(r):m.get(0)&&l==d.move.TYPE_NEXT&&m.after(r);var s;y=-1;var r=0,n=null, +m=null,B=c.level,v=i.nodeChildren(a,f),C=i.nodeChildren(a,j),u=i.nodeChildren(a,b);if(c.isFirstNode){if(y=0,v.length>1)n=v[1],n.isFirstNode=!0}else if(c.isLastNode)y=v.length-1,n=v[y-1],n.isLastNode=!0;else for(j=0,s=v.length;j=0&&v.splice(y,1);if(l!=d.move.TYPE_INNER)for(j=0,s=C.length;j0)m=u[u.length-1],m.isLastNode=!1;u.splice(u.length,0,c);c.isLastNode=!0;c.isFirstNode= +u.length==1}else b.isFirstNode&&l==d.move.TYPE_PREV?(C.splice(r,0,c),m=b,m.isFirstNode=!1,c.parentTId=b.parentTId,c.isFirstNode=!0,c.isLastNode=!1):b.isLastNode&&l==d.move.TYPE_NEXT?(C.splice(r+1,0,c),m=b,m.isLastNode=!1,c.parentTId=b.parentTId,c.isFirstNode=!1,c.isLastNode=!0):(l==d.move.TYPE_PREV?C.splice(r,0,c):C.splice(r+1,0,c),c.parentTId=b.parentTId,c.isFirstNode=!1,c.isLastNode=!1);i.fixPIdKeyValue(a,c);i.setSonNodeLevel(a,c.getParentNode(),c);e.setNodeLineIcos(a,c);e.repairNodeLevelClass(a, +c,B);!a.data.keep.parent&&v.length<1?(i.nodeIsParent(a,f,!1),f.open=!1,b=q(f,d.id.UL,a),l=q(f,d.id.SWITCH,a),j=q(f,d.id.ICON,a),e.replaceSwitchClass(f,l,d.folder.DOCU),e.replaceIcoClass(f,j,d.folder.DOCU),b.css("display","none")):n&&e.setNodeLineIcos(a,n);m&&e.setNodeLineIcos(a,m);a.check&&a.check.enable&&e.repairChkClass&&(e.repairChkClass(a,f),e.repairParentChkClassWithSelf(a,f),f!=c.parent&&e.repairParentChkClassWithSelf(a,c));k||e.expandCollapseParentNode(a,c.getParentNode(),!0,g)}},removeEditBtn:function(a, +b){q(b,d.id.EDIT,a).unbind().remove()},removeRemoveBtn:function(a,b){q(b,d.id.REMOVE,a).unbind().remove()},removeTreeDom:function(a,b){b.isHover=!1;e.removeEditBtn(a,b);e.removeRemoveBtn(a,b);k.apply(a.view.removeHoverDom,[a.treeId,b])},repairNodeLevelClass:function(a,b,c){if(c!==b.level){var e=q(b,a),g=q(b,d.id.A,a),a=q(b,d.id.UL,a),c=d.className.LEVEL+c,b=d.className.LEVEL+b.level;e.removeClass(c);e.addClass(b);g.removeClass(c);g.addClass(b);a.removeClass(c);a.addClass(b)}},selectNodes:function(a, +b){for(var c=0,d=b.length;c0)}},event:{},data:{setSonNodeLevel:function(a,b,c){if(c){var d=i.nodeChildren(a,c);c.level=b?b.level+1:0;if(d)for(var b=0,g=d.length;b0)switch(o=i.getNodeCache(c,g),j){case "mousedownNode":f=v.onMousedownNode;break;case "hoverOverNode":f=v.onHoverOverNode; +break;case "hoverOutNode":f=v.onHoverOutNode}return{stop:!1,node:o,nodeEventType:j,nodeEventCallback:f,treeEventType:"",treeEventCallback:null}});i.addInitRoot(function(a){var a=i.getRoot(a),b=i.getRoots();a.curEditNode=null;a.curEditInput=null;a.curHoverNode=null;a.dragFlag=0;a.dragNodeShowBefore=[];a.dragMaskList=[];b.showHoverDom=!0});i.addZTreeTools(function(a,b){b.cancelEditName=function(a){i.getRoot(this.setting).curEditNode&&e.cancelCurEditNode(this.setting,a?a:null,!0)};b.copyNode=function(b, +l,g,o){if(!l)return null;var j=i.nodeIsParent(a,b);if(b&&!j&&this.setting.data.keep.leaf&&g===d.move.TYPE_INNER)return null;var f=this,m=k.clone(l);if(!b)b=null,g=d.move.TYPE_INNER;g==d.move.TYPE_INNER?(l=function(){e.addNodes(f.setting,b,-1,[m],o)},k.canAsync(this.setting,b)?e.asyncNode(this.setting,b,o,l):l()):(e.addNodes(this.setting,b.parentNode,-1,[m],o),e.moveNode(this.setting,b,m,g,!1,o));return m};b.editName=function(a){a&&a.tId&&a===i.getNodeCache(this.setting,a.tId)&&(a.parentTId&&e.expandCollapseParentNode(this.setting, +a.getParentNode(),!0),e.editNode(this.setting,a))};b.moveNode=function(b,l,g,o){function j(){e.moveNode(m.setting,b,l,g,!1,o)}if(!l)return l;var f=i.nodeIsParent(a,b);if(b&&!f&&this.setting.data.keep.leaf&&g===d.move.TYPE_INNER)return null;else if(b&&(l.parentTId==b.tId&&g==d.move.TYPE_INNER||q(l,this.setting).find("#"+b.tId).length>0))return null;else b||(b=null);var m=this;k.canAsync(this.setting,b)&&g===d.move.TYPE_INNER?e.asyncNode(this.setting,b,o,j):j();return l};b.setEditable=function(a){this.setting.edit.enable= +a;return this.refresh()}});var N=e.cancelPreSelectedNode;e.cancelPreSelectedNode=function(a,b){for(var c=i.getRoot(a).curSelectedList,d=0,g=c.length;d"); + }, + showNode: function (setting, node, options) { + data.isHidden(setting, node, false); + data.initShowForExCheck(setting, node); + $$(node, setting).show(); + }, + showNodes: function (setting, nodes, options) { + if (!nodes || nodes.length == 0) { + return; + } + var pList = {}, i, j; + for (i = 0, j = nodes.length; i < j; i++) { + var n = nodes[i]; + if (!pList[n.parentTId]) { + var pn = n.getParentNode(); + pList[n.parentTId] = (pn === null) ? data.getRoot(setting) : n.getParentNode(); + } + view.showNode(setting, n, options); + } + for (var tId in pList) { + var children = data.nodeChildren(setting, pList[tId]); + view.setFirstNodeForShow(setting, children); + view.setLastNodeForShow(setting, children); + } + }, + hideNode: function (setting, node, options) { + data.isHidden(setting, node, true); + node.isFirstNode = false; + node.isLastNode = false; + data.initHideForExCheck(setting, node); + view.cancelPreSelectedNode(setting, node); + $$(node, setting).hide(); + }, + hideNodes: function (setting, nodes, options) { + if (!nodes || nodes.length == 0) { + return; + } + var pList = {}, i, j; + for (i = 0, j = nodes.length; i < j; i++) { + var n = nodes[i]; + if ((n.isFirstNode || n.isLastNode) && !pList[n.parentTId]) { + var pn = n.getParentNode(); + pList[n.parentTId] = (pn === null) ? data.getRoot(setting) : n.getParentNode(); + } + view.hideNode(setting, n, options); + } + for (var tId in pList) { + var children = data.nodeChildren(setting, pList[tId]); + view.setFirstNodeForHide(setting, children); + view.setLastNodeForHide(setting, children); + } + }, + setFirstNode: function (setting, parentNode) { + var children = data.nodeChildren(setting, parentNode); + var isHidden = data.isHidden(setting, children[0], false); + if (children.length > 0 && !isHidden) { + children[0].isFirstNode = true; + } else if (children.length > 0) { + view.setFirstNodeForHide(setting, children); + } + }, + setLastNode: function (setting, parentNode) { + var children = data.nodeChildren(setting, parentNode); + var isHidden = data.isHidden(setting, children[0]); + if (children.length > 0 && !isHidden) { + children[children.length - 1].isLastNode = true; + } else if (children.length > 0) { + view.setLastNodeForHide(setting, children); + } + }, + setFirstNodeForHide: function (setting, nodes) { + var n, i, j; + for (i = 0, j = nodes.length; i < j; i++) { + n = nodes[i]; + if (n.isFirstNode) { + break; + } + var isHidden = data.isHidden(setting, n); + if (!isHidden && !n.isFirstNode) { + n.isFirstNode = true; + view.setNodeLineIcos(setting, n); + break; + } else { + n = null; + } + } + return n; + }, + setFirstNodeForShow: function (setting, nodes) { + var n, i, j, first, old; + for (i = 0, j = nodes.length; i < j; i++) { + n = nodes[i]; + var isHidden = data.isHidden(setting, n); + if (!first && !isHidden && n.isFirstNode) { + first = n; + break; + } else if (!first && !isHidden && !n.isFirstNode) { + n.isFirstNode = true; + first = n; + view.setNodeLineIcos(setting, n); + } else if (first && n.isFirstNode) { + n.isFirstNode = false; + old = n; + view.setNodeLineIcos(setting, n); + break; + } else { + n = null; + } + } + return {"new": first, "old": old}; + }, + setLastNodeForHide: function (setting, nodes) { + var n, i; + for (i = nodes.length - 1; i >= 0; i--) { + n = nodes[i]; + if (n.isLastNode) { + break; + } + var isHidden = data.isHidden(setting, n); + if (!isHidden && !n.isLastNode) { + n.isLastNode = true; + view.setNodeLineIcos(setting, n); + break; + } else { + n = null; + } + } + return n; + }, + setLastNodeForShow: function (setting, nodes) { + var n, i, j, last, old; + for (i = nodes.length - 1; i >= 0; i--) { + n = nodes[i]; + var isHidden = data.isHidden(setting, n); + if (!last && !isHidden && n.isLastNode) { + last = n; + break; + } else if (!last && !isHidden && !n.isLastNode) { + n.isLastNode = true; + last = n; + view.setNodeLineIcos(setting, n); + } else if (last && n.isLastNode) { + n.isLastNode = false; + old = n; + view.setNodeLineIcos(setting, n); + break; + } else { + n = null; + } + } + return {"new": last, "old": old}; + } + }, + + _z = { + view: _view, + data: _data + }; + $.extend(true, $.fn.zTree._z, _z); + + var zt = $.fn.zTree, + tools = zt._z.tools, + consts = zt.consts, + view = zt._z.view, + data = zt._z.data, + event = zt._z.event, + $$ = tools.$; + + data.isHidden = function (setting, node, newIsHidden) { + if (!node) { + return false; + } + var key = setting.data.key.isHidden; + if (typeof newIsHidden !== 'undefined') { + if (typeof newIsHidden === "string") { + newIsHidden = tools.eqs(newIsHidden, "true"); + } + newIsHidden = !!newIsHidden; + node[key] = newIsHidden; + } else if (typeof node[key] == "string"){ + node[key] = tools.eqs(node[key], "true"); + } else { + node[key] = !!node[key]; + } + return node[key]; + }; + + data.exSetting(_setting); + data.addInitNode(_initNode); + data.addBeforeA(_beforeA); + data.addZTreeTools(_zTreeTools); + +// Override method in core + var _dInitNode = data.initNode; + data.initNode = function (setting, level, node, parentNode, isFirstNode, isLastNode, openFlag) { + var tmpPNode = (parentNode) ? parentNode : data.getRoot(setting), + children = tmpPNode[setting.data.key.children]; + data.tmpHideFirstNode = view.setFirstNodeForHide(setting, children); + data.tmpHideLastNode = view.setLastNodeForHide(setting, children); + if (openFlag) { + view.setNodeLineIcos(setting, data.tmpHideFirstNode); + view.setNodeLineIcos(setting, data.tmpHideLastNode); + } + isFirstNode = (data.tmpHideFirstNode === node); + isLastNode = (data.tmpHideLastNode === node); + if (_dInitNode) _dInitNode.apply(data, arguments); + if (openFlag && isLastNode) { + view.clearOldLastNode(setting, node, openFlag); + } + }; + + var _makeChkFlag = data.makeChkFlag; + if (!!_makeChkFlag) { + data.makeChkFlag = function (setting, node) { + if (!!node && !!data.isHidden(setting, node)) { + return; + } + _makeChkFlag.apply(data, arguments); + } + } + + var _getTreeCheckedNodes = data.getTreeCheckedNodes; + if (!!_getTreeCheckedNodes) { + data.getTreeCheckedNodes = function (setting, nodes, checked, results) { + if (!!nodes && nodes.length > 0) { + var p = nodes[0].getParentNode(); + if (!!p && !!data.isHidden(setting, p)) { + return []; + } + } + return _getTreeCheckedNodes.apply(data, arguments); + } + } + + var _getTreeChangeCheckedNodes = data.getTreeChangeCheckedNodes; + if (!!_getTreeChangeCheckedNodes) { + data.getTreeChangeCheckedNodes = function (setting, nodes, results) { + if (!!nodes && nodes.length > 0) { + var p = nodes[0].getParentNode(); + if (!!p && !!data.isHidden(setting, p)) { + return []; + } + } + return _getTreeChangeCheckedNodes.apply(data, arguments); + } + } + + var _expandCollapseSonNode = view.expandCollapseSonNode; + if (!!_expandCollapseSonNode) { + view.expandCollapseSonNode = function (setting, node, expandFlag, animateFlag, callback) { + if (!!node && !!data.isHidden(setting, node)) { + return; + } + _expandCollapseSonNode.apply(view, arguments); + } + } + + var _setSonNodeCheckBox = view.setSonNodeCheckBox; + if (!!_setSonNodeCheckBox) { + view.setSonNodeCheckBox = function (setting, node, value, srcNode) { + if (!!node && !!data.isHidden(setting, node)) { + return; + } + _setSonNodeCheckBox.apply(view, arguments); + } + } + + var _repairParentChkClassWithSelf = view.repairParentChkClassWithSelf; + if (!!_repairParentChkClassWithSelf) { + view.repairParentChkClassWithSelf = function (setting, node) { + if (!!node && !!data.isHidden(setting, node)) { + return; + } + _repairParentChkClassWithSelf.apply(view, arguments); + } + } +})(jQuery); \ No newline at end of file diff --git a/js/zTree_v3/js/jquery.ztree.exhide.min.js b/js/zTree_v3/js/jquery.ztree.exhide.min.js new file mode 100755 index 0000000..85125ef --- /dev/null +++ b/js/zTree_v3/js/jquery.ztree.exhide.min.js @@ -0,0 +1,23 @@ +/* + * JQuery zTree exHideNodes v3.5.40 + * http://treejs.cn/ + * + * Copyright (c) 2010 Hunter.z + * + * Licensed same as jquery - MIT License + * http://www.opensource.org/licenses/mit-license.php + * + * email: hunter.z@263.net + * Date: 2019-01-18 + */ +(function(j){j.extend(!0,j.fn.zTree._z,{view:{clearOldFirstNode:function(c,a){for(var b=a.getNextNode();b;){if(b.isFirstNode){b.isFirstNode=!1;e.setNodeLineIcos(c,b);break}if(b.isLastNode)break;b=b.getNextNode()}},clearOldLastNode:function(c,a,b){for(a=a.getPreNode();a;){if(a.isLastNode){a.isLastNode=!1;b&&e.setNodeLineIcos(c,a);break}if(a.isFirstNode)break;a=a.getPreNode()}},makeDOMNodeMainBefore:function(c,a,b){a=d.isHidden(a,b);c.push("
                                                                                                                                                                                                                                                                                                                      • ")},showNode:function(c,a){d.isHidden(c,a,!1);d.initShowForExCheck(c,a);k(a,c).show()},showNodes:function(c,a,b){if(a&&a.length!=0){var f={},g,i;for(g=0,i=a.length;g0&&!f?b[0].isFirstNode=!0:b.length>0&&e.setFirstNodeForHide(c,b)},setLastNode:function(c,a){var b=d.nodeChildren(c,a),f=d.isHidden(c,b[0]);b.length>0&&!f?b[b.length-1].isLastNode=!0:b.length>0&&e.setLastNodeForHide(c,b)},setFirstNodeForHide:function(c,a){var b,f,g;for(f=0,g=a.length;f=0;f--){b=a[f];if(b.isLastNode)break;if(!d.isHidden(c,b)&&!b.isLastNode){b.isLastNode=!0;e.setNodeLineIcos(c,b);break}else b=null}return b},setLastNodeForShow:function(c, +a){var b,f,g,i;for(f=a.length-1;f>=0;f--){b=a[f];var h=d.isHidden(c,b);if(!g&&!h&&b.isLastNode){g=b;break}else if(!g&&!h&&!b.isLastNode)b.isLastNode=!0,g=b,e.setNodeLineIcos(c,b);else if(g&&b.isLastNode){b.isLastNode=!1;i=b;e.setNodeLineIcos(c,b);break}}return{"new":g,old:i}}},data:{initHideForExCheck:function(c,a){if(d.isHidden(c,a)&&c.check&&c.check.enable){if(typeof a._nocheck=="undefined")a._nocheck=!!a.nocheck,a.nocheck=!0;a.check_Child_State=-1;e.repairParentChkClassWithSelf&&e.repairParentChkClassWithSelf(c, +a)}},initShowForExCheck:function(c,a){if(!d.isHidden(c,a)&&c.check&&c.check.enable){if(typeof a._nocheck!="undefined")a.nocheck=a._nocheck,delete a._nocheck;if(e.setChkClass){var b=k(a,m.id.CHECK,c);e.setChkClass(c,b,a)}e.repairParentChkClassWithSelf&&e.repairParentChkClassWithSelf(c,a)}}}});var j=j.fn.zTree,l=j._z.tools,m=j.consts,e=j._z.view,d=j._z.data,k=l.$;d.isHidden=function(c,a,b){if(!a)return!1;c=c.data.key.isHidden;typeof b!=="undefined"?(typeof b==="string"&&(b=l.eqs(b,"true")),a[c]=!!b): +a[c]=typeof a[c]=="string"?l.eqs(a[c],"true"):!!a[c];return a[c]};d.exSetting({data:{key:{isHidden:"isHidden"}}});d.addInitNode(function(c,a,b){a=d.isHidden(c,b);d.isHidden(c,b,a);d.initHideForExCheck(c,b)});d.addBeforeA(function(){});d.addZTreeTools(function(c,a){a.showNodes=function(a,b){e.showNodes(c,a,b)};a.showNode=function(a,b){a&&e.showNodes(c,[a],b)};a.hideNodes=function(a,b){e.hideNodes(c,a,b)};a.hideNode=function(a,b){a&&e.hideNodes(c,[a],b)};var b=a.checkNode;if(b)a.checkNode=function(f, +e,i,h){(!f||!d.isHidden(c,f))&&b.apply(a,arguments)}});var n=d.initNode;d.initNode=function(c,a,b,f,g,i,h){var j=(f?f:d.getRoot(c))[c.data.key.children];d.tmpHideFirstNode=e.setFirstNodeForHide(c,j);d.tmpHideLastNode=e.setLastNodeForHide(c,j);h&&(e.setNodeLineIcos(c,d.tmpHideFirstNode),e.setNodeLineIcos(c,d.tmpHideLastNode));g=d.tmpHideFirstNode===b;i=d.tmpHideLastNode===b;n&&n.apply(d,arguments);h&&i&&e.clearOldLastNode(c,b,h)};var o=d.makeChkFlag;if(o)d.makeChkFlag=function(c,a){(!a||!d.isHidden(c, +a))&&o.apply(d,arguments)};var p=d.getTreeCheckedNodes;if(p)d.getTreeCheckedNodes=function(c,a,b,f){if(a&&a.length>0){var e=a[0].getParentNode();if(e&&d.isHidden(c,e))return[]}return p.apply(d,arguments)};var q=d.getTreeChangeCheckedNodes;if(q)d.getTreeChangeCheckedNodes=function(c,a,b){if(a&&a.length>0){var e=a[0].getParentNode();if(e&&d.isHidden(c,e))return[]}return q.apply(d,arguments)};var r=e.expandCollapseSonNode;if(r)e.expandCollapseSonNode=function(c,a,b,f,g){(!a||!d.isHidden(c,a))&&r.apply(e, +arguments)};var s=e.setSonNodeCheckBox;if(s)e.setSonNodeCheckBox=function(c,a,b,f){(!a||!d.isHidden(c,a))&&s.apply(e,arguments)};var t=e.repairParentChkClassWithSelf;if(t)e.repairParentChkClassWithSelf=function(c,a){(!a||!d.isHidden(c,a))&&t.apply(e,arguments)}})(jQuery); diff --git a/js/zTree_v3/log v3.x.txt b/js/zTree_v3/log v3.x.txt new file mode 100755 index 0000000..bdba3e5 --- /dev/null +++ b/js/zTree_v3/log v3.x.txt @@ -0,0 +1,319 @@ +=ZTree v3.x (JQuery Tree插件) 更新日志= + +为了更好的优化及扩展zTree, 因此决定升级为v3.x，并且对之前的v2.x不兼容，会有很多结构上的修改，对此深感无奈与抱歉，请大家谅解。 + + +具体修改内容可参考： + + * [http://www.treejs.cn/v3/api.php zTree v3.x API 文档] + + * [http://www.treejs.cn/v3/demo.php#_101 zTree v3.x Demo 演示] + + * [http://www.treejs.cn/v3/faq.php#_101 zTree v3.x 常见问题] + + + +*2019.01.18* v3.5.40 + * [修改] fuzzySearch.js Thanks @yigger + +*2019.01.17* v3.5.39 + * [修改] data.nodeChecked & data.isHidden & data.nodeIsParent 的 返回值规范为 boolean Thanks @xinhochen & @田biubiu & @FelixFly + +*2019.01.08* v3.5.38 + * [修改] data.nodeChecked & data.isHidden 的 返回值规范为 boolean Thanks @xinhochen + +*2018.12.10* v3.5.37 + * [修改] fuzzySearch.js & Demo Thanks @SadWood & @JerryWang24 + +*2018.08.21* v3.5.37 + * [修改] 替换 scrollIntoViewIfNeeded 方法 Thanks @jocki84 + * [修改] 部分 API 文字错误 + +*2018.06.26* v3.5.36 + * [增加] setting.async.headers & setting.async.xhrFields + +*2018.04.24* v3.5.35 + * [增加] Demo：模糊搜索（Fuzzy Search） Thanks @bigablecat + +*2018.03.30* v3.5.35 + * [修改] 关闭拖拽方法内的 eventMouseDown.preventDefault(); 避免影响 zTree 外部的事件 Thanks @heyusysu + +*2018.02.12* v3.5.34 + * [修改] nodeChecked 方法内的错误 Thanks @勇哥 + +*2018.01.30* v3.5.33 + * [修改] nodeIsParent 方法内的错误 Thanks @netmou + +*2018.01.06* v3.5.32 + * [修改] setting.async.autoParam / otherParam 支持 function + * [修改] isParent / isHidden 允许自定义属性名称 setting.data.key.isParent / isHidden + +*2017.12.28* v3.5.31 + * [修改] 初始化节点数据的规则，支持 treeNode { name: "Node2", children: []}, 情况下自动设置为 isParent = true + +*2017.11.11* v3.5.30 + * [修改] scrollIntoViewIfNeeded 方法对 IE7 的兼容 + +*2017.06.23* v3.5.29 + * [修改] 拖拽操作后 body.css("cursor", "auto"); 修改为 body.css("cursor", "");（感谢 Jim） + +*2017.06.19* v3.5.29 + * [增加] reAsyncChildNodesPromise(parentNode, reloadType, isSilent) 方法支持 ES6 Promise + * [修改] reAsyncChildNodes 方法增加 callback 参数 + +*2017.01.20* v3.5.28 + * [修改] scrollIntoViewIfNeeded 方法对 IE8 的兼容 + +*2016.12.27* v3.5.27 + * [修改] addNodes 方法设置 index 参数后，导致 treeNode.isLastNode 错误 + +*2016.11.03* v3.5.26 + * [修改] 使用 scrollIntoViewIfNeeded 替代 scrollIntoView，兼容各种浏览器 + +*2016.09.27* v3.5.25 + * [修改] ajax 异步加载支持 contentType = 'application/json' + +*2016.06.06* v3.5.24 + * [修改] selectNode 方法中 某些情况下，isSilent 参数无效 + * [修改] 数据中 id = 'length'时， 导致 transformTozTreeFormat() 方法异常 + +*2016.04.08* v3.5.23 + * [修改] expandCollapseNode 方法被 gulp 压缩后，在 IE8 上会导致溢出 + +*2016.04.06* v3.5.23 + * [修改] 替换 arguments.callee 避免 'use strict' 严格模式下报错 + +*2016.04.01* v3.5.23 + * [修改] selectNode 方法 增加 isSilent 参数，可以禁止 选中节点时，自动滚动到视图 + +*2016.03.01* v3.5.22 + * [修改] metro Demo 的样式错误 + * [修改] 增加 的 padding 后， 导致 setting.edit.drag.inner 无效 + +*2016.02.17* v3.5.21 + * [修改] zTree js 文件名 （为了便于发布到 https://cdnjs.com/） + +*2016.01.20* v3.5.20 + * [修改] checkAllNodes() 方法不处理 (chkDisabled = true) 的父节点的子节点的 bug + +*2015.12.04* v3.5.19.3 + * [修改] 为避免定位节点时抢焦点， 使用 scrollIntoView 方法替换之前的 focus 方法（对于IE6等旧浏览器仍然使用 focus方法） + +*2015.11.15* v3.5.19.2 + * [增加] 给节点名称的 span 标签增加 class，便于用户设置 css + +*2015.10.26* v3.5.19.1 + * [修改] addNodes 新方法 导致 拖拽节点时报错 + * [增加] treeNode.getIndex 方法，可以快速获取 节点在 子节点中的位置 + * [增加] treeNode.getPath 方法，可以快速获取 节点的所有父节点 + +*2015.10.22* v3.5.19 + * [修改] addNodes 方法支持直接添加新节点到任意位置 addNodes(parentNode, index, newNodes, isSilent) + * [修改] selectstart 事件未解绑导致的内存泄漏 + +*2015.08.26* v3.5.18 + * [修改] onSelected/onUnSelected 回调参数，由 (event, treeId, node) 修改为 （treeId, node）；另外 删除 已选择的节点时，也会触发 onUnSelected 回调 + * [增加] Allow nodes to specify their own icon using an 'icon' property of the 'setting.data.key' + * [增加] metro 风格 demo + * [增加] awesome 风格 demo + * [增加] 回调 onSelected / onUnSelected + +*2015.02.15* v3.5.17 + * [修改] excheck 扩展中 removeClass 与 jQueryUI 1.9 冲突的问题，目前放弃 removeClass 方法 + * [修改] 优化 exhide 扩展包初始化效率，避免数据多时 ie8 假死的 bug（感谢：https://github.com/sarxos） + * [修改] 若干 Demo & API 的小错误 + * [修改] 异步加载 低版本 IE 缓存严重的问题 + * [修改] 在 onRename 回调中使用 updateNode 方法无效的问题 + +*2014.03.09* v3.5.16 + * [增加] onDragMove 回调，便于控制 zTree 节点与其他 DOM 的拖拽操作。（感谢 yumi301） + * [增加] 针对 Mac 系统 Cmd 键的支持， Cmd 键 + 左键 也可以多选节点 + + * [修改] 使用 destory 方法销毁树以后，依然可以从 getZTreeObj 方法中获取到 zTree 对象的 bug。 + * [修改] onCheck 回调的 event，恢复为 zTree 自身的 event 事件，同时利用 srcEvent 传递原始 event 对象。（感谢 yumi301） + * [修改] 拖拽多个节点时，超出 maxShowNodeNum 设置个数的节点会失去 被选择状态的 bug + * [修改] excheck & exedit 扩展包的 zTree 方法中 setting 数据错误导致 checkNode、updateNode 等方法操作 radio 失效的 bug + * [修改] 不加载 exedit 扩展包时，使用 removeNode 方法无法触发 beforeRemove 和 onRemove 回调的 bug + +*2013.10.19* v3.5.15 + * [增加] setting.view.txtSelectedEnable 属性，满足部分项目中客户对于可以选择节点文本信息的强烈欲望。 + + * [修改] exhide 扩展包导致操作子节点后 isLastNode 属性异常 的bug + * [修改] 使用 cancelEditName 方法时，beforeRename & onRename 的 isCancel 始终为 false 的bug + * [修改] 编辑状态， beforeRename 回调 return false 时，提示信息导致 input 失去焦点后， 当树再次得到焦点时，让 input 自动获取焦点 + * [修改] 判断拖拽到节点的 标签中自定义的无 id 组件判断错误的bug + * [修改] async_edit.html demo 中 添加按钮 显示的 bug + * [修改] 当没有开启异步加载模式下，对于没有子节点的父节点，即使设置 open=true 在初始化时也不会设置为展开状态的bug （对于异步加载模式下依然会强行设置为折叠状态） + +*2013.06.28* v3.5.14 + * [修改] 拖拽节点时 iframe 遮罩异常的bug + * [修改] 清空子节点后重新添加子节点无法显示的bug + +*2013.06.02* v3.5.13 + + * [增加] beforeRename & onRename 增加 isCancel 参数，可以监控用户 ESC 取消编辑的事件 + + * [修改] 初始化时 radioType="all", 父节点未展开 且 子节点有被勾选，点击其他 radio 时，不会取消勾选该子节点的bug + * [修改] 多棵树拖拽时，拖拽无效后会导致目标书已选择的节点清空的 bug。 + * [修改] 多棵树拖拽时，会触发 addHoverDom 的bug。 + * [修改] 多棵树拖拽时，由于 beforeDrog 或 prev / inner / next 返回 false 后未触发原始节点的 addHoverDom 的bug + * [修改] 异步加载时，对于未加载子节点的父节点使用 expandNode 方法时， sonSign 设置为 true后，导致异步加载的节点无法正常显示的bug + * [修改] 一次性加载全部数据，如果父节点 A 未展开，但下一级的父节点 A1 设置了 open=true 的时候，使用 expandAll 方法导致 A1 的下一级父节点出现重复的 bug + * [修改] 增加对 iframe 的支持，可以只在主页面加载 zTree 的 js，在 iframe 内创建树 [https://github.com/zTree/zTree_v3/issues/7 Issue Info] + * [修改] 引入 exhide 扩展包 导致页面上同时加载多棵树时，根节点 的 连接线图标出现异常 的 bug [http://tieba.baidu.com/p/2277416574] + * [修改] excheck & exedit 扩展包中事件代理获取节点 tId 的方法，保证适当修改 DOM 结构也能得到 tId + +*2013.03.11* v3.5.12 + * [修改] 由于 jquery 1.9 中移除 event.srcElement 导致的 js 报错的bug。 + * [修改] 在异步加载模式下，使用 moveNode 方法，且 moveType != "inner" 时，也会导致 targetNode 自动加载子节点的 bug + * [修改] 对已经显示的节点(nocheck=true)使用 showNodes 或 showNode 方法后，导致勾选框出现的bug。 + * [修改] 对已经隐藏的节点(nocheck=false)使用 hideNodes 或 hideNode 方法后，导致勾选框消失的bug。 + * [修改] getNodesByParamFuzzy 支持 大小写模糊。 + * [修改] className 结构，提取 _consts.className.BUTTON / LEVEL / ICO_LOADING / SWITCH，便于快速修改 css 冲突。 + 例如：与 WordPress 产生冲突后，直接修改 core 中的 "button" 和 "level" 即可。 Issue: https://github.com/zTree/zTree_v3/issues/2 + +*2013.01.28* v3.5.02 + * [增加] setting.check.chkDisabledInherit 属性，用于设置 chkDisabled 在初始化时子节点是否可以继承父节点的 chkDisabled 属性 + * [删除] 内部 noSel 方法，使用 selectstart事件 和 "-moz-user-select"样式 处理禁止 节点文字被选择的功能 + * [修改] 不兼容 jQuery 1.9 的bug + * [修改] onDrop 的触发规则，保证异步加载模式下，可以在延迟加载结束后触发，避免 onDrop 中被拖拽的节点是已经更新后的数据。 + * [修改] setChkDisabled 方法，增加 inheritParent, inheritChildren 参数设置是否让父子节点继承 disabled + * [修改] 异步加载时 拼接参数的方法，由 string 修改为 json 对象 + * [修正] 1-2-3 3级节点时，如果 2级节点 全部设置为 nocheck 或 chkDisabled后，勾选3级节点时，1级节点的半勾选状态错误的 bug + * [修改] Demo: checkbox_nocheck.html & checkbox_chkDisabled.html; + * [修改] Demo: edit_super.html，增加 showRenameBtn & showRemoveBtn 的演示 + * [修改] Demo: asyncForAll, 将 post 修改为 get；为了避免由于 IE10 的 bug 造成的客户端 以及 服务端崩溃 + IE10 ajax Post 无法提交参数的bug (http://bugs.jquery.com/ticket/12790) + +*2012.12.21* v3.5.01 + * [优化] clone 方法 + * [修正] 对于初始化无 children 属性的父节点进行 reAsyncChildNodes 操作时出错的 bug + * [修正] beforeRename 回调中使用 cancelEditName 方法后，再 return false 导致无法重新进行编辑的 bug + * [修正] exedit 扩展包让 setting.data.key.url 失效的 bug + * [修正] setting.check.autoCheckTrigger 设置为 true 时，onCheck 回调缺少 event 参数的 bug + * [修正] singlepath.html Demo 中的 bug + +*2012.11.20* v3.5 + * [优化] 原先的 clone 方法 （特别感谢：愚人码头） + * [修改] 隐藏父节点后，使用 expandAll 方法导致 父节点展开的 bug + * [修改] 使用 jQuery v1.7 以上时，设置 zTree 容器 ul 隐藏（visibility: hidden;）后， 调用 selectNode 导致 IE 浏览器报错 Can't move focus 的 bug + * [修改] 正在异步加载时，执行 destory 或 init 方法后，异步加载的节点影响新树的 bug + * [修改] 方法 reAsyncChildNodes 在 refresh 的时候未清空内部 cache 导致内存泄露 的 bug + * [修改] 批量节点拖拽到其他父节点内（inner）时，导致顺序反转 的 bug + * [修改] 对于 使用 html格式的 节点无法触发 双击事件 的 bug + * [修改] onCheck 回调中的 event ，保证与触发事件中的 event 一致 + * [修改] 异步加载时，在 onNodeCreated 中执行 selectNode 后，导致节点折叠的 bug + * [修改] API 中 dataFilter 的参数名称 childNodes -> responseData + * [修改] API 中 iconSkin 的 举例内容 + * [修改] API 中 chkDisabled 的说明 + * [修改] Demo 中 index.html 内的 loadReady 重复绑定问题 + +*2012.09.03* v3.4 + * [增加] Demo —— OutLook 样式的左侧菜单 + * [增加] 清空 zTree 的方法 $.fn.zTree.destory(treeId) & zTree.destory() + + * [修改] core核心文件内 _eventProxy 方法中获取 tId 的方法，提高 DOM 的灵活性 + * [修改] 初始化时 多层父节点的 checkbox 半选状态计算错误的 bug + * [修改] 同时选中父、子节点后，利用 getSelectedNodes 获取选中节点并利用 removeNode 删除时报错的 bug + * [修改] treeNode.chkDisabled / nocheck 属性，支持字符串格式的 "false"/"true" + * [修改] 异步加载模式下无法利用 server 返回 xml 并且 在 dataFilter 中继续处理的 bug + * [修改] title 只允许设置为 string 类型值的问题。 修正后允许设置为 number 类型的值 + * [修改] zId 计数规则 & Cache 保存，减少 IE9 的 bug 造成的内存泄漏 + * [修改] API 页面搜索功能导致 IE 崩溃的 bug + +*2012.07.16* v3.3 + * [增加] 扩展库 exhide -- 节点隐藏功能 + + * [修改] getNodesByFilter 方法，添加 invokeParam 自定义参数 + * [修改] 拖拽中测试代码未删除，导致出现黄颜色的 iframe 遮罩层的 bug + * [修改] 延迟加载方法 对于使用 expandAll 进行全部展开时，导致 onNodeCreated 回调 和 addDiyDom 方法触发过早的 bug + * [修改] 使用 moveNode 移动尚未生成 DOM 的节点时，视图会出现异常的 bug + * [修改] 删除节点后，相关节点的 isFirstNode 属性未重置的 bug + * [修改] getPreNode(),getNextNode() 方法在对于特殊情况时计算错误的 bug + * [修改] 设置 title 之后，如果重新将 title 内容设置为空后，会导致无法更新 title 的 bug + * [修改] 针对 setting.check.chkStyle=="radio" && setting.check.radioType=="all" 的情况时，getTreeCheckedNodes方法优化，找到一个结果就 break + * [修改] zTreeObj.getCheckedNodes(false) 在 radioType = "all" 时计算错误的 bug + * [修改] 完善 API 中 beforeDrop / onDrop 的关于 treeId 的说明 + +*2012.05.13* v3.2 + * [增加] setting.data.key.url 允许修改 treeNode.url 属性 + * [增加] getNodesByFilter(filter, isSingle) 方法 + * [增加] "与其他 DOM 拖拽互动" 的 Demo (http://www.treejs.cn/v3/demo.php#_511) + * [增加] "异步加载模式下全部展开" 的 Demo (http://www.treejs.cn/v3/demo.php#_512) + + * [修改] 代码结构，将 addNodes、removeNode、removeChildNodes 方法 和 beforeRemove、onRemove 回调 转移到 core 内 + * [修改] IE7的环境下无子节点的父节点反复展开出现多余空行的 bug + * [修改] 异步加载时，如果出现网络异常等，会导致 图标显示错误的 bug + * [修改] dataFilter中 return null 导致异常 的 bug + * [修改] removeChildNodes 方法清空子节点后，无法正常添加节点的 bug + * [修改] moveNode 后节点中的自定义元素的事件丢失的 bug + * [修改] moveNode 方法中设置 isSilent = true 时，如果移动到已展开的 父节点后，出现异常的 bug + * [修改] onClick/onDrag/onDrop 回调中 event 不是原始 event 的 bug + * [修改] onDrop 回调中 当拖拽无效时，无法获得 treeNodes 的 bug + * [修改] onDrop 无法判断拖拽是 移动还是复制的问题 + * [修改] 未开启异步加载模式时，拖拽节点到子节点为空的父节点内时 出现异常 的 bug + * [修改] 拖拽过程中，反复在 父节点图标上划动时，会出现停顿的 bug + (需要css 结构—— button -> span.button) + + * [修改] 拖拽操作时箭头 与 targetNode 背景之间的细节现实问题，便于用户拖拽时更容易区分 prev、next 和 inner 操作 + * [修改] 拖拽操作时IE6/7 下 在 节点 右侧 10px 内会导致 targetNode = root 的 bug + * [修改] 编辑模式下 默认的编辑按钮、删除按钮点击后，如果相应的 before 回调 return false 时会触发 onClick 回调的 bug + +*2012.02.14* v3.1 + * [增加] ajax 的参数 setting.async.contentType ，让提交参数适用于 json 数据提交 （主要适用于 .Net 的开发）。 + * [增加] setting.edit.editNameSelectAll, 用于设定编辑节点名称时初次显示 input 后 text 内容为全选 + * [修改] 异步加载 规则，不再仅仅依靠父节点的子节点数来判定，增加内部属性 zAsync，保证默认状态下父节点及时无子节点也只能异步加载一次，除非使用 reAsyncChildNodes 方法强行控制异步加载。 + * [修改] 放大浏览器后导致 界面出现多余连接线的bug （需要更新：icon 图标和 css ） + * [修改] 在编辑状态，如果节点名超过编辑框宽度，左右键在框内不起作用的bug（IE 6 7 8 出现） + CSS 中 filter:alpha(opacity=80) 造成的，应该是 ie 的 bug，需要更新 css 文件 + * [修改] title 设置后，如果属性不存在，则默认为 title 为空，便于数据容错和用户灵活使用 + * [修改] editName 方法如果针对尚未展开的 父节点，会导致该父节点自动展开的 bug + * [修改] title 中存在标签时导致 title 显示异常的bug（例如：蓝色字22%"'``） + +*2012.01.10* v3.0 + * [增加] setting.check.autoCheckTrigger 默认值 false，可以设置联动选中时是否触发事件回调函数 + * [增加] setting.callback.beforeEditName 回调函数，以保证用户可以捕获点击编辑按钮的事件 + * [增加] treeNode.chkDisabled 属性，显示 checkbox 但是用户无法修改 checkbox 状态，并且该 checkbox 会影响父节点的 checkbox 的半选状态 + * [增加] setting.check.nocheckInherit 属性，用户设置子节点继承 nocheck 属性，用于批量初始化节点，不适用于已经显示的节点 + * [增加] setting.edit.drag.autoExpandTrigger 默认值 false，可以设置自动展开、折叠操作时是否触发事件回调函数 + * [增加] setting.view.nameIsHTML 默认值 false，允许用户对 name 设置 DOM 对象 + * [增加] treeNode.click 属性的说明文档 + * [增加] treeObj.setChkDisabled 方法用于设置 checkbox / radio disabled 状态 + * [增加] treeNode.halfCheck 属性，用于强制设定节点的半选状态 + + * [修改] 异步加载 & 编辑功能 共存时，拖拽节点 或 增加节点 导致 ie 上报错的 bug （apply 方法引起） + * [修改] zTreeStyle 样式冲突 + * [修改] setting.data.key.title 默认值设置为 ""，初始化时自动赋值为 setting.data.key.name 这样可避免希望 title 与 name 一致的用户反复设置参数 + * [修改] 点击叶子节点的连接线会触发 expand 事件的 bug + * [修改] IE 下 点击叶子节点连线会出现虚线框的 bug + * [修改] updateNode 导致 checkbox 半选状态错误的 bug + * [修改] checkNode 方法实现 toggle 操作, 取消 expandAll 方法的 toggle 操作 + * [修改] zTree 内鼠标移动会抢页面上 input 内的焦点的 bug + * [修改] beforeRename / onRename 的触发方式——即使名称内容未改变也会触发，便于用户配合 beforeEditName 捕获编辑状态的结束，赋予用户更多调整规则的权利 + * [修改] 与 easyUI 共存时无法拖拽的bug + * [修改] beforeRename 在 Firefox 下如果利用 alert，会触发两次的 bug + * [修改] checkNode/expandNode/removeNode 方法，默认不触发回调函数，恢复 v2.6 的默认状态，同时增加 callbackFlag 参数，设置为 true 时，可以触发回调函数 + * [修改] IE9下“根据参数查找节点”的Demo 报错：行14 重新声明常量属性(Demo 自身的问题，定义了history变量) + * [修改] 初始化 zTree 时 onNodeCreated 事件回调函数中无法 用 getZTreeObj 获取 zTree 对象的 bug + * [修改] setting.edit.drag.prev / next / inner 参数，增加被拖拽的节点集合 + * [修改] 异步加载模式下，otherParam 使用Array数组会出错的 bug。例如： ["id", "1", "name", "test"] + * [修改] FireFox 下多棵树拖拽异常的 bug + * [修改] exedit 中调用 excheck库的方法时没有进行容错处理，导致如果只加入 exedit 而没有 excheck的时候，会出现 js 错误 + * [修改] 显示 checkbox 的 zTree 在编辑模式下，移动节点不会更新父节点半选状态的 bug + * [修改] treeNode.childs --> children; treeObject.removeChilds --> removeChildNodes; setting.data.key.childs --> children（英文不好惹的祸！抱歉了！） + * [修改] onRemove 回调中得到的 treeNode 还可以查找 preNode、nextNode 的bug。 修正后，getPreNode 和 getNextNode 都返回 null； 为了便于查找父节点，getParentNode 仍保留 + * [修改] 简单数据模式下，如果 id 与 pId 的值相同会导致该节点无法正常加载的 bug + * [修改] 移动或删除中间节点会导致最后一个节点连接线图标变小的 bug + +*2011.09.05* v3.0 beta + * [修改] zTree 的 js 代码架构全面修改，并且拆分 + * [修改] zTree 的 css 样式全面修改，对浏览器可以更好地兼容，同时解决了以前1个像素差的问题 + * [优化] 采用延迟加载技术，一次性加载大数据量的节点性能飞速提升 + * [增加] 支持多节点同时选中、拖拽 + * [增加] checkNode、checkAllNodes 等多种方法 + * [增加] IE6 自动取消动画展开、折叠的功能 + * [修正] 异步加载 & 编辑模式 能够更完美的共存 + * [修正] setting 配置更加合理，并且增加了若干项配置参数 + * [修正] treeNode 节点数据的属性更加合理，并且增加了一些方法 + * [修正] 拖拽操作更加灵活方便，更容易制定自己的规则 + * [修正] 其他若干修改，详细对比请参考 url：[http://www.treejs.cn/v3/faq.php#_101 zTree v3.0 常见问题] diff --git a/permission.html b/permission.html index e798074..1620c6b 100644 --- a/permission.html +++ b/permission.html @@ -13,11 +13,11 @@
                                                                                                                                                                                                                                                                                                                        - - 首页 - 常用页面 - 权限列表 - + + 首页 + 常用页面 + 权限列表 + diff --git a/role-add.html b/role-add.html index 4c06b2d..038c953 100644 --- a/role-add.html +++ b/role-add.html @@ -12,12 +12,12 @@
                                                                                                                                                                                                                                                                                                                        - - 首页 - 常用页面 - 用户列表 - 添加角色 - + + 首页 + 常用页面 + 用户列表 + 添加角色 + diff --git a/role-auth.html b/role-auth.html index ff5412f..4b61123 100644 --- a/role-auth.html +++ b/role-auth.html @@ -12,12 +12,12 @@
                                                                                                                                                                                                                                                                                                                        - - 首页 - 常用页面 - 用户列表 - 角色授权 - + + 首页 + 常用页面 + 用户列表 + 角色授权 + diff --git a/role-edit.html b/role-edit.html index 03366f4..2679df3 100644 --- a/role-edit.html +++ b/role-edit.html @@ -12,12 +12,12 @@
                                                                                                                                                                                                                                                                                                                        - - 首页 - 常用页面 - 用户列表 - 编辑角色 - + + 首页 + 常用页面 + 用户列表 + 编辑角色 + diff --git a/role.html b/role.html index b0283eb..942ed69 100644 --- a/role.html +++ b/role.html @@ -13,11 +13,11 @@
                                                                                                                                                                                                                                                                                                                        - - 首页 - 常用页面 - 角色列表 - + + 首页 + 常用页面 + 角色列表 + diff --git a/user-add.html b/user-add.html index f4c4713..6fa86fd 100644 --- a/user-add.html +++ b/user-add.html @@ -12,12 +12,12 @@
                                                                                                                                                                                                                                                                                                                        - - 首页 - 常用页面 - 用户列表 - 添加用户 - + + 首页 + 常用页面 + 用户列表 + 添加用户 + diff --git a/user-edit.html b/user-edit.html index d016724..3370b16 100644 --- a/user-edit.html +++ b/user-edit.html @@ -12,12 +12,12 @@
                                                                                                                                                                                                                                                                                                                        - - 首页 - 常用页面 - 用户列表 - 编辑用户 - + + 首页 + 常用页面 + 用户列表 + 编辑用户 + diff --git a/user.html b/user.html index 938dd76..8cf4bef 100644 --- a/user.html +++ b/user.html @@ -13,11 +13,11 @@
                                                                                                                                                                                                                                                                                                                        - - 首页 - 常用页面 - 用户列表 - + + 首页 + 常用页面 + 用户列表 +