Jquery easyui menu tree display, jqueryeasyui menu tree

Jquery easyui menu tree display, jqueryeasyui menu tree

Currently, an easyui project needs to display multi-level menus and configure the menus to the database. Therefore, each menu level needs to be retrieved from the database. It is much easier to use jQuery EasyUI.

Experience: http://hovertree.com/texiao/jeasyui/2/

Download: http://hovertree.com/h/bjaf/kbtdmn5u.htm

Reference: http://hovertree.com/jeasyui/demo/tree/checkbox.html

Http://hovertree.com/jeasyui/demo/tree/dnd.html

HTML code:

1 <! DOCTYPE html> 2 
Json file code of the menu item:
[{"Id": 1, "text": "Tree menu", "children": [{"id": 11, "text": "Photos ", "state": "closed", "children": [{"id": 111, "text": "<a href =' http://hovertree.com '> Why </a> "},{" id ": 112," text ":" <a href =' http://hovertree.com /Jeasyui/'> EasyUI </a> "},{" id ": 113," text ":" <a href =' http://hovertree.com /Menu/jquery/'> jQuery </a> "}]}, {" id ": 12," text ":" Program Files "," children ": [{"id": 121, "text": "<a href =' http://hovertree.com /H/bjaf/hoverclock.htm '> HoverClock </a> "},{" id ": 122," text ":" <a href =' http://hovertree.com /H/bjaf/easysector.htm '> pie chart </a> "," attributes ": {" p1 ":" Custom Attribute1 "," p2 ": "Custom Attribute2" }}, {"id": 123, "text": "<a href =' http://hovertree.com /H/bjaf/hovertreebatch.htm '> batch rename </a> "},{" id ": 124," text ":" <a href =' http://tool.hovertree.com/a/base64/ '> Image transcoding </a> "," checked ": true}] },{" id ": 13," text ":" <a href =' http://hovertree.com /Texiao/game/'> stitch </a> "},{" id ": 14," text ":" <a href =' http://hovertree.com /Shortanswer/bjaf/j43wyyvr.htm '> multiple choice questions </a> "},{" id ": 15," text ":" <a href =' http://hovertree.com /H/bjaf/css3icon.htm '> icon </a> "},{" id ": 16," text ":" <a href =' http://hovertree.com /H/bjaf/treeaction.htm '> original </a> "}]
More effect: http://www.cnblogs.com/roucheng/p/texiao.html