初始化项目
This commit is contained in:
21
AUTS.Web/zTree_v3-master/LICENSE
Normal file
21
AUTS.Web/zTree_v3-master/LICENSE
Normal file
@@ -0,0 +1,21 @@
|
||||
MIT License
|
||||
|
||||
Copyright (c) 2020 zTree
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
54
AUTS.Web/zTree_v3-master/README.md
Normal file
54
AUTS.Web/zTree_v3-master/README.md
Normal file
@@ -0,0 +1,54 @@
|
||||
jQuery Tree Plugin ---- zTree
|
||||
============
|
||||
last version : 3.5.48
|
||||
|
||||
|
||||
**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 separated 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 flexibly.
|
||||
(支持任意更换皮肤 / 自定义图标)
|
||||
* 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 架构全面调整，提供更好的兼容性和易开发性)
|
||||
|
||||
|
||||
103
AUTS.Web/zTree_v3-master/api/API_cn.html
Normal file
103
AUTS.Web/zTree_v3-master/api/API_cn.html
Normal file
@@ -0,0 +1,103 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<title>API 文档 [zTree -- jQuery 树插件]</title>
|
||||
<link rel="stylesheet" href="apiCss/common.css" type="text/css">
|
||||
<link rel='stylesheet' href='apiCss/zTreeStyleForApi.css' type='text/css'>
|
||||
<script type="text/javascript">
|
||||
var ie = (function(){
|
||||
var undef,
|
||||
v = 3,
|
||||
div = document.createElement('div'),
|
||||
all = div.getElementsByTagName('i');
|
||||
while (
|
||||
div.innerHTML = '<!--[if gt IE ' + (++v) + ']><i></i><![endif]-->',
|
||||
all[0]
|
||||
);
|
||||
return v > 4 ? v : undef;
|
||||
}()), ie6 = (ie === 6),
|
||||
path = window.location.pathname.replace(/.*\/([^\/\.]*)\..*/g,"$1"),
|
||||
langLib = [];
|
||||
ie = ie<9;
|
||||
if(ie) {
|
||||
document.write('<link rel="stylesheet" href="apiCss/common_ie6.css" type="text/css">');
|
||||
}
|
||||
var lang = "cn",
|
||||
ajaxMsg = "如果你使用的是 Chrome 浏览器，那么请把 API 文档发布到 web 服务目录下访问。\n\n（Chrome 浏览器不支持本地 ajax 访问, 即：file://）";
|
||||
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="header_wrap" class="header_wrap" style="padding-top: 30px;">
|
||||
<div id="header" class="header round">
|
||||
<div class="light-bulb" alt=""></div>
|
||||
<div class="ieSuggest">浏览本网站建议您使用 Chrome、FireFox、Opera、IE9 等浏览器（只要不是 IE6 7 8 就行）, 速度会更快，画面会更炫！</div>
|
||||
<div class="google_plus"><g:plusone></g:plusone></div>
|
||||
<div class="header-text">
|
||||
<h1><em>zTree v3.5.48 API 文档</em></h1><p></p>
|
||||
<p>all.js = core + excheck + exedit ( 不包括 exhide ); 发现错误请及时通知，谢谢。</p>
|
||||
</div>
|
||||
<ul class="shortcuts language" style="top:0;">
|
||||
<li><a href="API_en.html" onclick="window.location.href='API_en.html'"><button class="ico en" title="英文版" type="button"></button><span class=""></span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="content_wrap" class="content_wrap">
|
||||
<div id="content" class="content">
|
||||
<div class="nav_section">
|
||||
<ul>
|
||||
<li class="first">注释：</li>
|
||||
<li><button class="ico16 z_core" onfocus="this.blur();"></button><span>core 核心包</span></li>
|
||||
<li><button class="ico16 z_check" onfocus="this.blur();"></button><span>excheck 扩展</span></li>
|
||||
<li><button class="ico16 z_edit" onfocus="this.blur();"></button><span>exedit 扩展</span></li>
|
||||
<li><button class="ico16 z_hide" onfocus="this.blur();"></button><span>exhide 扩展</span></li>
|
||||
<li class="noline">
|
||||
<button class="ico16 z_search" onfocus="this.blur();" title="Enter 以及 左、右键可以快速定位查找结果"></button>
|
||||
<input type="text" class="searchKey search empty" value=""><input type="text" class="searchResult search" value="">
|
||||
<button class="ico16 searchPrev disabled" onfocus="this.blur();" title="Enter 以及 左、右键可以快速定位查找结果"></button><button class="ico16 searchNext disabled" onfocus="this.blur();" title="Enter 以及 左、右键可以快速定位查找结果"></button>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div id="contentBox" class="contentBox round clearfix">
|
||||
<div id="apiContent" class="apiContent">
|
||||
<div id="api_setting" class="api_setting left">
|
||||
<ul class="api_content_title"><li>setting 配置详解</li></ul>
|
||||
<ul id="settingTree" class="ztree"></ul>
|
||||
</div>
|
||||
<div id="api_function" class="api_function right">
|
||||
<ul class="api_content_title"><li>zTree 方法详解</li></ul>
|
||||
<ul id="functionTree" class="ztree"></ul>
|
||||
<ul class="api_content_title"><li>treeNode 节点数据详解</li></ul>
|
||||
<ul id="treenodeTree" class="ztree"></ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- overlayed -->
|
||||
<div id="overlayDiv" class="baby_overlay">
|
||||
<div id="overlayContent" class="content round clearfix">
|
||||
<div class="overlaySearch">
|
||||
<button class="ico16 z_search" onfocus="this.blur();" title="Enter 以及 左、右键可以快速定位查找结果"></button>
|
||||
<input type="text" class="searchKey search empty" value=""><input type="text" class="searchResult search" value="">
|
||||
<button class="ico16 searchPrev disabled" onfocus="this.blur();" title="Enter 以及 左、右键可以快速定位查找结果"></button><button class="ico16 searchNext disabled" onfocus="this.blur();" title="Enter 以及 左、右键可以快速定位查找结果"></button>
|
||||
</div>
|
||||
<a id="overlayDivCloseBtn" class="close"></a>
|
||||
<div id="overlayDetailDiv" class="details"></div>
|
||||
</div>
|
||||
<div id="overlayDivArrow" class="baby_overlay_arrow"></div>
|
||||
</div>
|
||||
<script type="text/javascript" src="apiCss/jquery-1.6.2.min.js"></script>
|
||||
<script type='text/javascript' src='apiCss/jquery.ztree.core.js'></script>
|
||||
<script type='text/javascript' src='apiCss/api.js'></script>
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function(){
|
||||
apiContent._init();
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
102
AUTS.Web/zTree_v3-master/api/API_en.html
Normal file
102
AUTS.Web/zTree_v3-master/api/API_en.html
Normal file
@@ -0,0 +1,102 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<title>API Document [zTree -- jQuery tree plug-ins.]</title>
|
||||
<link rel="stylesheet" href="apiCss/common.css" type="text/css">
|
||||
<link rel='stylesheet' href='apiCss/zTreeStyleForApi.css' type='text/css'>
|
||||
<script type="text/javascript">
|
||||
var ie = (function(){
|
||||
var undef,
|
||||
v = 3,
|
||||
div = document.createElement('div'),
|
||||
all = div.getElementsByTagName('i');
|
||||
while (
|
||||
div.innerHTML = '<!--[if gt IE ' + (++v) + ']><i></i><![endif]-->',
|
||||
all[0]
|
||||
);
|
||||
return v > 4 ? v : undef;
|
||||
}()), ie6 = (ie === 6),
|
||||
path = window.location.pathname.replace(/.*\/([^\/\.]*)\..*/g,"$1"),
|
||||
langLib = [];
|
||||
ie = ie<9;
|
||||
if(ie) {
|
||||
document.write('<link rel="stylesheet" href="apiCss/common_ie6.css" type="text/css">');
|
||||
}
|
||||
var lang = "en",
|
||||
ajaxMsg = "If you use chrome browser, please copy the API files to local webserver. \n\n( because chrome browser can't allow AJAX access to 'file://' )";
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="header_wrap" class="header_wrap" style="padding-top: 30px;">
|
||||
<div id="header" class="header round">
|
||||
<div class="light-bulb" alt=""></div>
|
||||
<div class="ieSuggest">If you use the Chrome / FireFox / Opera / IE9 browser will be even more dazzling effect!</div>
|
||||
<div class="google_plus"><g:plusone></g:plusone></div>
|
||||
<div class="header-text">
|
||||
<h1><em>zTree v3.5.48 API Document</em></h1><p></p>
|
||||
<p>all.js = core + excheck + exedit ( without exhide ); if you found some mistakes please contact me.</p>
|
||||
</div>
|
||||
<ul class="shortcuts language" style="top:0;">
|
||||
<li><a href="API_cn.html" onclick="window.location.href='API_cn.html'"><button class="ico cn" title="Chinese" type="button"></button><span class=""></span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="content_wrap" class="content_wrap">
|
||||
<div id="content" class="content">
|
||||
<div class="nav_section">
|
||||
<ul>
|
||||
<li class="first">Notes: </li>
|
||||
<li><button class="ico16 z_core" onfocus="this.blur();"></button><span>core package</span></li>
|
||||
<li><button class="ico16 z_check" onfocus="this.blur();"></button><span>excheck pack</span></li>
|
||||
<li><button class="ico16 z_edit" onfocus="this.blur();"></button><span>exedit pack</span></li>
|
||||
<li><button class="ico16 z_hide" onfocus="this.blur();"></button><span>exhide pack</span></li>
|
||||
<li class="noline">
|
||||
<button class="ico16 z_search" onfocus="this.blur();" title="'Enter', 'left' and 'right' key can locate the search results quickly."></button>
|
||||
<input type="text" class="searchKey search empty" value=""><input type="text" class="searchResult search" value="">
|
||||
<button class="ico16 searchPrev disabled" onfocus="this.blur();" title="'Enter', 'left' and 'right' key can locate the search results quickly."></button><button class="ico16 searchNext disabled" onfocus="this.blur();" title="'Enter', 'left' and 'right' key can locate the search results quickly."></button>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div id="contentBox" class="contentBox round clearfix">
|
||||
<div id="apiContent" class="apiContent">
|
||||
<div id="api_setting" class="api_setting left">
|
||||
<ul class="api_content_title"><li>setting details</li></ul>
|
||||
<ul id="settingTree" class="ztree"></ul>
|
||||
</div>
|
||||
<div id="api_function" class="api_function right">
|
||||
<ul class="api_content_title"><li>zTree method details</li></ul>
|
||||
<ul id="functionTree" class="ztree"></ul>
|
||||
<ul class="api_content_title"><li>treeNode data details</li></ul>
|
||||
<ul id="treenodeTree" class="ztree"></ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- overlayed -->
|
||||
<div id="overlayDiv" class="baby_overlay">
|
||||
<div id="overlayContent" class="content round clearfix">
|
||||
<div class="overlaySearch">
|
||||
<button class="ico16 z_search" onfocus="this.blur();" title="'Enter', 'left' and 'right' key can locate the search results quickly."></button>
|
||||
<input type="text" class="searchKey search empty" value=""><input type="text" class="searchResult search" value="">
|
||||
<button class="ico16 searchPrev disabled" onfocus="this.blur();" title="'Enter', 'left' and 'right' key can locate the search results quickly."></button><button class="ico16 searchNext disabled" onfocus="this.blur();" title="'Enter', 'left' and 'right' key can locate the search results quickly."></button>
|
||||
</div>
|
||||
<a id="overlayDivCloseBtn" class="close"></a>
|
||||
<div id="overlayDetailDiv" class="details"></div>
|
||||
</div>
|
||||
<div id="overlayDivArrow" class="baby_overlay_arrow"></div>
|
||||
</div>
|
||||
<script type="text/javascript" src="apiCss/jquery-1.6.2.min.js"></script>
|
||||
<script type='text/javascript' src='apiCss/jquery.ztree.core.js'></script>
|
||||
<script type='text/javascript' src='apiCss/api.js'></script>
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function(){
|
||||
apiContent._init();
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
605
AUTS.Web/zTree_v3-master/api/apiCss/api.js
Normal file
605
AUTS.Web/zTree_v3-master/api/apiCss/api.js
Normal file
@@ -0,0 +1,605 @@
|
||||
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:530, pId:50, t:"render", name:"render : {", open:true},
|
||||
{id:5301, pId:530, t:"name", name:"name : null,", iconSkin:"core", showAPI:true},
|
||||
{id:5302, pId:530, t:"title", name:"title : null", iconSkin:"core", showAPI:true},
|
||||
{id:531, 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:7014, pId:70, t:"nodeClasses", name:"nodeClasses : {},", iconSkin:"core", showAPI:true},
|
||||
{id:7013, 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<l; i++) {
|
||||
node = apiContent.searchNodes[i];
|
||||
if (node.level > 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;
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
218
AUTS.Web/zTree_v3-master/api/apiCss/common.css
Normal file
218
AUTS.Web/zTree_v3-master/api/apiCss/common.css
Normal file
@@ -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}
|
||||
23
AUTS.Web/zTree_v3-master/api/apiCss/common_ie6.css
Normal file
23
AUTS.Web/zTree_v3-master/api/apiCss/common_ie6.css
Normal file
@@ -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")}
|
||||
BIN
AUTS.Web/zTree_v3-master/api/apiCss/img/apiMenu.gif
Normal file
BIN
AUTS.Web/zTree_v3-master/api/apiCss/img/apiMenu.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
AUTS.Web/zTree_v3-master/api/apiCss/img/apiMenu.png
Normal file
BIN
AUTS.Web/zTree_v3-master/api/apiCss/img/apiMenu.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
BIN
AUTS.Web/zTree_v3-master/api/apiCss/img/background.jpg
Normal file
BIN
AUTS.Web/zTree_v3-master/api/apiCss/img/background.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 36 KiB |
BIN
AUTS.Web/zTree_v3-master/api/apiCss/img/chinese.png
Normal file
BIN
AUTS.Web/zTree_v3-master/api/apiCss/img/chinese.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
AUTS.Web/zTree_v3-master/api/apiCss/img/close.png
Normal file
BIN
AUTS.Web/zTree_v3-master/api/apiCss/img/close.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
AUTS.Web/zTree_v3-master/api/apiCss/img/contact-bg.png
Normal file
BIN
AUTS.Web/zTree_v3-master/api/apiCss/img/contact-bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 177 B |
BIN
AUTS.Web/zTree_v3-master/api/apiCss/img/english.png
Normal file
BIN
AUTS.Web/zTree_v3-master/api/apiCss/img/english.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
AUTS.Web/zTree_v3-master/api/apiCss/img/header-bg.png
Normal file
BIN
AUTS.Web/zTree_v3-master/api/apiCss/img/header-bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 148 B |
BIN
AUTS.Web/zTree_v3-master/api/apiCss/img/lightbulb.png
Normal file
BIN
AUTS.Web/zTree_v3-master/api/apiCss/img/lightbulb.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
BIN
AUTS.Web/zTree_v3-master/api/apiCss/img/overlay_arrow.gif
Normal file
BIN
AUTS.Web/zTree_v3-master/api/apiCss/img/overlay_arrow.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 625 B |
BIN
AUTS.Web/zTree_v3-master/api/apiCss/img/overlay_arrow.png
Normal file
BIN
AUTS.Web/zTree_v3-master/api/apiCss/img/overlay_arrow.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 830 B |
BIN
AUTS.Web/zTree_v3-master/api/apiCss/img/overlay_bg.png
Normal file
BIN
AUTS.Web/zTree_v3-master/api/apiCss/img/overlay_bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 109 B |
BIN
AUTS.Web/zTree_v3-master/api/apiCss/img/overlay_close_IE6.gif
Normal file
BIN
AUTS.Web/zTree_v3-master/api/apiCss/img/overlay_close_IE6.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 441 B |
BIN
AUTS.Web/zTree_v3-master/api/apiCss/img/zTreeStandard.gif
Normal file
BIN
AUTS.Web/zTree_v3-master/api/apiCss/img/zTreeStandard.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.7 KiB |
BIN
AUTS.Web/zTree_v3-master/api/apiCss/img/zTreeStandard.png
Normal file
BIN
AUTS.Web/zTree_v3-master/api/apiCss/img/zTreeStandard.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
18
AUTS.Web/zTree_v3-master/api/apiCss/jquery-1.6.2.min.js
vendored
Normal file
18
AUTS.Web/zTree_v3-master/api/apiCss/jquery-1.6.2.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
AUTS.Web/zTree_v3-master/api/apiCss/jquery.ztree.core.js
Normal file
1
AUTS.Web/zTree_v3-master/api/apiCss/jquery.ztree.core.js
Normal file
File diff suppressed because one or more lines are too long
49
AUTS.Web/zTree_v3-master/api/apiCss/zTreeStyleForApi.css
Normal file
49
AUTS.Web/zTree_v3-master/api/apiCss/zTreeStyleForApi.css
Normal file
@@ -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}
|
||||
13
AUTS.Web/zTree_v3-master/api/cn/fn.zTree._z.html
Normal file
13
AUTS.Web/zTree_v3-master/api/cn/fn.zTree._z.html
Normal file
@@ -0,0 +1,13 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>JSON</span><span class="path">$.fn.zTree.</span>_z</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>zTree v3.x 内部的全部方法都可以通过 $.fn.zTree._z 进行调用，开放出来是为了更便于大家开发制作自己的 zTree 插件。 </p>
|
||||
<p class="highlight_red">如无特殊需求请勿使用此对象，以及修改此对象内部的各个函数。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
28
AUTS.Web/zTree_v3-master/api/cn/fn.zTree.destroy.html
Normal file
28
AUTS.Web/zTree_v3-master/api/cn/fn.zTree.destroy.html
Normal file
@@ -0,0 +1,28 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Function(treeId)</span><span class="path">$.fn.zTree.</span>destroy</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>从 zTree v3.4 开始提供销毁 zTree 的方法。 </p>
|
||||
<p>1、用此方法可以销毁指定 treeId 的 zTree，也可以销毁当前页面全部的 zTree。</p>
|
||||
<p class="highlight_red">2、销毁指定 treeId 的 zTree 也可以使用 zTreeObj.destroy() 方法。</p>
|
||||
<p class="highlight_red">3、重新使用已经被销毁的树，必须要使用 init 方法进行初始化。</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Function 参数说明</h3>
|
||||
<div class="desc">
|
||||
<h4><b>treeId</b><span>String</span></h4>
|
||||
<p>zTree 的 DOM 容器的 id</p>
|
||||
<p class="highlight_red">省略 treeId，表示销毁当前页面全部的 zTree</p>
|
||||
<h4 class="topLine"><b>返回值</b><span>无</span></h4>
|
||||
<p>目前无任何返回值</p>
|
||||
</div>
|
||||
<h3>function 举例</h3>
|
||||
<h4>1. 销毁 id 为 "treeDemo" 的 zTree</h4>
|
||||
<pre xmlns=""><code>$.fn.zTree.destroy("treeDemo");</code></pre>
|
||||
<h4>2. 销毁全部 的 zTree</h4>
|
||||
<pre xmlns=""><code>$.fn.zTree.destroy();</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
24
AUTS.Web/zTree_v3-master/api/cn/fn.zTree.getZTreeObj.html
Normal file
24
AUTS.Web/zTree_v3-master/api/cn/fn.zTree.getZTreeObj.html
Normal file
@@ -0,0 +1,24 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Function(treeId)</span><span class="path">$.fn.zTree.</span>getZTreeObj</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>zTree v3.x 专门提供的根据 treeId 获取 zTree 对象的方法。 </p>
|
||||
<p class="highlight_red">必须在初始化 zTree 以后才可以使用此方法。</p>
|
||||
<p>有了这个方法，用户不再需要自己设定全局变量来保存 zTree 初始化后得到的对象了，而且在所有回调函数中全都会返回 treeId 属性，用户可以随时使用此方法获取需要进行操作的 zTree 对象</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Function 参数说明</h3>
|
||||
<div class="desc">
|
||||
<h4><b>treeId</b><span>String</span></h4>
|
||||
<p>zTree 的 DOM 容器的 id</p>
|
||||
<h4 class="topLine"><b>返回值</b><span>JSON</span></h4>
|
||||
<p>zTree 对象，提供操作 zTree 的各种方法，对于通过 js 操作 zTree 来说必须通过此对象</p>
|
||||
</div>
|
||||
<h3>function 举例</h3>
|
||||
<h4>1. 获取 id 为 tree 的 zTree 对象</h4>
|
||||
<pre xmlns=""><code>var treeObj = $.fn.zTree.getZTreeObj("tree");</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
74
AUTS.Web/zTree_v3-master/api/cn/fn.zTree.init.html
Normal file
74
AUTS.Web/zTree_v3-master/api/cn/fn.zTree.init.html
Normal file
@@ -0,0 +1,74 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Function(obj, zSetting, zNodes)</span><span class="path">$.fn.zTree.</span>init</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>zTree 初始化方法，创建 zTree 必须使用此方法</p>
|
||||
<p>1、页面需要进行 W3C 申明，例如：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">。</p>
|
||||
<p>2、需要首先加载 jquery-1.4.2.js 或其他更高版本的 jQuery 。</p>
|
||||
<p>3、需要加载 jquery-ztree.core-3.0.js，如果需要用到 编辑功能 或 checkbox / radio 还需要分别加载 jquery-ztree.exedit-3.0.js 和 jquery-ztree.excheck-3.0.js 。</p>
|
||||
<p>4、需要加载 zTreeStyle.css 以及 zTreeStyle 目录下的 img 文件。</p>
|
||||
<p>5、如果需要使用自定义图标请参考相应的Demo。</p>
|
||||
<p>6、请注意设置 zTree 的容器样式 class="ztree"，其中 "ztree" 这个 className，可以根据需要随意修改，别忘了修改 css 中对应名字就是了，对于容器如果需要增加其他特殊样式，可根据自己的需要进行修改。</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Function 参数说明</h3>
|
||||
<div class="desc">
|
||||
<h4><b>obj</b><span>jQuery Object</span></h4>
|
||||
<p>用于展现 zTree 的 DOM 容器</p>
|
||||
<h4 class="topLine"><b>zSetting</b><span>JSON</span></h4>
|
||||
<p>zTree 的配置数据，具体请参考 “setting 配置详解”中的各个属性详细说明</p>
|
||||
<h4 class="topLine"><b>zNodes</b><span>Array(JSON) / JSON</span></h4>
|
||||
<p>zTree 的节点数据，具体请参考 “treeNode 节点数据详解”中的各个属性详细说明</p>
|
||||
<p class="highlight_red">1、v3.x 支持单独添加一个节点，即如果只新增一个节点，不用必须包在数组中</p>
|
||||
<p class="highlight_red">2、如果需要异步加载根节点，可以设置为 null 或 [ ]</p>
|
||||
<p class="highlight_red">3、使用简单数据模式，请参考 setting.data.simpleData 内的属性说明</p>
|
||||
<h4 class="topLine"><b>返回值</b><span>JSON</span></h4>
|
||||
<p>zTree 对象，提供操作 zTree 的各种方法，对于通过 js 操作 zTree 来说必须通过此对象</p>
|
||||
<p class="highlight_red">如果不需要自行设定全局变量保存，可以利用 $.fn.zTree.getZTreeObj 方法随时获取</p>
|
||||
</div>
|
||||
<h3>setting & function 举例</h3>
|
||||
<h4>1. 简单创建 zTree 演示</h4>
|
||||
<pre xmlns=""><code><!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></code></pre>
|
||||
</div>
|
||||
</div>
|
||||
49
AUTS.Web/zTree_v3-master/api/cn/setting.async.autoParam.html
Normal file
49
AUTS.Web/zTree_v3-master/api/cn/setting.async.autoParam.html
Normal file
@@ -0,0 +1,49 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Array(String) / Function(treeId, treeNode)</span><span class="path">setting.async.</span>autoParam</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>异步加载时需要自动提交父节点属性的参数。<span class="highlight_red">[setting.async.enable = true 时生效]</span></p>
|
||||
<p>默认值：[ ]</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Array(String) 格式说明</h3>
|
||||
<div class="desc">
|
||||
<p>1、将需要作为参数提交的属性名称，制作成 Array 即可，例如：["id", "name"]</p>
|
||||
<p>2、可以设置提交时的参数名称，例如 server 只接受 zId : ["id=zId"]</p>
|
||||
</div>
|
||||
<h3>Function 参数说明</h3>
|
||||
<div class="desc">
|
||||
<h4><b>treeId</b><span>String</span></h4>
|
||||
<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
|
||||
<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
|
||||
<p>需要异步加载子节点的的父节点 JSON 数据对象</p>
|
||||
<p class="highlight_red">针对根进行异步加载时，treeNode = null</p>
|
||||
<h4 class="topLine"><b>返回值</b><span>Array(String)</span></h4>
|
||||
<p>返回值同 Array(String) 格式的数据</p>
|
||||
</div>
|
||||
<h3>setting 举例</h3>
|
||||
<h4>1. 设置 id 属性为自动提交的参数</h4>
|
||||
<pre xmlns=""><code>var setting = {
|
||||
async: {
|
||||
enable: true,
|
||||
url: "http://host/getNode.php",
|
||||
autoParam: ["id"]
|
||||
}
|
||||
};
|
||||
假设 异步加载 父节点(node = {id:1, name:"test"}) 的子节点时，将提交参数 id=1
|
||||
......</code></pre>
|
||||
<h4>2. 设置 id 属性作为 zId 成为自动提交的参数</h4>
|
||||
<pre xmlns=""><code>var setting = {
|
||||
async: {
|
||||
enable: true,
|
||||
url: "http://host/getNode.php",
|
||||
autoParam: ["id=zId"]
|
||||
}
|
||||
};
|
||||
假设 对父节点 node = {id:1, name:"test"}，进行异步加载时，将提交参数 zId=1
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,29 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>String</span><span class="path">setting.async.</span>contentType</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>Ajax 提交参数的数据类型。<span class="highlight_red">[setting.async.enable = true 时生效]</span></p>
|
||||
<p>默认值："application/x-www-form-urlencoded"</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>String 格式说明</h3>
|
||||
<div class="desc">
|
||||
<p> contentType = "application/x-www-form-urlencoded" 可以满足绝大部分请求，按照标准的 Form 格式提交参数</p>
|
||||
<p> contentType = "application/json" 可以满足 .Net 的编程需要，按照 JSON 格式提交参数</p>
|
||||
</div>
|
||||
<h3>setting 举例</h3>
|
||||
<h4>1. 设置 Ajax 提交参数的数据类型为 JSON 格式</h4>
|
||||
<pre xmlns=""><code>var setting = {
|
||||
async: {
|
||||
enable: true,
|
||||
contentType: "application/json",
|
||||
url: "http://host/getNode.php",
|
||||
autoParam: ["id", "name"]
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,45 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Function(treeId, parentNode, responseData)</span><span class="path">setting.async.</span>dataFilter</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>用于对 Ajax 返回数据进行预处理的函数。<span class="highlight_red">[setting.async.enable = true 时生效]</span></p>
|
||||
<p>默认值：null</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Function 参数说明</h3>
|
||||
<div class="desc">
|
||||
<h4><b>treeId</b><span>String</span></h4>
|
||||
<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
|
||||
<h4 class="topLine"><b>parentNode</b><span>JSON</span></h4>
|
||||
<p>进行异步加载的父节点 JSON 数据对象</p>
|
||||
<p class="highlight_red">对根进行异步加载时，parentNode = null</p>
|
||||
<h4 class="topLine"><b>responseData</b><span>Array(JSON) / JSON / String</span></h4>
|
||||
<p>异步加载获取到的数据转换后的 Array(JSON) / JSON / String 数据对象</p>
|
||||
<p class="highlight_red">v3.4开始 支持 XML 数据格式的 String</p>
|
||||
<h4 class="topLine"><b>返回值</b><span>Array(JSON) / JSON</span></h4>
|
||||
<p>返回值是 zTree 支持的JSON 数据结构即可。</p>
|
||||
<p class="highlight_red">v3.x 支持单个 JSON 节点数据进行加载</p>
|
||||
</div>
|
||||
<h3>setting & function 举例</h3>
|
||||
<h4>1. 修改异步获取到的节点name属性</h4>
|
||||
<pre xmlns=""><code>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
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
29
AUTS.Web/zTree_v3-master/api/cn/setting.async.dataType.html
Normal file
29
AUTS.Web/zTree_v3-master/api/cn/setting.async.dataType.html
Normal file
@@ -0,0 +1,29 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>String</span><span class="path">setting.async.</span>dataType</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>Ajax 获取的数据类型。<span class="highlight_red">[setting.async.enable = true 时生效]</span></p>
|
||||
<p>默认值："text"</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>String 格式说明</h3>
|
||||
<div class="desc">
|
||||
<p> dataType = "text" 可以满足绝大部分请求</p>
|
||||
<p class="highlight_red">其余 dataType 类型请参考 jQuery ajax 中的 dataType 参数</p>
|
||||
</div>
|
||||
<h3>setting 举例</h3>
|
||||
<h4>1. 设置 Ajax 获取的数据类型为 纯文本</h4>
|
||||
<pre xmlns=""><code>var setting = {
|
||||
async: {
|
||||
enable: true,
|
||||
dataType: "text",
|
||||
url: "http://host/getNode.php",
|
||||
autoParam: ["id", "name"]
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
30
AUTS.Web/zTree_v3-master/api/cn/setting.async.enable.html
Normal file
30
AUTS.Web/zTree_v3-master/api/cn/setting.async.enable.html
Normal file
@@ -0,0 +1,30 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Boolean</span><span class="path">setting.async.</span>enable</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>设置 zTree 是否开启异步加载模式</p>
|
||||
<p>默认值：false</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Boolean 格式说明</h3>
|
||||
<div class="desc">
|
||||
<p> true 表示 开启 异步加载模式</p>
|
||||
<p> false 表示 关闭 异步加载模式</p>
|
||||
<p class="highlight_red">如果设置为 true，请务必设置 setting.async 内的其它参数。</p>
|
||||
<p class="highlight_red">如果需要根节点也异步加载，初始化时 treeNodes 参数设置为 null 即可。</p>
|
||||
</div>
|
||||
<h3>setting 举例</h3>
|
||||
<h4>1. 需要开启异步加载模式</h4>
|
||||
<pre xmlns=""><code>var setting = {
|
||||
async: {
|
||||
enable: true,
|
||||
url: "http://host/getNode.php",
|
||||
autoParam: ["id", "name"]
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
18
AUTS.Web/zTree_v3-master/api/cn/setting.async.headers.html
Normal file
18
AUTS.Web/zTree_v3-master/api/cn/setting.async.headers.html
Normal file
@@ -0,0 +1,18 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Object</span><span class="path">setting.async.</span>headers</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p><span class="highlight_red">[setting.async.enable = true 时生效]</span></p>
|
||||
<p>默认值："{}"</p>
|
||||
<p class="highlight_red">v3.5.36+</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Object 格式说明</h3>
|
||||
<div class="desc">
|
||||
<p class="highlight_red">请参考 jQuery ajax 中的 headers 参数</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,50 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Array(String) / JSON / Function(treeId, treeNode)</span><span class="path">setting.async.</span>otherParam</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>Ajax 请求提交的静态参数键值对。<span class="highlight_red">[setting.async.enable = true 时生效]</span></p>
|
||||
<p>默认值：[ ]</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Array(String) 格式说明</h3>
|
||||
<div class="desc">
|
||||
<p>可以为空[ ]，如果有 key，则必须存在 value。 例如：[key, value]</p>
|
||||
</div>
|
||||
<h3>JSON 格式说明</h3>
|
||||
<div class="desc">
|
||||
<p>直接用 JSON 格式制作键值对，例如：{ key1:value1, key2:value2 }</p>
|
||||
</div>
|
||||
<h3>Function 参数说明</h3>
|
||||
<div class="desc">
|
||||
<h4><b>treeId</b><span>String</span></h4>
|
||||
<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
|
||||
<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
|
||||
<p>需要异步加载子节点的的父节点 JSON 数据对象</p>
|
||||
<p class="highlight_red">针对根进行异步加载时，treeNode = null</p>
|
||||
<h4 class="topLine"><b>返回值</b><span>Array(String) || JSON</span></h4>
|
||||
<p>返回值同 Array(String) || JSON 格式的数据</p>
|
||||
</div>
|
||||
<h3>setting 举例</h3>
|
||||
<h4>1. 设置 Array(String) 格式的参数</h4>
|
||||
<pre xmlns=""><code>var setting = {
|
||||
async: {
|
||||
enable: true,
|
||||
url: "http://host/getNode.php",
|
||||
otherParam: ["id", "1", "name", "test"]
|
||||
}
|
||||
};
|
||||
进行异步加载时，将提交参数 id=1&name=test</code></pre>
|
||||
<h4>2. 设置 JSON 格式的参数</h4>
|
||||
<pre xmlns=""><code>var setting = {
|
||||
async: {
|
||||
enable: true,
|
||||
url: "http://host/getNode.php",
|
||||
otherParam: { "id":"1", "name":"test"}
|
||||
}
|
||||
};
|
||||
进行异步加载时，将提交参数 id=1&name=test</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
30
AUTS.Web/zTree_v3-master/api/cn/setting.async.type.html
Normal file
30
AUTS.Web/zTree_v3-master/api/cn/setting.async.type.html
Normal file
@@ -0,0 +1,30 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>String</span><span class="path">setting.async.</span>type</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>Ajax 的 http 请求模式。<span class="highlight_red">[setting.async.enable = true 时生效]</span></p>
|
||||
<p>默认值："post"</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>String 格式说明</h3>
|
||||
<div class="desc">
|
||||
<p> type = "post" 表示异步加载采用 post 方法请求</p>
|
||||
<p> type = "get" 表示异步加载采用 get 方法请求</p>
|
||||
<p class="highlight_red">对应于 jQuery ajax 中的 type 参数</p>
|
||||
</div>
|
||||
<h3>setting 举例</h3>
|
||||
<h4>1. 设置使用 get 方式请求数据</h4>
|
||||
<pre xmlns=""><code>var setting = {
|
||||
async: {
|
||||
enable: true,
|
||||
type: "get",
|
||||
url: "http://host/getNode.php",
|
||||
autoParam: ["id", "name"]
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
50
AUTS.Web/zTree_v3-master/api/cn/setting.async.url.html
Normal file
50
AUTS.Web/zTree_v3-master/api/cn/setting.async.url.html
Normal file
@@ -0,0 +1,50 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>String / Function(treeId, treeNode)</span><span class="path">setting.async.</span>url</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>Ajax 获取数据的 URL 地址。<span class="highlight_red">[setting.async.enable = true 时生效]</span></p>
|
||||
<p>默认值：""</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>String 格式说明</h3>
|
||||
<div class="desc">
|
||||
<p>设置固定的异步加载 url 字符串，请注意地址的路径，确保页面能正常加载</p>
|
||||
<p class="highlight_red">url 内也可以带参数，这些参数就只能是通过 get 方式提交了，并且请注意进行转码</p>
|
||||
</div>
|
||||
<h3>Function 参数说明</h3>
|
||||
<div class="desc">
|
||||
<h4><b>treeId</b><span>String</span></h4>
|
||||
<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
|
||||
<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
|
||||
<p>需要异步加载子节点的的父节点 JSON 数据对象</p>
|
||||
<p class="highlight_red">针对根进行异步加载时，treeNode = null</p>
|
||||
<h4 class="topLine"><b>返回值</b><span>String</span></h4>
|
||||
<p>返回值同 String 格式的数据</p>
|
||||
</div>
|
||||
<h3>setting & function 举例</h3>
|
||||
<h4>1. 设置异步获取节点的 URL 为 nodes.php</h4>
|
||||
<pre xmlns=""><code>var setting = {
|
||||
async: {
|
||||
enable: true,
|
||||
url: "nodes.php",
|
||||
autoParam: ["id", "name"]
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
<h4>2. 设置异步获取节点的 URL 为 function 动态获取</h4>
|
||||
<pre xmlns=""><code>function getAsyncUrl(treeId, treeNode) {
|
||||
return treeNode.isParent ? "nodes1.php" : "nodes2.php";
|
||||
};
|
||||
var setting = {
|
||||
async: {
|
||||
enable: true,
|
||||
url: getAsyncUrl,
|
||||
autoParam: ["id", "name"]
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
18
AUTS.Web/zTree_v3-master/api/cn/setting.async.xhrFields.html
Normal file
18
AUTS.Web/zTree_v3-master/api/cn/setting.async.xhrFields.html
Normal file
@@ -0,0 +1,18 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Object</span><span class="path">setting.async.</span>xhrFields</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p><span class="highlight_red">[setting.async.enable = true 时生效]</span></p>
|
||||
<p>默认值："{}"</p>
|
||||
<p class="highlight_red">v3.5.36+</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Object 格式说明</h3>
|
||||
<div class="desc">
|
||||
<p class="highlight_red">请参考 jQuery ajax 中的 xhrFields 参数</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,35 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Function(treeId, treeNode)</span><span class="path">setting.callback.</span>beforeAsync</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>用于捕获异步加载之前的事件回调函数，zTree 根据返回值确定是否允许进行异步加载</p>
|
||||
<p>默认值：null</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Function 参数说明</h3>
|
||||
<div class="desc">
|
||||
<h4><b>treeId</b><span>String</span></h4>
|
||||
<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
|
||||
<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
|
||||
<p>进行异步加载的父节点 JSON 数据对象</p>
|
||||
<p class="highlight_red">针对根进行异步加载时，treeNode = null</p>
|
||||
<h4 class="topLine"><b>返回值</b><span>Boolean</span></h4>
|
||||
<p>返回值是 true / false</p>
|
||||
<p class="highlight_red">如果返回 false，zTree 将不进行异步加载，也无法触发 onAsyncSuccess / onAsyncError 事件回调函数</p>
|
||||
</div>
|
||||
<h3>setting & function 举例</h3>
|
||||
<h4>1. 禁止 id 为 1 的父节点进行异步加载操作</h4>
|
||||
<pre xmlns=""><code>function zTreeBeforeAsync(treeId, treeNode) {
|
||||
return (treeNode.id !== 1);
|
||||
};
|
||||
var setting = {
|
||||
callback: {
|
||||
beforeAsync: zTreeBeforeAsync
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,34 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Function(treeId, treeNode)</span><span class="path">setting.callback.</span>beforeCheck</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.excheck</span> 扩展 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>用于捕获 勾选 或 取消勾选 之前的事件回调函数，并且根据返回值确定是否允许 勾选 或 取消勾选 </p>
|
||||
<p>默认值：null</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Function 参数说明</h3>
|
||||
<div class="desc">
|
||||
<h4><b>treeId</b><span>String</span></h4>
|
||||
<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
|
||||
<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
|
||||
<p>进行 勾选 或 取消勾选 的节点 JSON 数据对象</p>
|
||||
<h4 class="topLine"><b>返回值</b><span>Boolean</span></h4>
|
||||
<p>返回值是 true / false</p>
|
||||
<p class="highlight_red">如果返回 false，将不会改变勾选状态，并且无法触发 onCheck 事件回调函数</p>
|
||||
</div>
|
||||
<h3>setting & function 举例</h3>
|
||||
<h4>1. 禁止所有勾选操作，保持初始化的勾选状态</h4>
|
||||
<pre xmlns=""><code>function zTreeBeforeCheck(treeId, treeNode) {
|
||||
return false;
|
||||
};
|
||||
var setting = {
|
||||
callback: {
|
||||
beforeCheck: zTreeBeforeCheck
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,49 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Function(treeId, treeNode, clickFlag)</span><span class="path">setting.callback.</span>beforeClick</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>用于捕获单击节点之前的事件回调函数，并且根据返回值确定是否允许单击操作</p>
|
||||
<p>默认值：null</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Function 参数说明</h3>
|
||||
<div class="desc">
|
||||
<h4><b>treeId</b><span>String</span></h4>
|
||||
<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
|
||||
<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
|
||||
<p>被单击的节点 JSON 数据对象</p>
|
||||
<h4 class="topLine"><b>clickFlag</b><span>Number</span></h4>
|
||||
<p>节点被点击后的选中操作类型，详细看下表</p>
|
||||
<table width="100%" border="0" cellspacing="1" cellpadding="0">
|
||||
<thead><tr><td>clickFlag</td><td title="是否允许多点选中">selectedMulti</td><td title="是否按下 Ctrl 或 Cmd 键">autoCancelSelected<br/>&&<br/>event.ctrlKey / metaKey</td><td title="节点当前选择状态">isSelected</td><td>选中操作</td></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>1</td><td>true</td><td>false</td><td>false</td><td>普通选中</td></tr>
|
||||
<tr><td>1</td><td>true</td><td>false</td><td>true</td><td>普通选中</td></tr>
|
||||
<tr><td>2</td><td>true</td><td>true</td><td>false</td><td>追加选中</td></tr>
|
||||
<tr><td>0</td><td>true</td><td>true</td><td>true</td><td>取消选中</td></tr>
|
||||
<tr><td>1</td><td>false</td><td>false</td><td>false</td><td>普通选中</td></tr>
|
||||
<tr><td>1</td><td>false</td><td>false</td><td>true</td><td>普通选中</td></tr>
|
||||
<tr><td>1</td><td>false</td><td>true</td><td>false</td><td>普通选中</td></tr>
|
||||
<tr><td>0</td><td>false</td><td>true</td><td>true</td><td>取消选中</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<h4 class="topLine"><b>返回值</b><span>Boolean</span></h4>
|
||||
<p>返回值是 true / false</p>
|
||||
<p class="highlight_red">如果返回 false，zTree 将不会选中节点，也无法触发 onClick 事件回调函数</p>
|
||||
</div>
|
||||
<h3>setting & function 举例</h3>
|
||||
<h4>1. 禁止节点被选中</h4>
|
||||
<pre xmlns=""><code>function zTreeBeforeClick(treeId, treeNode, clickFlag) {
|
||||
return (treeNode.id !== 1);
|
||||
};
|
||||
var setting = {
|
||||
callback: {
|
||||
beforeClick: zTreeBeforeClick
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,34 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Function(treeId, treeNode)</span><span class="path">setting.callback.</span>beforeCollapse</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>用于捕获父节点折叠之前的事件回调函数，并且根据返回值确定是否允许折叠操作</p>
|
||||
<p>默认值：null</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Function 参数说明</h3>
|
||||
<div class="desc">
|
||||
<h4><b>treeId</b><span>String</span></h4>
|
||||
<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
|
||||
<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
|
||||
<p>要折叠的父节点 JSON 数据对象</p>
|
||||
<h4 class="topLine"><b>返回值</b><span>Boolean</span></h4>
|
||||
<p>返回值是 true / false</p>
|
||||
<p class="highlight_red">如果返回 false，zTree 将不会折叠节点，也无法触发 onCollapse 事件回调函数</p>
|
||||
</div>
|
||||
<h3>setting & function 举例</h3>
|
||||
<h4>1. 禁止所有已展开的父节点折叠</h4>
|
||||
<pre xmlns=""><code>function zTreeBeforeCollapse(treeId, treeNode) {
|
||||
return false;
|
||||
};
|
||||
var setting = {
|
||||
callback: {
|
||||
beforeCollapse: zTreeBeforeCollapse
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,36 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Function(treeId, treeNode)</span><span class="path">setting.callback.</span>beforeDblClick</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>用于捕获 zTree 上鼠标双击之前的事件回调函数，并且根据返回值确定触发 onDblClick 事件回调函数</p>
|
||||
<p>默认值：null</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Function 参数说明</h3>
|
||||
<div class="desc">
|
||||
<h4><b>treeId</b><span>String</span></h4>
|
||||
<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
|
||||
<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
|
||||
<p>鼠标双击时所在节点的 JSON 数据对象</p>
|
||||
<p class="highlight_red">如果不在节点上，则返回 null</p>
|
||||
<h4 class="topLine"><b>返回值</b><span>Boolean</span></h4>
|
||||
<p>返回值是 true / false</p>
|
||||
<p class="highlight_red">如果返回 false，将仅仅无法触发 onDblClick 事件回调函数，对其他操作无任何影响</p>
|
||||
<p class="highlight_red">此事件回调函数对双击节点展开功能无任何影响，如果需要设置请参考 setting.view.dblClickExpand 属性</p>
|
||||
</div>
|
||||
<h3>setting & function 举例</h3>
|
||||
<h4>1. 禁止 onDblClick 事件</h4>
|
||||
<pre xmlns=""><code>function zTreeBeforeDblClick(treeId, treeNode) {
|
||||
return false;
|
||||
};
|
||||
var setting = {
|
||||
callback: {
|
||||
beforeDblClick: zTreeBeforeDblClick
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,39 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Function(treeId, treeNodes)</span><span class="path">setting.callback.</span>beforeDrag</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>用于捕获节点被拖拽之前的事件回调函数，并且根据返回值确定是否允许开启拖拽操作</p>
|
||||
<p>默认值：null</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Function 参数说明</h3>
|
||||
<div class="desc">
|
||||
<h4><b>treeId</b><span>String</span></h4>
|
||||
<p>被拖拽的节点 treeNodes 所在 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
|
||||
<h4 class="topLine"><b>treeNodes</b><span>Array(JSON)</span></h4>
|
||||
<p>要被拖拽的节点 JSON 数据集合</p>
|
||||
<p class="highlight_red">v3.x 允许多个同级节点同时被拖拽，因此将此参数修改为 Array(JSON)</p>
|
||||
<p class="highlight_red">如果拖拽时多个被选择的节点不是同级关系，则只能拖拽鼠标当前所在位置的节点</p>
|
||||
<h4 class="topLine"><b>返回值</b><span>Boolean</span></h4>
|
||||
<p>返回值是 true / false</p>
|
||||
<p class="highlight_red">如果返回 false，zTree 将终止拖拽，也无法触发 onDrag / beforeDrop / onDrop 事件回调函数</p>
|
||||
</div>
|
||||
<h3>setting & function 举例</h3>
|
||||
<h4>1. 禁止全部拖拽操作</h4>
|
||||
<pre xmlns=""><code>function zTreeBeforeDrag(treeId, treeNodes) {
|
||||
return false;
|
||||
};
|
||||
var setting = {
|
||||
edit: {
|
||||
enable: true
|
||||
},
|
||||
callback: {
|
||||
beforeDrag: zTreeBeforeDrag
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,37 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Function(treeId, treeNode)</span><span class="path">setting.callback.</span>beforeDragOpen</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>用于捕获拖拽节点移动到折叠状态的父节点后，即将自动展开该父节点之前的事件回调函数，并且根据返回值确定是否允许自动展开操作</p>
|
||||
<p>默认值：null</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Function 参数说明</h3>
|
||||
<div class="desc">
|
||||
<h4><b>treeId</b><span>String</span></h4>
|
||||
<p>需要被展开的父节点 treeNode 所在 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
|
||||
<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
|
||||
<p>要被自动展开的父节点 JSON 数据对象</p>
|
||||
<h4 class="topLine"><b>返回值</b><span>Boolean</span></h4>
|
||||
<p>返回值是 true / false</p>
|
||||
<p class="highlight_red">如果返回 false，zTree 将无法进行自动展开操作</p>
|
||||
</div>
|
||||
<h3>setting & function 举例</h3>
|
||||
<h4>1. 禁止全部拖拽时的自动展开操作</h4>
|
||||
<pre xmlns=""><code>function zTreeBeforeDragOpen(treeId, treeNode) {
|
||||
return false;
|
||||
};
|
||||
var setting = {
|
||||
edit: {
|
||||
enable: true
|
||||
},
|
||||
callback: {
|
||||
beforeDragOpen: zTreeBeforeDragOpen
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,48 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Function(treeId, treeNodes, targetNode, moveType, isCopy)</span><span class="path">setting.callback.</span>beforeDrop</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>用于捕获节点拖拽操作结束之前的事件回调函数，并且根据返回值确定是否允许此拖拽操作</p>
|
||||
<p>默认值：null</p>
|
||||
<p class="highlight_red">如未拖拽到有效位置，则不触发此回调函数，直接将节点恢复原位置</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Function 参数说明</h3>
|
||||
<div class="desc">
|
||||
<h4><b>treeId</b><span>String</span></h4>
|
||||
<p>目标节点 targetNode 所在 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
|
||||
<h4 class="topLine"><b>treeNodes</b><span>Array(JSON)</span></h4>
|
||||
<p>被拖拽的节点 JSON 数据集合</p>
|
||||
<p class="highlight_red">无论拖拽操作为 复制 还是 移动，treeNodes 都是当前被拖拽节点的数据集合。</p>
|
||||
<h4 class="topLine"><b>targetNode</b><span>JSON</span></h4>
|
||||
<p>treeNodes 被拖拽放开的目标节点 JSON 数据对象。</p>
|
||||
<p class="highlight_red">如果拖拽成为根节点，则 targetNode = null</p>
|
||||
<h4 class="topLine"><b>moveType</b><span>String</span></h4>
|
||||
<p>指定移动到目标节点的相对位置</p>
|
||||
<p class="highlight_red">"inner"：成为子节点，"prev"：成为同级前一个节点，"next"：成为同级后一个节点</p>
|
||||
<h4 class="topLine"><b>isCopy</b><span>Boolean</span></h4>
|
||||
<p>拖拽节点操作是 复制 或 移动</p>
|
||||
<p class="highlight_red">true：复制；false：移动</p>
|
||||
<h4 class="topLine"><b>返回值</b><span>Boolean</span></h4>
|
||||
<p>返回值是 true / false</p>
|
||||
<p class="highlight_red">如果返回 false，zTree 将恢复被拖拽的节点，也无法触发 onDrop 事件回调函数</p>
|
||||
</div>
|
||||
<h3>setting & function 举例</h3>
|
||||
<h4>1. 禁止将节点拖拽成为根节点</h4>
|
||||
<pre xmlns=""><code>function zTreeBeforeDrop(treeId, treeNodes, targetNode, moveType) {
|
||||
return !(targetNode == null || (moveType != "inner" && !targetNode.parentTId));
|
||||
};
|
||||
var setting = {
|
||||
edit: {
|
||||
enable: true
|
||||
},
|
||||
callback: {
|
||||
beforeDrop: zTreeBeforeDrop
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,38 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Function(treeId, treeNode)</span><span class="path">setting.callback.</span>beforeEditName</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>用于捕获节点编辑按钮的 click 事件，并且根据返回值确定是否允许进入名称编辑状态</p>
|
||||
<p class="highlight_red">此事件回调函数最主要是用于捕获编辑按钮的点击事件，然后触发自定义的编辑界面操作。</p>
|
||||
<p>默认值：null</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Function 参数说明</h3>
|
||||
<div class="desc">
|
||||
<h4><b>treeId</b><span>String</span></h4>
|
||||
<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
|
||||
<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
|
||||
<p>将要进入编辑名称状态的节点 JSON 数据对象</p>
|
||||
<h4 class="topLine"><b>返回值</b><span>Boolean</span></h4>
|
||||
<p>返回值是 true / false</p>
|
||||
<p class="highlight_red">如果返回 false，节点将无法进入 zTree 默认的编辑名称状态</p>
|
||||
</div>
|
||||
<h3>setting & function 举例</h3>
|
||||
<h4>1. 禁止修改父节点的名称</h4>
|
||||
<pre xmlns=""><code>function zTreeBeforeEditName(treeId, treeNode) {
|
||||
return !treeNode.isParent;
|
||||
}
|
||||
var setting = {
|
||||
edit: {
|
||||
enable: true
|
||||
},
|
||||
callback: {
|
||||
beforeEditName: zTreeBeforeEditName
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,34 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Function(treeId, treeNode)</span><span class="path">setting.callback.</span>beforeExpand</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>用于捕获父节点展开之前的事件回调函数，并且根据返回值确定是否允许展开操作</p>
|
||||
<p>默认值：null</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Function 参数说明</h3>
|
||||
<div class="desc">
|
||||
<h4><b>treeId</b><span>String</span></h4>
|
||||
<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
|
||||
<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
|
||||
<p>要展开的父节点 JSON 数据对象</p>
|
||||
<h4 class="topLine"><b>返回值</b><span>Boolean</span></h4>
|
||||
<p>返回值是 true / false</p>
|
||||
<p class="highlight_red">如果返回 false，zTree 将不会展开节点，也无法触发 onExpand 事件回调函数</p>
|
||||
</div>
|
||||
<h3>setting & function 举例</h3>
|
||||
<h4>1. 禁止所有已折叠的父节点展开</h4>
|
||||
<pre xmlns=""><code>function zTreeBeforeExpand(treeId, treeNode) {
|
||||
return false;
|
||||
};
|
||||
var setting = {
|
||||
callback: {
|
||||
beforeExpand: zTreeBeforeExpand
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,35 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Function(treeId, treeNode)</span><span class="path">setting.callback.</span>beforeMouseDown</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>用于捕获 zTree 上鼠标按键按下之前的事件回调函数，并且根据返回值确定触发 onMouseDown 事件回调函数</p>
|
||||
<p>默认值：null</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Function 参数说明</h3>
|
||||
<div class="desc">
|
||||
<h4><b>treeId</b><span>String</span></h4>
|
||||
<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
|
||||
<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
|
||||
<p>鼠标按键按下时所在节点的 JSON 数据对象</p>
|
||||
<p class="highlight_red">如果不在节点上，则返回 null</p>
|
||||
<h4 class="topLine"><b>返回值</b><span>Boolean</span></h4>
|
||||
<p>返回值是 true / false</p>
|
||||
<p class="highlight_red">如果返回 false，将仅仅无法触发 onMouseDown 事件回调函数，对其他操作无任何影响</p>
|
||||
</div>
|
||||
<h3>setting & function 举例</h3>
|
||||
<h4>1. 禁止 onMouseDown 事件</h4>
|
||||
<pre xmlns=""><code>function zTreeBeforeMouseDown(treeId, treeNode) {
|
||||
return false;
|
||||
};
|
||||
var setting = {
|
||||
callback: {
|
||||
beforeMouseDown: zTreeBeforeMouseDown
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,35 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Function(treeId, treeNode)</span><span class="path">setting.callback.</span>beforeMouseUp</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>用于捕获 zTree 上鼠标按键松开之前的事件回调函数，并且根据返回值确定触发 onMouseUp 事件回调函数</p>
|
||||
<p>默认值：null</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Function 参数说明</h3>
|
||||
<div class="desc">
|
||||
<h4><b>treeId</b><span>String</span></h4>
|
||||
<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
|
||||
<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
|
||||
<p>鼠标按键松开时所在节点的 JSON 数据对象</p>
|
||||
<p class="highlight_red">如果不在节点上，则返回 null</p>
|
||||
<h4 class="topLine"><b>返回值</b><span>Boolean</span></h4>
|
||||
<p>返回值是 true / false</p>
|
||||
<p class="highlight_red">如果返回 false，将仅仅无法触发 onMouseUp 事件回调函数，对其他操作无任何影响</p>
|
||||
</div>
|
||||
<h3>setting & function 举例</h3>
|
||||
<h4>1. 禁止 onMouseUp 事件</h4>
|
||||
<pre xmlns=""><code>function zTreeBeforeMouseUp(treeId, treeNode) {
|
||||
return false;
|
||||
};
|
||||
var setting = {
|
||||
callback: {
|
||||
beforeMouseUp: zTreeBeforeMouseUp
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,37 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Function(treeId, treeNode)</span><span class="path">setting.callback.</span>beforeRemove</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>用于捕获节点被删除之前的事件回调函数，并且根据返回值确定是否允许删除操作</p>
|
||||
<p>默认值：null</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Function 参数说明</h3>
|
||||
<div class="desc">
|
||||
<h4><b>treeId</b><span>String</span></h4>
|
||||
<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
|
||||
<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
|
||||
<p>将要删除的节点 JSON 数据对象</p>
|
||||
<h4 class="topLine"><b>返回值</b><span>Boolean</span></h4>
|
||||
<p>返回值是 true / false</p>
|
||||
<p class="highlight_red">如果返回 false，zTree 将不删除节点，也无法触发 onRemove 事件回调函数</p>
|
||||
</div>
|
||||
<h3>setting & function 举例</h3>
|
||||
<h4>1. 禁止全部删除操作</h4>
|
||||
<pre xmlns=""><code>function zTreeBeforeRemove(treeId, treeNode) {
|
||||
return false;
|
||||
}
|
||||
var setting = {
|
||||
edit: {
|
||||
enable: true
|
||||
},
|
||||
callback: {
|
||||
beforeRemove: zTreeBeforeRemove
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,46 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Function(treeId, treeNode, newName, isCancel)</span><span class="path">setting.callback.</span>beforeRename</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>用于捕获节点编辑名称结束（Input 失去焦点 或 按下 Enter 键）之后，更新节点名称数据之前的事件回调函数，并且根据返回值确定是否允许更改名称的操作</p>
|
||||
<p class="highlight_red">节点进入编辑名称状态后，按 ESC 键可以放弃当前修改，恢复原名称，取消编辑名称状态</p>
|
||||
<p class="highlight_red">从 v3.5.13 开始，取消编辑状态也会触发此回调，根据 isCancel 参数判断</p>
|
||||
<p>默认值：null</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Function 参数说明</h3>
|
||||
<div class="desc">
|
||||
<h4><b>treeId</b><span>String</span></h4>
|
||||
<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
|
||||
<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
|
||||
<p>将要更改名称的节点 JSON 数据对象</p>
|
||||
<h4 class="topLine"><b>newName</b><span>String</span></h4>
|
||||
<p>修改后的新名称</p>
|
||||
<h4 class="topLine"><b>isCancel</b><span>Boolean</span></h4>
|
||||
<p>是否取消操作 (v3.5.13+)</p>
|
||||
<p class="highlight_red">isCancel = true 表示取消编辑操作（按下 ESC 或 使用 cancelEditName 方法）</p>
|
||||
<p class="highlight_red">isCancel = false 表示确认修改操作</p>
|
||||
<h4 class="topLine"><b>返回值</b><span>Boolean</span></h4>
|
||||
<p>返回值是 true / false</p>
|
||||
<p class="highlight_red">如果返回 false，zTree 将保持名称编辑状态，无法触发 onRename 事件回调函数，并且会导致屏蔽其它事件，直到修改名称使得 beforeRename 返回 true</p>
|
||||
<p class="highlight_red">如果返回 false，不会让 input 输入框获取焦点，避免由于警告信息而导致反复触发 beforeRename。 请在关闭提示警告信息后，利用 editName 方法让 input 重新获取焦点。</p>
|
||||
</div>
|
||||
<h3>setting & function 举例</h3>
|
||||
<h4>1. 禁止修改的名称的长度小于 5</h4>
|
||||
<pre xmlns=""><code>function zTreeBeforeRename(treeId, treeNode, newName, isCancel) {
|
||||
return newName.length > 5;
|
||||
}
|
||||
var setting = {
|
||||
edit: {
|
||||
enable: true
|
||||
},
|
||||
callback: {
|
||||
beforeRename: zTreeBeforeRename
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,35 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Function(treeId, treeNode)</span><span class="path">setting.callback.</span>beforeRightClick</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>用于捕获 zTree 上鼠标右键点击之前的事件回调函数，并且根据返回值确定触发 onRightClick 事件回调函数</p>
|
||||
<p>默认值：null</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Function 参数说明</h3>
|
||||
<div class="desc">
|
||||
<h4><b>treeId</b><span>String</span></h4>
|
||||
<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
|
||||
<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
|
||||
<p>鼠标右键点击时所在节点的 JSON 数据对象</p>
|
||||
<p class="highlight_red">如果不在节点上，则返回 null</p>
|
||||
<h4 class="topLine"><b>返回值</b><span>Boolean</span></h4>
|
||||
<p>返回值是 true / false</p>
|
||||
<p class="highlight_red">如果返回 false，将仅仅无法触发 onRightClick 事件回调函数，对其他操作无任何影响</p>
|
||||
</div>
|
||||
<h3>setting & function 举例</h3>
|
||||
<h4>1. 禁止 onRightClick 事件</h4>
|
||||
<pre xmlns=""><code>function zTreeBeforeRightClick(treeId, treeNode) {
|
||||
return false;
|
||||
};
|
||||
var setting = {
|
||||
callback: {
|
||||
beforeRightClick: zTreeBeforeRightClick
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,42 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span class="path">setting.callback.</span>onAsyncError</h2>
|
||||
<h2><span>Function(event, treeId, treeNode, XMLHttpRequest, textStatus, errorThrown)</span> </h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>用于捕获异步加载出现异常错误的事件回调函数</p>
|
||||
<p class="highlight_red">如果设置了 setting.callback.beforeAsync 方法，且返回 false，将无法触发 onAsyncSuccess / onAsyncError 事件回调函数。</p>
|
||||
<p>默认值：null</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Function 参数说明</h3>
|
||||
<div class="desc">
|
||||
<h4><b>event</b><span>js event 对象</span></h4>
|
||||
<p>标准的 js event 对象</p>
|
||||
<h4 class="topLine"><b>treeId</b><span>String</span></h4>
|
||||
<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
|
||||
<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
|
||||
<p>进行异步加载的父节点 JSON 数据对象</p>
|
||||
<p class="highlight_red">针对根进行异步加载时，treeNode = null</p>
|
||||
<h4 class="topLine"><b>XMLHttpRequest</b><span>String</span></h4>
|
||||
<p>标准 XMLHttpRequest 对象，请参考 JQuery API 文档。</p>
|
||||
<h4 class="topLine"><b>textStatus</b><span>String</span></h4>
|
||||
<p>请求状态：success，error，请参考 JQuery API 文档。</p>
|
||||
<h4 class="topLine"><b>errorThrown</b><span>String</span></h4>
|
||||
<p>errorThrown 只有当异常发生时才会被传递，请参考 JQuery API 文档。</p>
|
||||
</div>
|
||||
<h3>setting & function 举例</h3>
|
||||
<h4>1. 异步加载出现异常后，弹出错误信息</h4>
|
||||
<pre xmlns=""><code>function zTreeOnAsyncError(event, treeId, treeNode, XMLHttpRequest, textStatus, errorThrown) {
|
||||
alert(XMLHttpRequest);
|
||||
};
|
||||
var setting = {
|
||||
callback: {
|
||||
onAsyncError: zTreeOnAsyncError
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,38 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Function(event, treeId, treeNode, msg)</span><span class="path">setting.callback.</span>onAsyncSuccess</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>用于捕获异步加载正常结束的事件回调函数</p>
|
||||
<p class="highlight_red">如果设置了 setting.callback.beforeAsync 方法，且返回 false，将无法触发 onAsyncSuccess / onAsyncError 事件回调函数。</p>
|
||||
<p>默认值：null</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Function 参数说明</h3>
|
||||
<div class="desc">
|
||||
<h4><b>event</b><span>js event 对象</span></h4>
|
||||
<p>标准的 js event 对象</p>
|
||||
<h4 class="topLine"><b>treeId</b><span>String</span></h4>
|
||||
<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
|
||||
<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
|
||||
<p>进行异步加载的父节点 JSON 数据对象</p>
|
||||
<p class="highlight_red">针对根进行异步加载时，treeNode = null</p>
|
||||
<h4 class="topLine"><b>msg</b><span>String / Object</span></h4>
|
||||
<p>异步获取的节点数据字符串，主要便于用户调试使用。</p>
|
||||
<p class="highlight_red">实际数据类型会受 setting.async.dataType 的设置影响，请参考 JQuery API 文档。</p>
|
||||
</div>
|
||||
<h3>setting & function 举例</h3>
|
||||
<h4>1. 异步加载成功后，弹出提示信息</h4>
|
||||
<pre xmlns=""><code>function zTreeOnAsyncSuccess(event, treeId, treeNode, msg) {
|
||||
alert(msg);
|
||||
};
|
||||
var setting = {
|
||||
callback: {
|
||||
onAsyncSuccess: zTreeOnAsyncSuccess
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,34 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Function(event, treeId, treeNode)</span><span class="path">setting.callback.</span>onCheck</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.excheck</span> 扩展 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>用于捕获 checkbox / radio 被勾选 或 取消勾选的事件回调函数</p>
|
||||
<p class="highlight_red">如果设置了 setting.callback.beforeCheck 方法，且返回 false，将无法触发 onCheck 事件回调函数。</p>
|
||||
<p>默认值：null</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Function 参数说明</h3>
|
||||
<div class="desc">
|
||||
<h4><b>event</b><span>js event 对象</span></h4>
|
||||
<p>标准的 js event 对象</p>
|
||||
<h4 class="topLine"><b>treeId</b><span>String</span></h4>
|
||||
<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
|
||||
<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
|
||||
<p>被勾选 或 取消勾选的节点 JSON 数据对象</p>
|
||||
</div>
|
||||
<h3>setting & function 举例</h3>
|
||||
<h4>1. 每次点击 checkbox 或 radio 后， 弹出该节点的 tId、name 以及当前勾选状态的信息</h4>
|
||||
<pre xmlns=""><code>function zTreeOnCheck(event, treeId, treeNode) {
|
||||
alert(treeNode.tId + ", " + treeNode.name + "," + treeNode.checked);
|
||||
};
|
||||
var setting = {
|
||||
callback: {
|
||||
onCheck: zTreeOnCheck
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,49 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Function(event, treeId, treeNode, clickFlag)</span><span class="path">setting.callback.</span>onClick</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>用于捕获节点被点击的事件回调函数</p>
|
||||
<p class="highlight_red">如果设置了 setting.callback.beforeClick 方法，且返回 false，将无法触发 onClick 事件回调函数。</p>
|
||||
<p>默认值：null</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Function 参数说明</h3>
|
||||
<div class="desc">
|
||||
<h4><b>event</b><span>js event 对象</span></h4>
|
||||
<p>标准的 js event 对象</p>
|
||||
<h4 class="topLine"><b>treeId</b><span>String</span></h4>
|
||||
<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
|
||||
<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
|
||||
<p>被点击的节点 JSON 数据对象</p>
|
||||
<h4 class="topLine"><b>clickFlag</b><span>Number</span></h4>
|
||||
<p>节点被点击后的选中操作类型，详细看下表</p>
|
||||
<table width="100%" border="0" cellspacing="1" cellpadding="0">
|
||||
<thead><tr><td>clickFlag</td><td title="是否允许多点选中">selectedMulti</td><td title="是否按下 Ctrl 或 Cmd 键">autoCancelSelected<br/>&&<br/>event.ctrlKey / metaKey</td><td title="节点当前选择状态">isSelected</td><td>选中操作</td></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>1</td><td>true</td><td>false</td><td>false</td><td>普通选中</td></tr>
|
||||
<tr><td>1</td><td>true</td><td>false</td><td>true</td><td>普通选中</td></tr>
|
||||
<tr><td>2</td><td>true</td><td>true</td><td>false</td><td>追加选中</td></tr>
|
||||
<tr><td>0</td><td>true</td><td>true</td><td>true</td><td>取消选中</td></tr>
|
||||
<tr><td>1</td><td>false</td><td>false</td><td>false</td><td>普通选中</td></tr>
|
||||
<tr><td>1</td><td>false</td><td>false</td><td>true</td><td>普通选中</td></tr>
|
||||
<tr><td>1</td><td>false</td><td>true</td><td>false</td><td>普通选中</td></tr>
|
||||
<tr><td>0</td><td>false</td><td>true</td><td>true</td><td>取消选中</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<h3>setting & function 举例</h3>
|
||||
<h4>1. 每次点击节点后， 弹出该节点的 tId、name 的信息</h4>
|
||||
<pre xmlns=""><code>function zTreeOnClick(event, treeId, treeNode) {
|
||||
alert(treeNode.tId + ", " + treeNode.name);
|
||||
};
|
||||
var setting = {
|
||||
callback: {
|
||||
onClick: zTreeOnClick
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,34 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Function(event, treeId, treeNode)</span><span class="path">setting.callback.</span>onCollapse</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>用于捕获节点被折叠的事件回调函数</p>
|
||||
<p class="highlight_red">如果设置了 setting.callback.beforeCollapse 方法，且返回 false，将无法触发 onCollapse 事件回调函数。</p>
|
||||
<p>默认值：null</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Function 参数说明</h3>
|
||||
<div class="desc">
|
||||
<h4><b>event</b><span>js event 对象</span></h4>
|
||||
<p>标准的 js event 对象</p>
|
||||
<h4 class="topLine"><b>treeId</b><span>String</span></h4>
|
||||
<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
|
||||
<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
|
||||
<p>被折叠的节点 JSON 数据对象</p>
|
||||
</div>
|
||||
<h3>setting & function 举例</h3>
|
||||
<h4>1. 每次折叠节点后， 弹出该节点的 tId、name 的信息</h4>
|
||||
<pre xmlns=""><code>function zTreeOnCollapse(event, treeId, treeNode) {
|
||||
alert(treeNode.tId + ", " + treeNode.name);
|
||||
};
|
||||
var setting = {
|
||||
callback: {
|
||||
onCollapse: zTreeOnCollapse
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,35 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Function(event, treeId, treeNode)</span><span class="path">setting.callback.</span>onDblClick</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>用于捕获 zTree 上鼠标双击之后的事件回调函数</p>
|
||||
<p class="highlight_red">如果设置了 setting.callback.beforeDblClick 方法，且返回 false，将无法触发 onDblClick 事件回调函数。</p>
|
||||
<p>默认值：null</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Function 参数说明</h3>
|
||||
<div class="desc">
|
||||
<h4><b>event</b><span>js event 对象</span></h4>
|
||||
<p>标准的 js event 对象</p>
|
||||
<h4 class="topLine"><b>treeId</b><span>String</span></h4>
|
||||
<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
|
||||
<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
|
||||
<p>鼠标双击时所在节点的 JSON 数据对象</p>
|
||||
<p class="highlight_red">如果不在节点上，则返回 null</p>
|
||||
</div>
|
||||
<h3>setting & function 举例</h3>
|
||||
<h4>1. 每次鼠标双击后， 弹出鼠标所在节点的 tId、name 的信息</h4>
|
||||
<pre xmlns=""><code>function zTreeOnDblClick(event, treeId, treeNode) {
|
||||
alert(treeNode ? treeNode.tId + ", " + treeNode.name : "isRoot");
|
||||
};
|
||||
var setting = {
|
||||
callback: {
|
||||
onDblClick: zTreeOnDblClick
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
34
AUTS.Web/zTree_v3-master/api/cn/setting.callback.onDrag.html
Normal file
34
AUTS.Web/zTree_v3-master/api/cn/setting.callback.onDrag.html
Normal file
@@ -0,0 +1,34 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Function(event, treeId, treeNodes)</span><span class="path">setting.callback.</span>onDrag</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>用于捕获节点被拖拽的事件回调函数</p>
|
||||
<p class="highlight_red">如果设置了 setting.callback.beforeDrag 方法，且返回 false，将无法触发 onDragMove 和 onDrag 事件回调函数。</p>
|
||||
<p>默认值：null</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Function 参数说明</h3>
|
||||
<div class="desc">
|
||||
<h4><b>event</b><span>js event 对象</span></h4>
|
||||
<p>标准的 js event 对象</p>
|
||||
<h4 class="topLine"><b>treeId</b><span>String</span></h4>
|
||||
<p>被拖拽的节点 treeNodes 所在 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
|
||||
<h4 class="topLine"><b>treeNodes</b><span>Array(JSON)</span></h4>
|
||||
<p>要被拖拽的节点 JSON 数据集合</p>
|
||||
</div>
|
||||
<h3>setting & function 举例</h3>
|
||||
<h4>1. 每次开始进行拖拽节点后， 弹出被拖拽节点的个数信息</h4>
|
||||
<pre xmlns=""><code>function zTreeOnDrag(event, treeId, treeNodes) {
|
||||
alert(treeNodes.length);
|
||||
};
|
||||
var setting = {
|
||||
callback: {
|
||||
onDrag: zTreeOnDrag
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,34 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Function(event, treeId, treeNodes)</span><span class="path">setting.callback.</span>onDragMove</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>用于捕获节点被拖拽过程中移动的事件回调函数</p>
|
||||
<p class="highlight_red">主要用于捕获 zTree 节点拖拽到的 DOM，从而操作对应的 DOM。</p>
|
||||
<p>默认值：null</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Function 参数说明</h3>
|
||||
<div class="desc">
|
||||
<h4><b>event</b><span>js event 对象</span></h4>
|
||||
<p>标准的 js event 对象</p>
|
||||
<h4 class="topLine"><b>treeId</b><span>String</span></h4>
|
||||
<p>被拖拽的节点 treeNodes 所在 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
|
||||
<h4 class="topLine"><b>treeNodes</b><span>Array(JSON)</span></h4>
|
||||
<p>要被拖拽的节点 JSON 数据集合</p>
|
||||
</div>
|
||||
<h3>setting & function 举例</h3>
|
||||
<h4>1. 拖拽节点时，随时输出 当前拖拽到的目标 DOM</h4>
|
||||
<pre xmlns=""><code>function zTreeOnDragMove(event, treeId, treeNodes) {
|
||||
console.log(event.target);
|
||||
};
|
||||
var setting = {
|
||||
callback: {
|
||||
onDragMove: zTreeOnDragMove
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
46
AUTS.Web/zTree_v3-master/api/cn/setting.callback.onDrop.html
Normal file
46
AUTS.Web/zTree_v3-master/api/cn/setting.callback.onDrop.html
Normal file
@@ -0,0 +1,46 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Function(event, treeId, treeNodes, targetNode, moveType, isCopy)</span><span class="path">setting.callback.</span>onDrop</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>用于捕获节点拖拽操作结束的事件回调函数</p>
|
||||
<p class="highlight_red">如果设置了 setting.callback.beforeDrop 方法，且返回 false，将无法触发 onDrop 事件回调函数。</p>
|
||||
<p>默认值：null</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Function 参数说明</h3>
|
||||
<div class="desc">
|
||||
<h4><b>event</b><span>js event 对象</span></h4>
|
||||
<p>标准的 js event 对象</p>
|
||||
<h4 class="topLine"><b>treeId</b><span>String</span></h4>
|
||||
<p>目标节点 targetNode 所在 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
|
||||
<h4 class="topLine"><b>treeNodes</b><span>Array(JSON)</span></h4>
|
||||
<p>被拖拽的节点 JSON 数据集合</p>
|
||||
<p class="highlight_red">如果拖拽操作为 移动，treeNodes 是当前被拖拽节点的数据集合。</p>
|
||||
<p class="highlight_red">如果拖拽操作为 复制，treeNodes 是复制后 clone 得到的新节点数据。</p>
|
||||
<h4 class="topLine"><b>targetNode</b><span>JSON</span></h4>
|
||||
<p>成为 treeNodes 拖拽结束的目标节点 JSON 数据对象。</p>
|
||||
<p class="highlight_red">如果拖拽成为根节点，则 targetNode = null</p>
|
||||
<h4 class="topLine"><b>moveType</b><span>String</span></h4>
|
||||
<p>指定移动到目标节点的相对位置</p>
|
||||
<p class="highlight_red">"inner"：成为子节点，"prev"：成为同级前一个节点，"next"：成为同级后一个节点</p>
|
||||
<p class="highlight_red">如果 moveType = null，表明拖拽无效</p>
|
||||
<h4 class="topLine"><b>isCopy</b><span>Boolean</span></h4>
|
||||
<p>拖拽节点操作是 复制 或 移动</p>
|
||||
<p class="highlight_red">true：复制；false：移动</p>
|
||||
</div>
|
||||
<h3>setting & function 举例</h3>
|
||||
<h4>1. 每次拖拽操作结束后， 弹出该被拖拽节点的个数以及目标节点的 tId、name 的信息</h4>
|
||||
<pre xmlns=""><code>function zTreeOnDrop(event, treeId, treeNodes, targetNode, moveType) {
|
||||
alert(treeNodes.length + "," + (targetNode ? (targetNode.tId + ", " + targetNode.name) : "isRoot" ));
|
||||
};
|
||||
var setting = {
|
||||
callback: {
|
||||
onDrop: zTreeOnDrop
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,34 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Function(event, treeId, treeNode)</span><span class="path">setting.callback.</span>onExpand</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>用于捕获节点被展开的事件回调函数</p>
|
||||
<p class="highlight_red">如果设置了 setting.callback.beforeExpand 方法，且返回 false，将无法触发 onExpand 事件回调函数。</p>
|
||||
<p>默认值：null</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Function 参数说明</h3>
|
||||
<div class="desc">
|
||||
<h4><b>event</b><span>js event 对象</span></h4>
|
||||
<p>标准的 js event 对象</p>
|
||||
<h4 class="topLine"><b>treeId</b><span>String</span></h4>
|
||||
<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
|
||||
<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
|
||||
<p>被展开的节点 JSON 数据对象</p>
|
||||
</div>
|
||||
<h3>setting & function 举例</h3>
|
||||
<h4>1. 每次展开节点后， 弹出该节点的 tId、name 的信息</h4>
|
||||
<pre xmlns=""><code>function zTreeOnExpand(event, treeId, treeNode) {
|
||||
alert(treeNode.tId + ", " + treeNode.name);
|
||||
};
|
||||
var setting = {
|
||||
callback: {
|
||||
onExpand: zTreeOnExpand
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,35 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Function(event, treeId, treeNode)</span><span class="path">setting.callback.</span>onMouseDown</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>用于捕获 zTree 上鼠标按键按下后的事件回调函数</p>
|
||||
<p class="highlight_red">如果设置了 setting.callback.beforeMouseDown 方法，且返回 false，将无法触发 onMouseDown 事件回调函数。</p>
|
||||
<p>默认值：null</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Function 参数说明</h3>
|
||||
<div class="desc">
|
||||
<h4><b>event</b><span>js event 对象</span></h4>
|
||||
<p>标准的 js event 对象</p>
|
||||
<h4 class="topLine"><b>treeId</b><span>String</span></h4>
|
||||
<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
|
||||
<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
|
||||
<p>鼠标按键按下时所在节点的 JSON 数据对象</p>
|
||||
<p class="highlight_red">如果不在节点上，则返回 null</p>
|
||||
</div>
|
||||
<h3>setting & function 举例</h3>
|
||||
<h4>1. 每次鼠标按键按下后， 弹出鼠标所在节点的 tId、name 的信息</h4>
|
||||
<pre xmlns=""><code>function zTreeOnMouseDown(event, treeId, treeNode) {
|
||||
alert(treeNode ? treeNode.tId + ", " + treeNode.name : "isRoot");
|
||||
};
|
||||
var setting = {
|
||||
callback: {
|
||||
onMouseDown: zTreeOnMouseDown
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,35 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Function(event, treeId, treeNode)</span><span class="path">setting.callback.</span>onMouseUp</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>用于捕获 zTree 上鼠标按键松开后的事件回调函数</p>
|
||||
<p class="highlight_red">如果设置了 setting.callback.beforeMouseUp 方法，且返回 false，将无法触发 onMouseUp 事件回调函数。</p>
|
||||
<p>默认值：null</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Function 参数说明</h3>
|
||||
<div class="desc">
|
||||
<h4><b>event</b><span>js event 对象</span></h4>
|
||||
<p>标准的 js event 对象</p>
|
||||
<h4 class="topLine"><b>treeId</b><span>String</span></h4>
|
||||
<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
|
||||
<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
|
||||
<p>鼠标按键松开时所在节点的 JSON 数据对象</p>
|
||||
<p class="highlight_red">如果不在节点上，则返回 null</p>
|
||||
</div>
|
||||
<h3>setting & function 举例</h3>
|
||||
<h4>1. 每次鼠标按键松开后， 弹出鼠标所在节点的 tId、name 的信息</h4>
|
||||
<pre xmlns=""><code>function zTreeOnMouseUp(event, treeId, treeNode) {
|
||||
alert(treeNode ? treeNode.tId + ", " + treeNode.name : "isRoot");
|
||||
};
|
||||
var setting = {
|
||||
callback: {
|
||||
onMouseUp: zTreeOnMouseUp
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,35 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Function(event, treeId, treeNode)</span><span class="path">setting.callback.</span>onNodeCreated</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>用于捕获节点生成 DOM 后的事件回调函数</p>
|
||||
<p class="highlight_red">v3.x 采用了延迟加载技术，因此对于父节点未展开的子节点来说，初始化后是不会触发此回调函数，直到其父节点被展开</p>
|
||||
<p class="highlight_red">大数据量的节点加载请注意：不设置 onNodeCreated，可以提升一部分初始化性能</p>
|
||||
<p>默认值：null</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Function 参数说明</h3>
|
||||
<div class="desc">
|
||||
<h4><b>event</b><span>js event 对象</span></h4>
|
||||
<p>标准的 js event 对象</p>
|
||||
<h4 class="topLine"><b>treeId</b><span>String</span></h4>
|
||||
<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
|
||||
<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
|
||||
<p>生成 DOM 完毕的节点的 JSON 数据对象</p>
|
||||
</div>
|
||||
<h3>setting & function 举例</h3>
|
||||
<h4>1. 创建节点 DOM 后， 弹出该节点的 tId、name 的信息</h4>
|
||||
<pre xmlns=""><code>function zTreeOnNodeCreated(event, treeId, treeNode) {
|
||||
alert(treeNode.tId + ", " + treeNode.name);
|
||||
};
|
||||
var setting = {
|
||||
callback: {
|
||||
onNodeCreated: zTreeOnNodeCreated
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,34 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Function(event, treeId, treeNode)</span><span class="path">setting.callback.</span>onRemove</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>用于捕获删除节点之后的事件回调函数。</p>
|
||||
<p class="highlight_red">如果用户设置了 beforeRemove 回调函数，并返回 false，将无法触发 onRemove 事件回调函数。</p>
|
||||
<p>默认值：null</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Function 参数说明</h3>
|
||||
<div class="desc">
|
||||
<h4><b>event</b><span>js event 对象</span></h4>
|
||||
<p>标准的 js event 对象</p>
|
||||
<h4 class="topLine"><b>treeId</b><span>String</span></h4>
|
||||
<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
|
||||
<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
|
||||
<p>将要删除的节点 JSON 数据对象</p>
|
||||
</div>
|
||||
<h3>setting & function 举例</h3>
|
||||
<h4>1. 删除节点时，弹出被删除的节点的 tId 以及 name 信息</h4>
|
||||
<pre xmlns=""><code>function zTreeOnRemove(event, treeId, treeNode) {
|
||||
alert(treeNode.tId + ", " + treeNode.name);
|
||||
}
|
||||
var setting = {
|
||||
callback: {
|
||||
onRemove: zTreeOnRemove
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,40 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Function(event, treeId, treeNode, isCancel)</span><span class="path">setting.callback.</span>onRename</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>用于捕获节点编辑名称结束之后的事件回调函数。</p>
|
||||
<p>1、节点进入编辑名称状态，并且修改节点名称后触发此回调函数。<span class="highlight_red">如果用户设置了 beforeRename 回调函数，并返回 false，将无法触发 onRename 事件回调函数。</span></p>
|
||||
<p>2、<span class="highlight_red">如果通过直接修改 treeNode 的数据，并且利用 updateNode 方法更新，是不会触发此回调函数的。</span></p>
|
||||
<p class="highlight_red">3、从 v3.5.13 开始，取消编辑状态也会触发此回调，根据 isCancel 参数判断</p>
|
||||
<p>默认值：null</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Function 参数说明</h3>
|
||||
<div class="desc">
|
||||
<h4><b>event</b><span>js event 对象</span></h4>
|
||||
<p>标准的 js event 对象</p>
|
||||
<h4 class="topLine"><b>treeId</b><span>String</span></h4>
|
||||
<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
|
||||
<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
|
||||
<p>被修改名称的节点 JSON 数据对象</p>
|
||||
<h4 class="topLine"><b>isCancel</b><span>Boolean</span></h4>
|
||||
<p>是否取消操作 (v3.5.13+)</p>
|
||||
<p class="highlight_red">isCancel = true 表示取消编辑操作（按下 ESC 或 使用 cancelEditName 方法）</p>
|
||||
<p class="highlight_red">isCancel = false 表示确认修改操作</p>
|
||||
</div>
|
||||
<h3>setting & function 举例</h3>
|
||||
<h4>1. 修改名称后，弹出被修改名称的节点的 tId 以及 name 信息</h4>
|
||||
<pre xmlns=""><code>function zTreeOnRename(event, treeId, treeNode, isCancel) {
|
||||
alert(treeNode.tId + ", " + treeNode.name);
|
||||
}
|
||||
var setting = {
|
||||
callback: {
|
||||
onRename: zTreeOnRename
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,36 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Function(event, treeId, treeNode)</span><span class="path">setting.callback.</span>onRightClick</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>用于捕获 zTree 上鼠标右键点击之后的事件回调函数</p>
|
||||
<p class="highlight_red">1、如果设置了 setting.callback.beforeRightClick 方法，且返回 false，将无法触发 onRightClick 事件回调函数。</p>
|
||||
<p class="highlight_red">2、只要将 function 的引用赋给 onRightClick 属性，则右键点击 zTree 时，将屏蔽浏览器的右键菜单。</p>
|
||||
<p>默认值：null</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Function 参数说明</h3>
|
||||
<div class="desc">
|
||||
<h4><b>event</b><span>js event 对象</span></h4>
|
||||
<p>标准的 js event 对象</p>
|
||||
<h4 class="topLine"><b>treeId</b><span>String</span></h4>
|
||||
<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控</p>
|
||||
<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
|
||||
<p>鼠标右键点击时所在节点的 JSON 数据对象</p>
|
||||
<p class="highlight_red">如果不在节点上，则返回 null</p>
|
||||
</div>
|
||||
<h3>setting & function 举例</h3>
|
||||
<h4>1. 每次鼠标右键点击后， 弹出鼠标所在节点的 tId、name 的信息</h4>
|
||||
<pre xmlns=""><code>function zTreeOnRightClick(event, treeId, treeNode) {
|
||||
alert(treeNode ? treeNode.tId + ", " + treeNode.name : "isRoot");
|
||||
};
|
||||
var setting = {
|
||||
callback: {
|
||||
onRightClick: zTreeOnRightClick
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,28 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Boolean</span><span class="path">setting.check.</span>autoCheckTrigger</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.excheck</span> 扩展 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>设置自动关联勾选时是否触发 beforeCheck / onCheck 事件回调函数。<span class="highlight_red">[setting.check.enable = true 且 setting.check.chkStyle = "checkbox" 时生效]</span></p>
|
||||
<p class="highlight_red">1、如果设置 setting.check.chkboxType = { "Y": "", "N": "" }，将不会有任何自动关联勾选的操作。</p>
|
||||
<p class="highlight_red">2、如果开启触发，对于节点较多的树将会影响性能，因为所有被联动勾选的操作都会触发事件回调函数，请根据需要决定是否使用此功能。</p>
|
||||
<p>默认值: false</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Boolean 格式说明</h3>
|
||||
<div class="desc">
|
||||
<p> true / false 分别表示 触发 / 不触发 事件回调函数</p>
|
||||
</div>
|
||||
<h3>setting 举例</h3>
|
||||
<h4>1. 需要触发自动关联勾选操作</h4>
|
||||
<pre xmlns=""><code>var setting = {
|
||||
check: {
|
||||
enable: true,
|
||||
autoCheckTrigger: true
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,28 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Boolean</span><span class="path">setting.check.</span>chkDisabledInherit</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.excheck</span> 扩展 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>当父节点设置 chkDisabled = true 时，设置子节点是否自动继承 chkDisabled = true 。<span class="highlight_red">[setting.check.enable = true 时生效]</span></p>
|
||||
<p class="highlight_red">1、只使用于初始化节点时，便于批量操作。 对于已存在的节点请利用 setChkDisabled 方法单个节点设置。</p>
|
||||
<p>默认值: false</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Boolean 格式说明</h3>
|
||||
<div class="desc">
|
||||
<p> true 表示 新加入子节点时，自动继承父节点 chkDisabled = true 的属性。</p>
|
||||
<p> false 表示 新加入子节点时，不继承父节点 chkDisabled 的属性。</p>
|
||||
</div>
|
||||
<h3>setting 举例</h3>
|
||||
<h4>1. 需要子节点自动继承 chkDisabled = true</h4>
|
||||
<pre xmlns=""><code>var setting = {
|
||||
check: {
|
||||
enable: true,
|
||||
chkDisabledInherit: true
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
48
AUTS.Web/zTree_v3-master/api/cn/setting.check.chkStyle.html
Normal file
48
AUTS.Web/zTree_v3-master/api/cn/setting.check.chkStyle.html
Normal file
@@ -0,0 +1,48 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>String</span><span class="path">setting.check.</span>chkStyle</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.excheck</span> 扩展 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>勾选框类型(checkbox 或 radio）<span class="highlight_red">[setting.check.enable = true 时生效]</span></p>
|
||||
<p>默认值："checkbox"</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>String 格式说明</h3>
|
||||
<div class="desc">
|
||||
<p>chkStyle = "checkbox" 时，显示 checkbox 选择框，<span class="highlight_red">setting.check.chkboxType</span> 属性有效。
|
||||
<br/>chkStyle = "radio" 时，显示 radio 选择框， <span class="highlight_red">setting.check.radioType</span> 属性有效。</p>
|
||||
<p class="highlight_red">请注意大小写，不要改变</p>
|
||||
</div>
|
||||
<h3>checkbox 状态说明</h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p><button type="button" class="chk checkbox_false_full"></button>未勾选；<span class="highlight_red">如果是父节点，则无子节点被勾选</span>。鼠标移到该节点上显示为：<button type="button" class="chk checkbox_false_full_focus"></button></p>
|
||||
<p><button type="button" class="chk checkbox_false_part"></button>未勾选；（只有父节点存在此状态）<span class="highlight_red">存在被勾选的子节点</span>。鼠标移到该节点上显示为：<button type="button" class="chk checkbox_false_part_focus"></button></p>
|
||||
<p><button type="button" class="chk checkbox_true_full"></button>被勾选；<span class="highlight_red">如果是父节点，则全部子节点都被勾选</span>。鼠标移到该节点上显示为：<button type="button" class="chk checkbox_true_full_focus"></button></p>
|
||||
<p><button type="button" class="chk checkbox_true_part"></button>被勾选；（只有父节点存在此状态）<span class="highlight_red">且部分或无子节点被勾选</span>。鼠标移到该节点上显示为：<button type="button" class="chk checkbox_true_part_focus"></button></p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>radio 状态说明</h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p><button type="button" class="chk radio_false_full"></button>未勾选；<span class="highlight_red">如果是父节点，则没有子节点被勾选</span>。鼠标移到该节点上显示为：<button type="button" class="chk radio_false_full_focus"></button></p>
|
||||
<p><button type="button" class="chk radio_false_part"></button>未勾选；（只有父节点存在此状态）<span class="highlight_red">且存在被勾选的子节点</span>。鼠标移到该节点上显示为：<button type="button" class="chk radio_false_part_focus"></button></p>
|
||||
<p><button type="button" class="chk radio_true_full"></button>被勾选；<span class="highlight_red">如果是父节点，则没有子节点被勾选</span>。鼠标移到该节点上显示为：<button type="button" class="chk radio_true_full_focus"></button></p>
|
||||
<p><button type="button" class="chk radio_true_part"></button>被勾选；（只有父节点存在此状态）<span class="highlight_red">且存在被勾选的子节点</span>。鼠标移到该节点上显示为：<button type="button" class="chk radio_true_part_focus"></button></p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>setting 举例</h3>
|
||||
<h4>1. 设置选择框为 radio</h4>
|
||||
<pre xmlns=""><code>var setting = {
|
||||
check: {
|
||||
enable: true,
|
||||
chkStyle: "radio"
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,31 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>JSON</span><span class="path">setting.check.</span>chkboxType</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.excheck</span> 扩展 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>勾选 checkbox 对于父子节点的关联关系。<span class="highlight_red">[setting.check.enable = true 且 setting.check.chkStyle = "checkbox" 时生效]</span></p>
|
||||
<p>默认值：{ "Y": "ps", "N": "ps" }</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>JSON 格式说明</h3>
|
||||
<div class="desc">
|
||||
<p>Y 属性定义 checkbox 被勾选后的情况；
|
||||
<br/>N 属性定义 checkbox 取消勾选后的情况；
|
||||
<br/>"p" 表示操作会影响父级节点；
|
||||
<br/>"s" 表示操作会影响子级节点。</p>
|
||||
<p class="highlight_red">请注意大小写，不要改变</p>
|
||||
</div>
|
||||
<h3>setting 举例</h3>
|
||||
<h4>1. checkbox 勾选操作，只影响父级节点；取消勾选操作，只影响子级节点</h4>
|
||||
<pre xmlns=""><code>var setting = {
|
||||
check: {
|
||||
enable: true,
|
||||
chkStyle: "checkbox",
|
||||
chkboxType: { "Y": "p", "N": "s" }
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
25
AUTS.Web/zTree_v3-master/api/cn/setting.check.enable.html
Normal file
25
AUTS.Web/zTree_v3-master/api/cn/setting.check.enable.html
Normal file
@@ -0,0 +1,25 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Boolean</span><span class="path">setting.check.</span>enable</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.excheck</span> 扩展 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>设置 zTree 的节点上是否显示 checkbox / radio</p>
|
||||
<p>默认值: false</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Boolean 格式说明</h3>
|
||||
<div class="desc">
|
||||
<p> true / false 分别表示 显示 / 不显示 复选框或单选框</p>
|
||||
</div>
|
||||
<h3>setting 举例</h3>
|
||||
<h4>1. 需要显示 checkbox</h4>
|
||||
<pre xmlns=""><code>var setting = {
|
||||
check: {
|
||||
enable: true
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,28 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Boolean</span><span class="path">setting.check.</span>nocheckInherit</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.excheck</span> 扩展 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>当父节点设置 nocheck = true 时，设置子节点是否自动继承 nocheck = true 。<span class="highlight_red">[setting.check.enable = true 时生效]</span></p>
|
||||
<p class="highlight_red">1、只使用于初始化节点时，便于批量操作。 对于已存在的节点请利用 updateNode 方法单个节点设置。</p>
|
||||
<p>默认值: false</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Boolean 格式说明</h3>
|
||||
<div class="desc">
|
||||
<p> true 表示 新加入子节点时，自动继承父节点 nocheck = true 的属性。</p>
|
||||
<p> false 表示 新加入子节点时，不继承父节点 nocheck 的属性。</p>
|
||||
</div>
|
||||
<h3>setting 举例</h3>
|
||||
<h4>1. 需要子节点自动继承 nocheck = true</h4>
|
||||
<pre xmlns=""><code>var setting = {
|
||||
check: {
|
||||
enable: true,
|
||||
nocheckInherit: true
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
29
AUTS.Web/zTree_v3-master/api/cn/setting.check.radioType.html
Normal file
29
AUTS.Web/zTree_v3-master/api/cn/setting.check.radioType.html
Normal file
@@ -0,0 +1,29 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>String</span><span class="path">setting.check.</span>radioType</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.excheck</span> 扩展 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>radio 的分组范围。<span class="highlight_red">[setting.check.enable = true 且 setting.check.chkStyle = "radio" 时生效]</span></p>
|
||||
<p>默认值："level"</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>String 格式说明</h3>
|
||||
<div class="desc">
|
||||
<p>radioType = "level" 时，在每一级节点范围内当做一个分组。
|
||||
<br/>radioType = "all" 时，在整棵树范围内当做一个分组。</p>
|
||||
<p class="highlight_red">请注意大小写，不要改变</p>
|
||||
</div>
|
||||
<h3>setting 举例</h3>
|
||||
<h4>1. 设置 radio 的判别规则为整棵树内</h4>
|
||||
<pre xmlns=""><code>var setting = {
|
||||
check: {
|
||||
enable: true,
|
||||
chkStyle: "radio",
|
||||
radioType: "all"
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
28
AUTS.Web/zTree_v3-master/api/cn/setting.data.keep.leaf.html
Normal file
28
AUTS.Web/zTree_v3-master/api/cn/setting.data.keep.leaf.html
Normal file
@@ -0,0 +1,28 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Boolean</span><span class="path">setting.data.keep.</span>leaf</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>zTree 的节点叶子节点属性锁，是否始终保持 isParent = false</p>
|
||||
<p>默认值：false</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Boolean 格式说明</h3>
|
||||
<div class="desc">
|
||||
<p> true / false 分别表示 锁定 / 不锁定 叶子节点属性</p>
|
||||
<p class="highlight_red">如果设置为 true，则所有 isParent = false 的节点，都无法添加子节点。</p>
|
||||
</div>
|
||||
<h3>setting 举例</h3>
|
||||
<h4>1. 需要锁定叶子节点状态</h4>
|
||||
<pre xmlns=""><code>var setting = {
|
||||
data: {
|
||||
keep: {
|
||||
leaf: true
|
||||
}
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,28 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Boolean</span><span class="path">setting.data.keep.</span>parent</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>zTree 的节点父节点属性锁，是否始终保持 isParent = true</p>
|
||||
<p>默认值：false</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Boolean 格式说明</h3>
|
||||
<div class="desc">
|
||||
<p> true / false 分别表示 锁定 / 不锁定 父节点属性</p>
|
||||
<p class="highlight_red">如果设置为 true，则所有 isParent = true 的节点，即使该节点的子节点被全部删除或移走，依旧保持父节点状态。</p>
|
||||
</div>
|
||||
<h3>setting 举例</h3>
|
||||
<h4>1. 需要锁定父节点状态</h4>
|
||||
<pre xmlns=""><code>var setting = {
|
||||
data: {
|
||||
keep: {
|
||||
parent: true
|
||||
}
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,24 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>String</span><span class="path">setting.data.key.</span>checked</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.excheck</span> 扩展 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>zTree 节点数据中保存 check 状态的属性名称。</p>
|
||||
<p>默认值："checked"</p>
|
||||
<p class="highlight_red">请勿与 zTree 节点数据的其他参数冲突，例如：checkedOld</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>setting 举例</h3>
|
||||
<h4>1. 设置 zTree 显示节点时，将 treeNode 的 isChecked 属性当做节点名称</h4>
|
||||
<pre xmlns=""><code>var setting = {
|
||||
data: {
|
||||
key: {
|
||||
checked: "isChecked"
|
||||
}
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,23 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>String</span><span class="path">setting.data.key.</span>children</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>zTree 节点数据中保存子节点数据的属性名称。</p>
|
||||
<p>默认值："children"</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>setting 举例</h3>
|
||||
<h4>1. 设置 zTree 显示节点时，将 treeNode 的 nodes 属性当做节点名称</h4>
|
||||
<pre xmlns=""><code>var setting = {
|
||||
data: {
|
||||
key: {
|
||||
children: "nodes"
|
||||
}
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,24 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>String</span><span class="path">setting.data.key.</span>isHidden</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exhide</span> js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>zTree 节点数据保存节点是否隐藏的属性名称。</p>
|
||||
<p>默认值："isHidden"</p>
|
||||
<p class="highlight_red">v3.5.32+</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>setting 举例</h3>
|
||||
<h4>1. 设置 zTree 显示节点时，将 treeNode 的 hidden 属性当做节点是否隐藏的属性名称</h4>
|
||||
<pre xmlns=""><code>var setting = {
|
||||
data: {
|
||||
key: {
|
||||
isHidden: "hidden"
|
||||
}
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,24 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>String</span><span class="path">setting.data.key.</span>isParent</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>zTree 节点数据保存节点是否为父节点的属性名称。</p>
|
||||
<p>默认值："isParent"</p>
|
||||
<p class="highlight_red">v3.5.32+</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>setting 举例</h3>
|
||||
<h4>1. 设置 zTree 显示节点时，将 treeNode 的 parent 属性当做节点是否为父节点的属性名称</h4>
|
||||
<pre xmlns=""><code>var setting = {
|
||||
data: {
|
||||
key: {
|
||||
isParent: "parent"
|
||||
}
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
23
AUTS.Web/zTree_v3-master/api/cn/setting.data.key.name.html
Normal file
23
AUTS.Web/zTree_v3-master/api/cn/setting.data.key.name.html
Normal file
@@ -0,0 +1,23 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>String</span><span class="path">setting.data.key.</span>name</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>zTree 节点数据保存节点名称的属性名称。</p>
|
||||
<p>默认值："name"</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>setting 举例</h3>
|
||||
<h4>1. 设置 zTree 显示节点时，将 treeNode 的 ename 属性当做节点名称</h4>
|
||||
<pre xmlns=""><code>var setting = {
|
||||
data: {
|
||||
key: {
|
||||
name: "ename"
|
||||
}
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
24
AUTS.Web/zTree_v3-master/api/cn/setting.data.key.title.html
Normal file
24
AUTS.Web/zTree_v3-master/api/cn/setting.data.key.title.html
Normal file
@@ -0,0 +1,24 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>String</span><span class="path">setting.data.key.</span>title</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>zTree 节点数据保存节点提示信息的属性名称。<span class="highlight_red">[setting.view.showTitle = true 时生效]</span></p>
|
||||
<p class="highlight_red">如果设置为 "" ，则自动与 setting.data.key.name 保持一致，避免用户反复设置</p>
|
||||
<p>默认值：""</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>setting 举例</h3>
|
||||
<h4>1. 设置 zTree 显示节点时，将 treeNode 的 fullName 属性当做节点名称</h4>
|
||||
<pre xmlns=""><code>var setting = {
|
||||
data: {
|
||||
key: {
|
||||
title: "fullName"
|
||||
}
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
24
AUTS.Web/zTree_v3-master/api/cn/setting.data.key.url.html
Normal file
24
AUTS.Web/zTree_v3-master/api/cn/setting.data.key.url.html
Normal file
@@ -0,0 +1,24 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>String</span><span class="path">setting.data.key.</span>url</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>zTree 节点数据保存节点链接的目标 URL 的属性名称。</p>
|
||||
<p class="highlight_red">特殊用途：当后台数据只能生成 url 属性，又不想实现点击节点跳转的功能时，可以直接修改此属性为其他不存在的属性名称</p>
|
||||
<p>默认值："url"</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>setting 举例</h3>
|
||||
<h4>1. 设置 zTree 显示节点时，将 treeNode 的 xUrl 属性当做节点链接的目标 URL</h4>
|
||||
<pre xmlns=""><code>var setting = {
|
||||
data: {
|
||||
key: {
|
||||
url: "xUrl"
|
||||
}
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,42 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2>
|
||||
<span>Function(name, treeNode)</span
|
||||
><span class="path">setting.data.render.</span>name
|
||||
</h2>
|
||||
<h3>
|
||||
概述<span class="h3_info"
|
||||
>[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js
|
||||
]</span
|
||||
>
|
||||
</h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>用于使用自定义的方法动态渲染节点名称</p>
|
||||
<p>默认值：null</p>
|
||||
<p class="highlight_red">v3.5.45+</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Function 参数说明</h3>
|
||||
<div class="desc">
|
||||
<h4><b>name</b><span>String</span></h4>
|
||||
<p>对应 zTree 利用 setting.key.name 获取到的节点名称</p>
|
||||
<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
|
||||
<p>待渲染节点的 JSON 数据对象</p>
|
||||
<p class="highlight_red">针对根进行渲染时，treeNode = null</p>
|
||||
<h4 class="topLine"><b>返回值</b><span>Boolean</span></h4>
|
||||
<p>返回值是 渲染后的节点名称</p>
|
||||
</div>
|
||||
<h3>setting & function 举例</h3>
|
||||
<pre xmlns=""><code>
|
||||
var setting = {
|
||||
data: {
|
||||
render: function(name,treeNode){
|
||||
return name + treeNode.id;
|
||||
}
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,42 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2>
|
||||
<span>Function(title, treeNode)</span
|
||||
><span class="path">setting.data.render.</span>title
|
||||
</h2>
|
||||
<h3>
|
||||
概述<span class="h3_info"
|
||||
>[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js
|
||||
]</span
|
||||
>
|
||||
</h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>用于使用自定义的方法动态渲染节点标题</p>
|
||||
<p>默认值：null</p>
|
||||
<p class="highlight_red">v3.5.45+</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Function 参数说明</h3>
|
||||
<div class="desc">
|
||||
<h4><b>title</b><span>String</span></h4>
|
||||
<p>对应 zTree 利用 setting.key.title 获取到的节点标题</p>
|
||||
<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
|
||||
<p>待渲染节点的 JSON 数据对象</p>
|
||||
<p class="highlight_red">针对根进行渲染时，treeNode = null</p>
|
||||
<h4 class="topLine"><b>返回值</b><span>Boolean</span></h4>
|
||||
<p>返回值是 渲染后的节点标题</p>
|
||||
</div>
|
||||
<h3>setting & function 举例</h3>
|
||||
<pre xmlns=""><code>
|
||||
var setting = {
|
||||
data: {
|
||||
render: function(title,treeNode){
|
||||
return title + treeNode.id;
|
||||
}
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,38 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Boolean</span><span class="path">setting.data.simpleData.</span>enable</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>确定 zTree 初始化时的节点数据、异步加载时的节点数据、或 <span class="highlight_red">addNodes</span> 方法中输入的 newNodes 数据是否采用简单数据模式 (Array)</p>
|
||||
<p>不需要用户再把数据库中取出的 List 强行转换为复杂的 JSON 嵌套格式</p>
|
||||
<p>默认值：false</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Boolean 格式说明</h3>
|
||||
<div class="desc">
|
||||
<p> true / false 分别表示 使用 / 不使用 简单数据模式</p>
|
||||
<p class="highlight_red">如果设置为 true，请务必设置 setting.data.simpleData 内的其他参数: idKey / pIdKey / rootPId，并且让数据满足父子关系。</p>
|
||||
</div>
|
||||
<h3>setting 举例</h3>
|
||||
<h4>1. 使用简单 Array 格式的数据</h4>
|
||||
<pre xmlns=""><code>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"}
|
||||
];
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,32 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>String</span><span class="path">setting.data.simpleData.</span>idKey</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>节点数据中保存唯一标识的属性名称。<span class="highlight_red">[setting.data.simpleData.enable = true 时生效]</span></p>
|
||||
<p>默认值："id"</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>setting 举例</h3>
|
||||
<h4>1. 使用简单 Array 格式的数据</h4>
|
||||
<pre xmlns=""><code>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"}
|
||||
];
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,32 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>String</span><span class="path">setting.data.simpleData.</span>pIdKey</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>节点数据中保存其父节点唯一标识的属性名称。<span class="highlight_red">[setting.data.simpleData.enable = true 时生效]</span></p>
|
||||
<p>默认值："pId"</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>setting 举例</h3>
|
||||
<h4>1. 使用简单 Array 格式的数据</h4>
|
||||
<pre xmlns=""><code>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"}
|
||||
];
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,32 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>String / Number</span><span class="path">setting.data.simpleData.</span>rootPId</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>用于修正根节点父节点数据，即 pIdKey 指定的属性值。<span class="highlight_red">[setting.data.simpleData.enable = true 时生效]</span></p>
|
||||
<p>默认值：null</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>setting 举例</h3>
|
||||
<h4>1. 使用简单 Array 格式的数据</h4>
|
||||
<pre xmlns=""><code>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"}
|
||||
];
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,28 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Boolean</span><span class="path">setting.edit.drag.</span>autoExpandTrigger</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>拖拽时父节点自动展开是否触发 onExpand 事件回调函数。<span class="highlight_red">[setting.edit.enable = true 时生效]</span></p>
|
||||
<p>默认值：false</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Boolean 格式说明</h3>
|
||||
<div class="desc">
|
||||
<p> true / false 分别表示 触发 / 不触发 onExpand 事件回调函数。</p>
|
||||
</div>
|
||||
<h3>setting 举例</h3>
|
||||
<h4>1. 设置拖拽时父节点自动展开触发 onExpand 事件回调函数</h4>
|
||||
<pre xmlns=""><code>var setting = {
|
||||
edit: {
|
||||
enable: true,
|
||||
drag: {
|
||||
autoExpandTrigger: true
|
||||
}
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,25 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Number</span><span class="path">setting.edit.drag.</span>autoOpenTime</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>拖拽时父节点自动展开的延时间隔。 (单位：ms)<span class="highlight_red">[setting.edit.enable = true 时生效]</span></p>
|
||||
<p>默认值：500</p>
|
||||
<p class="highlight_red">请根据自己的需求适当调整此值</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>setting 举例</h3>
|
||||
<h4>1. 设置拖拽到父节点上立刻自动展开</h4>
|
||||
<pre xmlns=""><code>var setting = {
|
||||
edit: {
|
||||
enable: true,
|
||||
drag: {
|
||||
autoOpenTime: 0
|
||||
}
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,25 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Number</span><span class="path">setting.edit.drag.</span>borderMax</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>拖拽节点成为根节点时的 Tree 内边界范围 (单位：px)。<span class="highlight_red">[setting.edit.enable = true 时生效]</span></p>
|
||||
<p>默认值：10</p>
|
||||
<p class="highlight_red">请根据自己的需求适当调整此值</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>setting 举例</h3>
|
||||
<h4>1. 更改拖拽操作节点成为根节点时的 Tree 内边界范围为20px</h4>
|
||||
<pre xmlns=""><code>var setting = {
|
||||
edit: {
|
||||
enable: true,
|
||||
drag: {
|
||||
borderMax: 20
|
||||
}
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,25 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Number</span><span class="path">setting.edit.drag.</span>borderMin</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>拖拽节点成为根节点时的 Tree 外边界范围 (单位：px)。<span class="highlight_red">[setting.edit.enable = true 时生效]</span></p>
|
||||
<p>默认值：-5</p>
|
||||
<p class="highlight_red">请根据自己的需求适当调整此值</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>setting 举例</h3>
|
||||
<h4>1. 更改拖拽操作节点成为根节点时的 Tree 外边界范围为10px</h4>
|
||||
<pre xmlns=""><code>var setting = {
|
||||
edit: {
|
||||
enable: true,
|
||||
drag: {
|
||||
borderMin: -10
|
||||
}
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
59
AUTS.Web/zTree_v3-master/api/cn/setting.edit.drag.inner.html
Normal file
59
AUTS.Web/zTree_v3-master/api/cn/setting.edit.drag.inner.html
Normal file
@@ -0,0 +1,59 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Boolean / Function(treeId, treeNodes, targetNode)</span><span class="path">setting.edit.drag.</span>inner</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>拖拽到目标节点时，设置是否允许成为目标节点的子节点。<span class="highlight_red">[setting.edit.enable = true 时生效]</span></p>
|
||||
<p class="highlight_red">拖拽目标是 根 的时候，不触发 prev 和 next，只会触发 inner</p>
|
||||
<p class="highlight_red">此功能主要作用是对拖拽进行适当限制（辅助箭头），需要结合 prev、next 一起使用，才能实现完整功能。</p>
|
||||
<p>默认值：true</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Boolean 格式说明</h3>
|
||||
<div class="desc">
|
||||
<p> true / false 分别表示 允许 / 不允许 成为目标节点的子节点</p>
|
||||
</div>
|
||||
<h3>Function 参数说明</h3>
|
||||
<div class="desc">
|
||||
<h4><b>treeId</b><span>String</span></h4>
|
||||
<p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控（多棵树拖拽时，是目标节点所在树的 treeId）</p>
|
||||
<h4 class="topLine"><b>treeNodes</b><span>Array(JSON)</span></h4>
|
||||
<p>被拖拽的节点 JSON 数据集合</p>
|
||||
<h4 class="topLine"><b>targetNode</b><span>JSON</span></h4>
|
||||
<p>拖拽时的目标节点 JSON 数据对象</p>
|
||||
<p class="highlight_red">如果拖拽的节点要成为根节点，则 targetNode = null</p>
|
||||
<h4 class="topLine"><b>返回值</b><span>Boolean</span></h4>
|
||||
<p>返回值同 Boolean 格式的数据</p>
|
||||
</div>
|
||||
<h3>setting & function 举例</h3>
|
||||
<h4>1. 禁止拖拽成为目标节点的子节点</h4>
|
||||
<pre xmlns=""><code>var setting = {
|
||||
edit: {
|
||||
enable: true,
|
||||
drag: {
|
||||
prev: true,
|
||||
next: true,
|
||||
inner: false
|
||||
}
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
<h4>2. 禁止拖拽成为根节点的子节点</h4>
|
||||
<pre xmlns=""><code>function canInner(treeId, nodes, targetNode) {
|
||||
return !(targetNode && targetNode.level === 0);
|
||||
}
|
||||
var setting = {
|
||||
edit: {
|
||||
enable: true,
|
||||
drag: {
|
||||
prev: true,
|
||||
next: true,
|
||||
inner: canInner
|
||||
}
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,32 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Boolean</span><span class="path">setting.edit.drag.</span>isCopy</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>拖拽时, 设置是否允许复制节点。<span class="highlight_red">[setting.edit.enable = true 时生效]</span></p>
|
||||
<p>默认值：true</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>规则说明</h3>
|
||||
<div class="desc">
|
||||
<p>1、isCopy = true; isMove = true 时，拖拽节点按下 Ctrl 或 Cmd 键表示 copy; 否则为 move</p>
|
||||
<p>2、isCopy = true; isMove = false 时，所有拖拽操作都是 copy</p>
|
||||
<p>3、isCopy = false; isMove = true 时，所有拖拽操作都是 move</p>
|
||||
<p>4、isCopy = false; isMove = false 时，禁止拖拽操作</p>
|
||||
</div>
|
||||
<h3>setting 举例</h3>
|
||||
<h4>1. 设置所有拖拽操作都是 copy</h4>
|
||||
<pre xmlns=""><code>var setting = {
|
||||
edit: {
|
||||
enable: true,
|
||||
drag: {
|
||||
isCopy: true,
|
||||
isMove: false
|
||||
}
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,32 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Boolean</span><span class="path">setting.edit.drag.</span>isMove</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>拖拽时, 设置是否允许移动节点。<span class="highlight_red">[setting.edit.enable = true 时生效]</span></p>
|
||||
<p>默认值：true</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>规则说明</h3>
|
||||
<div class="desc">
|
||||
<p>1、isCopy = true; isMove = true 时，拖拽节点按下 Ctrl 或 Cmd 键表示 copy; 否则为 move</p>
|
||||
<p>2、isCopy = true; isMove = false 时，所有拖拽操作都是 copy</p>
|
||||
<p>3、isCopy = false; isMove = true 时，所有拖拽操作都是 move</p>
|
||||
<p>4、isCopy = false; isMove = false 时，禁止拖拽操作</p>
|
||||
</div>
|
||||
<h3>setting 举例</h3>
|
||||
<h4>1. 设置所有拖拽操作都是 move</h4>
|
||||
<pre xmlns=""><code>var setting = {
|
||||
edit: {
|
||||
enable: true,
|
||||
drag: {
|
||||
isCopy: false,
|
||||
isMove: true
|
||||
}
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,25 @@
|
||||
<div class="apiDetail">
|
||||
<div>
|
||||
<h2><span>Number</span><span class="path">setting.edit.drag.</span>maxShowNodeNum</h2>
|
||||
<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
|
||||
<div class="desc">
|
||||
<p></p>
|
||||
<div class="longdesc">
|
||||
<p>拖拽多个兄弟节点时，浮动图层中显示的最大节点数。 多余的节点用...代替。<span class="highlight_red">[setting.edit.enable = true 时生效]</span></p>
|
||||
<p>默认值：5</p>
|
||||
<p class="highlight_red">请根据自己的需求适当调整此值</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>setting 举例</h3>
|
||||
<h4>1. 设置拖拽时最多可显示10个节点</h4>
|
||||
<pre xmlns=""><code>var setting = {
|
||||
edit: {
|
||||
enable: true,
|
||||
drag: {
|
||||
maxShowNodeNum: 10
|
||||
}
|
||||
}
|
||||
};
|
||||
......</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user