Shulou(Shulou.com)06/03 Report--

This article shows you the jQueryTree plug-in zTreev3.3 official version of the sample analysis, concise and easy to understand, absolutely can make you shine, through the detailed introduction of this article I hope you can harvest.

This time v3.3 continues to fix some bugs in detail, while trying to launch exhide extensions, mainly to implement some extended features.

Because hiding nodes in combination with editing (especially drag and drop) is bound to create a lot of detail on the requirements, the exhide extension should not be used in conjunction with the exedit function.

The policy for hidden nodes when used with checkbox / radio is as follows:

1. Hidden nodes (including all their children) will not have any association with the checked state of the parent node (including semi-checked state), that is, they are deleted unless they are redisplayed.

2. The isFirstNode and isLastNode attributes are only processed for displayed nodes, and both attributes are set to false for hidden nodes.

Hidden nodes do not affect getPreNode() and getNextNode() methods

This should be able to meet most of the needs, if your actual needs are indeed different from this strategy, then please modify the exhide according to the actual situation.

Note that jquery.ztree.all contains only core, excheck, and exedit js packages; exhide and future extensions are not included in jquery.ztree.all.

If necessary, please add it yourself.

Online operation demonstration: www.ztree.me/v3/demo.php#_101

Quick download address: code.google.com/p/jquerytree/downloads/list

Here are the changes to v3.3:

[Added] Extension library exhide --node hiding function

[Modify] getNodesByFilter method, add invokeParam custom parameter

[Modify] Drag test code is not deleted, resulting in yellow iframe mask layer bug

[Modifications] Delayed loading method for using expandAll for full expansion, causing onNodeCreated callback and addDiyDom method to trigger premature bugs

[Modification] Bug that cannot return xml using server and continue processing in dataFilter in asynchronous loading mode

[Modification] When using moveNode to move nodes that have not yet generated DOM, abnormal bugs will appear in the view

[Modification] Bug where the isFirstNode attribute of the relevant node is not reset after deleting the node

getPreNode(),getNextNode() methods calculate bugs incorrectly for special cases

[Modify] After setting the title, if the title content is set to blank again, it will cause the bug that cannot update the title.

[Modification] For setting.check.chkStyle=="radio" && setting.check.radioType=="all", getTreeCheckedNodes method is optimized to break if a result is found.

zTreeObj.getCheckedNodes(false) Miscalculated bug when radioType = "all"

[Modification] Improve the treeId description of beforeDrop / onDrop in API

Details of zTree:

zTree is a Tree plug-in that uses the core code of JQuery to implement most common functions.

① Compatible with Internet Explorer, FireFox, Chrome and other browsers

② Multiple Tree instances can be generated simultaneously in one page

Support for JSON numbers

④ Support one-time static generation and Ajax asynchronous loading

Support multiple event response and counter

④ Support Tree node movement, editing and deletion

③ Support arbitrary skin replacement/personalized icon (depending on CSS)

Support extremely flexible checkbox or radio selection

Simple parameter configuration to achieve flexible and changeable functions

zTree download address: please click here

The above content is the jQueryTree plug-in zTreev 3.3 official release of the sample analysis, you have learned knowledge or skills? If you want to learn more skills or enrich your knowledge reserves, please pay attention to the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.