first commit

This commit is contained in:
jefferyzhao
2025-07-31 17:44:12 +08:00
commit b9bdc8598b
42390 changed files with 4467935 additions and 0 deletions

13
node_modules/@ztree/ztree_v3/api/cn/fn.zTree._z.html generated vendored Normal file
View 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>

View 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>

View 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
node_modules/@ztree/ztree_v3/api/cn/fn.zTree.init.html generated vendored Normal file
View 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 申明,例如:&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"&nbsp;&nbsp; &nbsp;"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;</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>&lt;!DOCTYPE html&gt;
&lt;HTML&gt;
&lt;HEAD&gt;
&lt;TITLE&gt; ZTREE DEMO &lt;/TITLE&gt;
&lt;meta http-equiv="content-type" content="text/html; charset=UTF-8"&gt;
&lt;link rel="stylesheet" href="zTreeStyle/zTreeStyle.css" type="text/css"&gt;
&lt;script type="text/javascript" src="jquery-1.4.2.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="jquery.ztree.core.js"&gt;&lt;/script&gt;
&lt;!--
&lt;script type="text/javascript" src="jquery.ztree.excheck.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="jquery.ztree.exedit.js"&gt;&lt;/script&gt;
--&gt;
&lt;SCRIPT type="text/javascript" &gt;
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);
});
&lt;/SCRIPT&gt;
&lt;/HEAD&gt;
&lt;BODY&gt;
&lt;ul id="tree" class="ztree" style="width:230px; overflow:auto;"&gt;&lt;/ul&gt;
&lt;/BODY&gt;
&lt;/HTML&gt;</code></pre>
</div>
</div>

View 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>

View File

@ -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>

View File

@ -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>

View 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>

View 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>

View 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>

View File

@ -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>

View 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>

View 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>

View 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>

View File

@ -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">如果返回 falsezTree 将不进行异步加载,也无法触发 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>

View File

@ -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>

View File

@ -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">如果返回 falsezTree 将不会选中节点,也无法触发 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>

View File

@ -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">如果返回 falsezTree 将不会折叠节点,也无法触发 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>

View File

@ -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>

View File

@ -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">如果返回 falsezTree 将终止拖拽,也无法触发 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>

View File

@ -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">如果返回 falsezTree 将无法进行自动展开操作</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>

View File

@ -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">如果返回 falsezTree 将恢复被拖拽的节点,也无法触发 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>

View File

@ -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>

View File

@ -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">如果返回 falsezTree 将不会展开节点,也无法触发 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>

View File

@ -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>

View File

@ -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>

View File

@ -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">如果返回 falsezTree 将不删除节点,也无法触发 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>

View File

@ -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">如果返回 falsezTree 将保持名称编辑状态,无法触发 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>

View File

@ -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>

View File

@ -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>&nbsp;</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>请求状态successerror请参考 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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View 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>

View File

@ -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>

View 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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View 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>

View File

@ -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>

View 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>

View File

@ -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>

View 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>

View 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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View 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>

View 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>

View 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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View 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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -0,0 +1,25 @@
<div class="apiDetail">
<div>
<h2><span>Number</span><span class="path">setting.edit.drag.</span>minMoveSize</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>判定是否拖拽操作的最小位移值 (单位px)。<span class="highlight_red">[setting.edit.enable = true 时生效]</span></p>
<p class="highlight_red">根据自己的需求可适当调整此值,如果太小容易导致点击鼠标时误操作进行拖拽</p>
<p>默认值5</p>
</div>
</div>
<h3>setting 举例</h3>
<h4>1. 更改拖拽操作启动位移值为10px</h4>
<pre xmlns=""><code>var setting = {
edit: {
enable: true,
drag: {
minMoveSize: 10
}
}
};
......</code></pre>
</div>
</div>

View File

@ -0,0 +1,58 @@
<div class="apiDetail">
<div>
<h2><span>Boolean / Function(treeId, treeNodes, targetNode)</span><span class="path">setting.edit.drag.</span>next</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、inner 一起使用,才能实现完整功能。</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>
<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: false,
inner: true
}
}
};
......</code></pre>
<h4>2. 禁止拖拽到父节点后面的操作</h4>
<pre xmlns=""><code>function canNext(treeId, nodes, targetNode) {
return !targetNode.isParent;
}
var setting = {
edit: {
enable: true,
drag: {
prev: true,
next: canNext,
inner: true
}
}
};
......</code></pre>
</div>
</div>

View File

@ -0,0 +1,58 @@
<div class="apiDetail">
<div>
<h2><span>Boolean / Function(treeId, treeNodes, targetNode)</span><span class="path">setting.edit.drag.</span>prev</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">此功能主要作用是对拖拽进行适当限制(辅助箭头),需要结合 next、inner 一起使用,才能实现完整功能。</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>
<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: false,
next: true,
inner: true
}
}
};
......</code></pre>
<h4>2. 禁止拖拽到父节点前面的操作</h4>
<pre xmlns=""><code>function canPrev(treeId, nodes, targetNode) {
return !targetNode.isParent;
}
var setting = {
edit: {
enable: true,
drag: {
prev: canPrev,
next: true,
inner: true
}
}
};
......</code></pre>
</div>
</div>

View File

@ -0,0 +1,27 @@
<div class="apiDetail">
<div>
<h2><span>Boolean</span><span class="path">setting.edit.</span>editNameSelectAll</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 初次显示时,设置 txt 内容是否为全选状态。 <span class="highlight_red">[setting.edit.enable = true 时生效]</span></p>
<p>默认值: false</p>
</div>
</div>
<h3>Boolean 格式说明</h3>
<div class="desc">
<p> true 表示 全选状态</p>
<p> false 表示 不是全选状态,光标默认在最后</p>
</div>
<h3>setting 举例</h3>
<h4>1. 设置节点编辑名称 input 初次显示时txt内容为全选状态</h4>
<pre xmlns=""><code>var setting = {
edit: {
enable: true,
editNameSelectAll: true
}
};
......</code></pre>
</div>
</div>

View File

@ -0,0 +1,38 @@
<div class="apiDetail">
<div>
<h2><span>Boolean</span><span class="path">setting.edit.</span>enable</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>设置 zTree 是否处于编辑状态</p>
<p class="highlight_red">请在初始化之前设置,初始化后需要改变编辑状态请使用 zTreeObj.setEditable() 方法</p>
<p>默认值: false</p>
</div>
</div>
<h3>Boolean 格式说明</h3>
<div class="desc">
<p> true / false 分别表示 可以 / 不可以 编辑</p>
</div>
<h3>编辑状态规则说明</h3>
<div class="desc">
<p>1、点击节点时不会打开 <span class="highlight_red">node.url</span> 指定的 URL。
<br/>2、全面支持 编辑 与 异步加载 状态共存。
<br/>3、可以对节点进行拖拽且支持多棵树之间进行拖拽。
<br/>4、支持拖拽时 复制/移动 节点。(参考: <span class="highlight_red">setting.edit.drag.isCopy / setting.edit.drag.isMove</span>
<br/>5、可以通过编辑按钮修改 name 属性。
<br/>6、可以通过删除按钮删除节点。
<br/>
</p>
<p class="highlight_red">请注意大小写,不要改变</p>
</div>
<h3>setting 举例</h3>
<h4>1. 设置 zTree 进入编辑状态</h4>
<pre xmlns=""><code>var setting = {
edit: {
enable: true
}
};
......</code></pre>
</div>
</div>

View File

@ -0,0 +1,48 @@
<div class="apiDetail">
<div>
<h2><span>String / Function(treeId, treeNode)</span><span class="path">setting.edit.</span>removeTitle</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>删除按钮的 Title 辅助信息。<span class="highlight_red">[setting.edit.enable = true & setting.edit.showRemoveBtn = true 时生效]</span></p>
<p>默认值:"remove"</p>
</div>
</div>
<h3>String 格式说明</h3>
<div class="desc">
<p>鼠标移动到 删除按钮 上时,浏览器自动弹出的辅助信息内容,可根据用户需要自行修改</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>需要设置删除按钮 Title 信息的节点 JSON 数据对象</p>
<h4 class="topLine"><b>返回值</b><span>String</span></h4>
<p>返回值同 String 格式的数据</p>
</div>
<h3>setting & function 举例</h3>
<h4>1. 设置删除按钮的 Title 辅助信息为: "删除节点"</h4>
<pre xmlns=""><code>var setting = {
edit: {
enable: true,
showRemoveBtn: true,
removeTitle: "删除节点"
}
};
......</code></pre>
<h4>2. 设置父节点删除按钮的 Title 辅助信息为: "删除父节点"</h4>
<pre xmlns=""><code>function setRemoveTitle(treeId, treeNode) {
return treeNode.isParent ? "删除父节点":"删除叶子节点";
}
var setting = {
edit: {
enable: true,
showRemoveBtn: true,
removeTitle: setRemoveTitle
}
};
......</code></pre>
</div>
</div>

View File

@ -0,0 +1,48 @@
<div class="apiDetail">
<div>
<h2><span>String / Function(treeId, treeNode)</span><span class="path">setting.edit.</span>renameTitle</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>编辑名称按钮的 Title 辅助信息。<span class="highlight_red">[setting.edit.enable = true & setting.edit.showRenameBtn = true 时生效]</span></p>
<p>默认值:"rename"</p>
</div>
</div>
<h3>String 格式说明</h3>
<div class="desc">
<p>设置鼠标移动到 编辑名称按钮 上时,浏览器自动弹出的辅助信息内容,可根据用户需要自行修改</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>需要设置编辑名称按钮 Title 信息的节点 JSON 数据对象</p>
<h4 class="topLine"><b>返回值</b><span>String</span></h4>
<p>返回值同 String 格式的数据</p>
</div>
<h3>setting & function 举例</h3>
<h4>1. 设置编辑名称按钮的 Title 辅助信息为: "编辑节点名称"</h4>
<pre xmlns=""><code>var setting = {
edit: {
enable: true,
showRenameBtn: true,
renameTitle: "编辑节点名称"
}
};
......</code></pre>
<h4>2. 设置父节点编辑名称按钮的 Title 辅助信息为: "编辑父节点名称"</h4>
<pre xmlns=""><code>function setRenameTitle(treeId, treeNode) {
return treeNode.isParent ? "编辑父节点名称":"编辑叶子节点名称";
}
var setting = {
edit: {
enable: true,
showRenameBtn: true,
renameTitle: setRenameTitle
}
};
......</code></pre>
</div>
</div>

View File

@ -0,0 +1,49 @@
<div class="apiDetail">
<div>
<h2><span>Boolean / Function(treeId, treeNode)</span><span class="path">setting.edit.</span>showRemoveBtn</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>当点击某节点的删除按钮时:</p>
<p>1、首先触发 <span class="highlight_red">setting.callback.beforeRemove</span> 回调函数,用户可判定是否进行删除操作。</p>
<p>2、如果未设置 beforeRemove 或 beforeRemove 返回 true则删除节点并触发 <span class="highlight_red">setting.callback.onRemove</span> 回调函数。</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>,便于用户操控</p>
<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
<p>需要设置是否显示删除按钮的节点 JSON 数据对象</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,
showRemoveBtn: false
}
};
......</code></pre>
<h4>2. 设置所有的父节点不显示删除按钮</h4>
<pre xmlns=""><code>function setRemoveBtn(treeId, treeNode) {
return !treeNode.isParent;
}
var setting = {
edit: {
enable: true,
showRemoveBtn: setRemoveBtn
}
};
......</code></pre>
</div>
</div>

View File

@ -0,0 +1,51 @@
<div class="apiDetail">
<div>
<h2><span>Boolean / Function(treeId, treeNode)</span><span class="path">setting.edit.</span>showRenameBtn</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>当点击某节点的编辑名称按钮时:</p>
<p>1、进入节点编辑名称状态。</p>
<p>2、编辑名称完毕Input 失去焦点 或 按下 Enter 键),会触发 <span class="highlight_red">setting.callback.beforeRename</span> 回调函数,用户可根据自己的规则判定是否允许修改名称。</p>
<p>3、如果 beforeRename 返回 false则继续保持编辑名称状态直到名称符合规则位置 (按下 ESC 键可取消编辑名称状态,恢复原名称)。</p>
<p>4、如果未设置 beforeRename 或 beforeRename 返回 true则结束节点编辑名称状态更新节点名称并触发 <span class="highlight_red">setting.callback.onRename</span> 回调函数。</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>,便于用户操控</p>
<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
<p>需要设置是否显示编辑名称按钮的节点 JSON 数据对象</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,
showRenameBtn: false
}
};
......</code></pre>
<h4>2. 设置所有的父节点不显示编辑名称按钮</h4>
<pre xmlns=""><code>function setRenameBtn(treeId, treeNode) {
return !treeNode.isParent;
}
var setting = {
edit: {
enable: true,
showRenameBtn: setRenameBtn
}
};
......</code></pre>
</div>
</div>

View File

@ -0,0 +1,14 @@
<div class="apiDetail">
<div>
<h2><span>String</span><span class="path">setting.</span>treeId</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 容器的 id 属性值。</p>
<p class="highlight_red">请勿进行初始化 或 修改,属于内部参数。</p>
</div>
</div>
</div>
</div>

View File

@ -0,0 +1,14 @@
<div class="apiDetail">
<div>
<h2><span>Object</span><span class="path">setting.</span>treeObj</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 容器的 jQuery 对象,主要功能:便于操作。</p>
<p class="highlight_red">请勿进行初始化 或 修改,属于内部参数。</p>
</div>
</div>
</div>
</div>

View File

@ -0,0 +1,40 @@
<div class="apiDetail">
<div>
<h2><span>Function(treeId, treeNode)</span><span class="path">setting.view.</span>addDiyDom</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">1. 大数据量的节点加载请注意:在 addDiyDom 中针对每个节点 查找 DOM 对象并且添加新 DOM 控件,肯定会影响初始化性能;如果不是必须使用,建议不使用此功能</p>
<p class="highlight_red">2. 属于高级应用,使用时请确保对 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>
</div>
<h3>setting & function 举例</h3>
<h4>1. 设置节点后面显示一个按钮</h4>
<pre xmlns=""><code>var setting = {
view: {
addDiyDom: addDiyDom
}
};
function addDiyDom(treeId, treeNode) {
var aObj = $("#" + treeNode.tId + "_a");
if ($("#diyBtn_"+treeNode.id).length>0) return;
var editStr = "&lt;span id='diyBtn_space_" +treeNode.id+ "' &gt; &lt;/span&gt;"
+ "&lt;button type='button' class='diyBtn1' id='diyBtn_" + treeNode.id
+ "' title='"+treeNode.name+"' onfocus='this.blur();'&gt;&lt;/button&gt;";
aObj.append(editStr);
var btn = $("#diyBtn_"+treeNode.id);
if (btn) btn.bind("click", function(){alert("diy Button for " + treeNode.name);});
};
......</code></pre>
</div>
</div>

View File

@ -0,0 +1,45 @@
<div class="apiDetail">
<div>
<h2><span>Function(treeId, treeNode)</span><span class="path">setting.view.</span>addHoverDom</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>用于当鼠标移动到节点上时,显示用户自定义控件,显示隐藏状态同 zTree 内部的编辑、删除按钮</p>
<p class="highlight_red">请务必与 <span class="highlight_red">setting.view.removeHoverDom</span> 同时使用;属于高级应用,使用时请确保对 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>
</div>
<h3>setting & function 举例</h3>
<h4>1. 设置鼠标移到节点上,在后面显示一个按钮</h4>
<pre xmlns=""><code>var setting = {
view: {
addHoverDom: addHoverDom,
removeHoverDom: removeHoverDom,
......
}
};
function addHoverDom(treeId, treeNode) {
var aObj = $("#" + treeNode.tId + "_a");
if ($("#diyBtn_"+treeNode.id).length>0) return;
var editStr = "&lt;span id='diyBtn_space_" +treeNode.id+ "' &gt;&nbsp;&lt;/span&gt;"
+ "&lt;button type='button' class='diyBtn1' id='diyBtn_" + treeNode.id
+ "' title='"+treeNode.name+"' onfocus='this.blur();'&gt;&lt;/button&gt;";
aObj.append(editStr);
var btn = $("#diyBtn_"+treeNode.id);
if (btn) btn.bind("click", function(){alert("diy Button for " + treeNode.name);});
};
function removeHoverDom(treeId, treeNode) {
$("#diyBtn_"+treeNode.id).unbind().remove();
$("#diyBtn_space_" +treeNode.id).unbind().remove();
};
......</code></pre>
</div>
</div>

View File

@ -0,0 +1,26 @@
<div class="apiDetail">
<div>
<h2><span>Boolean</span><span class="path">setting.view.</span>autoCancelSelected</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>点击节点时,按下 Ctrl 或 Cmd 键是否允许取消选择操作。</p>
<p class="highlight_red">如果不需要此功能,请设置为 false。</p>
<p>默认值: true</p>
</div>
</div>
<h3>Boolean 格式说明</h3>
<div class="desc">
<p> true / false 分别表示 支持 / 不支持 配合 Ctrl 或 Cmd 键进行取消节点选择的操作</p>
</div>
<h3>setting 举例</h3>
<h4>1. 禁止配合 Ctrl 或 Cmd 键进行取消节点选择的操作</h4>
<pre xmlns=""><code>var setting = {
view: {
autoCancelSelected: false
}
};
......</code></pre>
</div>
</div>

View File

@ -0,0 +1,44 @@
<div class="apiDetail">
<div>
<h2><span>Boolean / Function(treeId, treeNode)</span><span class="path">setting.view.</span>dblClickExpand</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>默认值: 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>,便于用户操控</p>
<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
<p>需要设置是否双击切换展开状态的节点 JSON 数据对象</p>
<h4 class="topLine"><b>返回值</b><span>Boolean</span></h4>
<p>返回值同 Boolean 格式的数据</p>
</div>
<h3>setting 举例</h3>
<h4>1. 取消默认双击展开父节点的功能</h4>
<pre xmlns=""><code>var setting = {
view: {
dblClickExpand: false
}
};
......</code></pre>
<h4>2. 设置 zTree 仅仅 level=0 的父节点取消双击展开的功能</h4>
<pre xmlns=""><code>function dblClickExpand(treeId, treeNode) {
return treeNode.level > 0;
};
var setting = {
view: {
dblClickExpand: dblClickExpand
}
};
......</code></pre>
</div>
</div>

View File

@ -0,0 +1,31 @@
<div class="apiDetail">
<div>
<h2><span>String / Number</span><span class="path">setting.view.</span>expandSpeed</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 节点展开、折叠时的动画速度,设置方法同 JQuery 动画效果中 speed 参数。</p>
<p class="highlight_red">IE6 下会自动关闭动画效果,以保证 zTree 的操作速度</p>
<p>默认值:"fast"</p>
</div>
</div>
<h3>String 格式说明</h3>
<div class="desc">
<p>三种预定速度之一的字符串("slow", "normal", or "fast")</p>
<p class="highlight_red">设置为 "" 时,不显示动画效果</p>
</div>
<h3>Number 格式说明</h3>
<div class="desc">
<p>表示动画时长的毫秒数值 (如1000)</p>
</div>
<h3>setting 举例</h3>
<h4>1. 设置为慢速显示动画效果</h4>
<pre xmlns=""><code>var setting = {
view: {
expandSpeed: "slow"
}
};
......</code></pre>
</div>
</div>

View File

@ -0,0 +1,42 @@
<div class="apiDetail">
<div>
<h2><span>JSON / Function(treeId, treeNode)</span><span class="path">setting.view.</span>fontCss</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 在节点上显示的&lt;A&gt;对象。</p>
<p>默认值:{}</p>
</div>
</div>
<h3>JSON 格式说明</h3>
<div class="desc">
<p>JSON 格式为 JQuery css方法中的 JSON 对象格式,例如:<span class="highlight_red">{color:"#ff0011", background:"blue"}</span></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>
<h4 class="topLine"><b>返回值</b><span>JSON</span></h4>
<p>返回值同 JSON 格式的数据,例如:<span class="highlight_red">{color:"#ff0011", background:"blue"}</span></p>
</div>
<h3>setting & function 举例</h3>
<h4>1. 不修改CSS设置全部节点 name 显示为红色</h4>
<pre xmlns=""><code>var setting = {
view: {
fontCss : {color:"red"}
}
};</code></pre>
<h4>2. 设置 level=0 的节点 name 显示为红色</h4>
<pre xmlns=""><code>function setFontCss(treeId, treeNode) {
return treeNode.level == 0 ? {color:"red"} : {};
};
var setting = {
view: {
fontCss: setFontCss
}
};</code></pre>
</div>
</div>

View File

@ -0,0 +1,27 @@
<div class="apiDetail">
<div>
<h2><span>Boolean</span><span class="path">setting.view.</span>nameIsHTML</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>设置 name 属性是否支持 HTML 脚本</p>
<p class="highlight_red">如果允许 HTML 脚本,请根据自己的需求做校验,避免出现 js 注入等安全问题。</p>
<p>默认值: false</p>
</div>
</div>
<h3>Boolean 格式说明</h3>
<div class="desc">
<p> true / false 分别表示 支持 / 不支持 HTML 脚本</p>
</div>
<h3>setting 举例</h3>
<h4>1. 设置 name 属性支持 HTML 脚本</h4>
<pre xmlns=""><code>var setting = {
view: {
nameIsHTML: true
}
};
var node = {"name":"&lt;font color='red'&gt;test&lt;/font&gt;"};
......</code></pre>
</div>
</div>

View File

@ -0,0 +1,51 @@
<div class="apiDetail">
<div>
<h2><span>JSON / Function(treeId, treeNode)</span><span class="path">setting.view.</span>nodeClasses</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>使用 className 设置文字样式,只针对 zTree 在节点上显示的&lt;A&gt;对象。便于 css 与 js 解耦</p>
<p>默认值:{add: [], remove: []}</p>
<p class="highlight_red">v3.5.43+</p>
</div>
</div>
<h3>JSON 格式说明</h3>
<div class="desc">
<p>add: Array需要添加的 className 集合 例如:<span class="highlight_red">{add: ['highlight']}</span></p>
<p>remove: Array需要删除的 className 集合 例如:<span class="highlight_red">{remove: ['highlight']}</span></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>
<h4 class="topLine"><b>返回值</b><span>JSON</span></h4>
<p>返回值同 JSON 格式的数据,例如:<span class="highlight_red">{add: ['highlight'], remove: ['hide']}</span></p>
</div>
<h3>setting & function 举例</h3>
<h4>1. 设置全部节点 name 显示为红色</h4>
<pre xmlns=""><code><style>.ztree li > a.highlight { color: red; }</style>
var setting = {
view: {
nodeClasses : {add: ['highlight']}
}
};</code></pre>
<h4>2. 删除节点 name 指定的 classNamehighlight</h4>
<pre xmlns=""><code>var setting = {
view: {
nodeClasses : {remove: ['highlight']}
}
};</code></pre>
<h4>3. 设置 level=0 的节点 name 显示为红色</h4>
<pre xmlns=""><code>function setNodeClasses(treeId, treeNode) {
return treeNode.level == 0 ? {add: ['highlight']} : {remove: ['highlight']};
};
var setting = {
view: {
nodeClasses: setNodeClasses
}
};</code></pre>
</div>
</div>

View File

@ -0,0 +1,45 @@
<div class="apiDetail">
<div>
<h2><span>Function(treeId, treeNode)</span><span class="path">setting.view.</span>removeHoverDom</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>用于当鼠标移出节点时,隐藏用户自定义控件,显示隐藏状态同 zTree 内部的编辑、删除按钮</p>
<p class="highlight_red">请务必与 <span class="highlight_red">addHoverDom</span> 同时使用;属于高级应用,使用时请确保对 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><b>treeNode</b><span>JSON</span></h4>
<p>需要隐藏自定义控件的节点 JSON 数据对象</p>
</div>
<h3>setting & function 举例</h3>
<h4>1. 设置鼠标从节点移出时,删除由 addHoverDom 增加的按钮</h4>
<pre xmlns=""><code>var setting = {
view: {
addHoverDom: addHoverDom,
removeHoverDom: removeHoverDom,
......
}
};
function addHoverDom(treeId, treeNode) {
var aObj = $("#" + treeNode.tId + "_a");
if ($("#diyBtn_"+treeNode.id).length>0) return;
var editStr = "&lt;span id='diyBtn_space_" +treeNode.id+ "' &gt;&nbsp;&lt;/span&gt;"
+ "&lt;button type='button' class='diyBtn1' id='diyBtn_" + treeNode.id
+ "' title='"+treeNode.name+"' onfocus='this.blur();'&gt;&lt;/button&gt;";
aObj.append(editStr);
var btn = $("#diyBtn_"+treeNode.id);
if (btn) btn.bind("click", function(){alert("diy Button for " + treeNode.name);});
};
function removeHoverDom(treeId, treeNode) {
$("#diyBtn_"+treeNode.id).unbind().remove();
$("#diyBtn_space_" +treeNode.id).unbind().remove();
};
......</code></pre>
</div>
</div>

View File

@ -0,0 +1,27 @@
<div class="apiDetail">
<div>
<h2><span>Boolean</span><span class="path">setting.view.</span>selectedMulti</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>默认值: true</p>
</div>
</div>
<h3>Boolean 格式说明</h3>
<div class="desc">
<p> true / false 分别表示 支持 / 不支持 同时选中多个节点</p>
<p class="highlight_red">1、设置为 true时按下 Ctrl 或 Cmd 键可以选中多个节点</p>
<p class="highlight_red">2、设置为 true / false 都不影响按下 Ctrl 或 Cmd 键可以让已选中的节点取消选中状态( 取消选中状态可以参考 setting.view.autoCancelSelected </p>
</div>
<h3>setting 举例</h3>
<h4>1. 禁止多点同时选中的功能</h4>
<pre xmlns=""><code>var setting = {
view: {
selectedMulti: false
}
};
......</code></pre>
</div>
</div>

View File

@ -0,0 +1,44 @@
<div class="apiDetail">
<div>
<h2><span>Boolean / Function(treeId, treeNode)</span><span class="path">setting.view.</span>showIcon</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>默认值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>,便于用户操控</p>
<h4 class="topLine"><b>treeNode</b><span>JSON</span></h4>
<p>需要设置是否显示图标的节点 JSON 数据对象</p>
<h4 class="topLine"><b>返回值</b><span>Boolean</span></h4>
<p>返回值同 Boolean 格式的数据</p>
</div>
<h3>setting & function 举例</h3>
<h4>1. 设置 zTree 不显示图标</h4>
<pre xmlns=""><code>var setting = {
view: {
showIcon: false
}
};
......</code></pre>
<h4>2. 设置 zTree 仅仅 level=2 的节点不显示图标</h4>
<pre xmlns=""><code>function showIconForTree(treeId, treeNode) {
return treeNode.level != 2;
};
var setting = {
view: {
showIcon: showIconForTree
}
};
......</code></pre>
</div>
</div>

View File

@ -0,0 +1,25 @@
<div class="apiDetail">
<div>
<h2><span>Boolean</span><span class="path">setting.view.</span>showLine</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>默认值true</p>
</div>
</div>
<h3>Boolean 格式说明</h3>
<div class="desc">
<p> true / false 分别表示 显示 / 不显示 连线</p>
</div>
<h3>setting 举例</h3>
<h4>1. 设置 zTree 不显示节点之间的连线</h4>
<pre xmlns=""><code>var setting = {
view: {
showLine: false
}
};
......</code></pre>
</div>
</div>

View File

@ -0,0 +1,46 @@
<div class="apiDetail">
<div>
<h2><span>Boolean / Function(treeId, treeNode)</span><span class="path">setting.view.</span>showTitle</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 是否显示节点的 title 提示信息(即节点 DOM 的 title 属性)。</p>
<p class="highlight_red">请务必与 <span class="highlight_red">setting.data.key.title</span> 同时使用。</p>
<p>默认值true</p>
</div>
</div>
<h3>Boolean 格式说明</h3>
<div class="desc">
<p> true / false 分别表示 显示 / 隐藏 提示信息</p>
<p class="highlight_red">如果 setting.view.showTitle = true & setting.data.key.title = ''zTree 会自动使用 setting.data.key.name 指定的节点名称当做 title</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>
<h4 class="topLine"><b>返回值</b><span>Boolean</span></h4>
<p>返回值同 Boolean 格式的数据</p>
</div>
<h3>setting & function 举例</h3>
<h4>1. 设置 zTree 不显示提示信息</h4>
<pre xmlns=""><code>var setting = {
view: {
showTitle: false
}
};
......</code></pre>
<h4>2. 设置 zTree 仅仅 level=2 的节点不显示提示信息</h4>
<pre xmlns=""><code>function showTitleForTree(treeId, treeNode) {
return treeNode.level != 2;
};
var setting = {
view: {
showTitle: showTitleForTree
}
};
......</code></pre>
</div>
</div>

View File

@ -0,0 +1,25 @@
<div class="apiDetail">
<div>
<h2><span>Boolean</span><span class="path">setting.view.</span>txtSelectedEnable</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 DOM 内的文本。</p>
<p>默认值false</p>
</div>
</div>
<h3>Boolean 格式说明</h3>
<div class="desc">
<p> true / false 分别表示 允许 / 不允许 选择 zTree Dom 内的文本</p>
</div>
<h3>setting & function 举例</h3>
<h4>1. 设置 zTree 允许选择文本</h4>
<pre xmlns=""><code>var setting = {
view: {
txtSelectedEnable: true
}
};
......</code></pre>
</div>
</div>

Some files were not shown because too many files have changed in this diff Show More