51 lines
2.0 KiB
HTML
51 lines
2.0 KiB
HTML
<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 在节点上显示的<A>对象。便于 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 指定的 className：highlight</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> |