diff options
author | shentao <shentao@chinamobile.com> | 2017-04-19 18:24:26 +0800 |
---|---|---|
committer | shentao <shentao@chinamobile.com> | 2017-04-19 18:24:40 +0800 |
commit | fbbf467696810b7ca2ddac6de0d076af424a2ef0 (patch) | |
tree | 8aec68690a7d9f2ca34c3fd589f436a36bfffee3 /common/src/main/webapp/thirdparty/zTree/api/en/setting.view.addHoverDom.html | |
parent | aba151e0a874c2f9caa344da528646525e21c064 (diff) |
integrated monitor and performance functions
Issue-id: CLIENT-175
Change-Id: I07adc77afd9f62f615790896c9241f8430583398
Signed-off-by: shentao <shentao@chinamobile.com>
Diffstat (limited to 'common/src/main/webapp/thirdparty/zTree/api/en/setting.view.addHoverDom.html')
-rwxr-xr-x | common/src/main/webapp/thirdparty/zTree/api/en/setting.view.addHoverDom.html | 45 |
1 files changed, 45 insertions, 0 deletions
diff --git a/common/src/main/webapp/thirdparty/zTree/api/en/setting.view.addHoverDom.html b/common/src/main/webapp/thirdparty/zTree/api/en/setting.view.addHoverDom.html new file mode 100755 index 00000000..1ea8b6d9 --- /dev/null +++ b/common/src/main/webapp/thirdparty/zTree/api/en/setting.view.addHoverDom.html @@ -0,0 +1,45 @@ +<div class="apiDetail"> +<div> + <h2><span>Function(treeId, treeNode)</span><span class="path">setting.view.</span>addHoverDom</h2> + <h3>Overview<span class="h3_info">[ depends on <span class="highlight_green">jquery.ztree.exedit</span> js ]</span></h3> + <div class="desc"> + <p></p> + <div class="longdesc"> + <p>Used to display custom control when mouse move over the node. (e.g. the rename and remove button)</p> + <p class="highlight_red">If you use this function, so must set <span class="highlight_red">setting.view.removeHoverDom</span>, please make sure that a better understanding of zTree before you use it.</p> + <p>Default: null</p> + </div> + </div> + <h3>Function Parameter Descriptions</h3> + <div class="desc"> + <h4><b>treeId</b><span>String</span></h4> + <p>zTree unique identifier: <b class="highlight_red">treeId</b>, easy for users to control.</p> + <h4 class="topLine"><b>treeNode</b><span>JSON</span></h4> + <p>JSON data object of the node which need to display the custom control.</p> + </div> + <h3>Examples of setting & function</h3> + <h4>1. Display a button when mouse move over the node, and hide the button when mouse move out.</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 = "<span id='diyBtn_space_" +treeNode.id+ "' > </span>" + + "<button type='button' class='diyBtn1' id='diyBtn_" + treeNode.id + + "' title='"+treeNode.name+"' onfocus='this.blur();'></button>"; + aObj.append(editStr); + var btn = $("#diyBtn_"+treeNode.id); + if (btn) btn.bind("click", function(){alert("diy Button for " + treeNode.name);}); +}; +function removeHoverDom(treeId, treeNode) { + $("#diyBtn_"+treeNode.id).unbind().remove(); + $("#diyBtn_space_" +treeNode.id).unbind().remove(); +}; +......</code></pre> +</div> +</div>
\ No newline at end of file |