Practical tree Menu Control tree

Jquery Plugin: The Treeview plug-in can convert unordered lists into a tree that can be expanded or shrunk.
 

Jquery Plugin: Treeview

Jquery

Jstree is a jquery-based tree control. Supports XML, JSON, and HTML data sources. Allows you to create, rename, move, delete, and drag/drop nodes. You can customize the rules for creating, deleting, nesting, renaming, and selecting nodes. You can add multiple listening events to these operations.

Jstree

Jquery UI Widgets

Filetreepanel is extended to Ext. Tree. treepanel with basic file/folder management functions. Others include file upload, rename, delete, create, and move.

Filetreepanel

Extjs

Jquery file tree is a configurable jquery plug-in for Ajax file browsers. You can use CSS to customize the appearance, specify the expand icon of the file tree, and define the expand/Contract event, speed, and load information. Jquery file tree uses ajax to obtain file information.

Jquery file tree

Jquery

Dhtmlxtree is a function-rich tree menu control. Provides rich operation APIs, Ajax support, and drag-n-drop functions.

Dhtmlxtree

 

Dtree is an easy-to-use JavaScript tree menu control. Supports unlimited classification. Multiple dtrees can be placed on the same page, and different Icons can be specified for each node.

Dtree

 

Yahoo! Ui Library: Treeview Yui Treeview control is a tree component that supports dynamic loading of node data through the XMLHTTPRequest object and customizing metadata for each node.

Yahoo! Ui Library: Treeview

Yui

Fonshen JS menutree wind JS menu tree. The program is implemented based on the Javascript/XHTML/CSS standard. Supports a wide range of features/performance customization: with performance and data separation, a single page can apply multiple unlimited menu trees, up to four expand modes, the style definition structure is clear, flexible, and refined.

Fonshen JS menutree

Menu

Control. Treeview uses a tree menu control developed by mootools. You can use ajax to Dynamically Retrieve nodes. By default, some nodes are selected.

Control. Treeview

Mootools

Tree control of the folder tree folder. You can use the drag-and-drop operation to re-Sort nodes and use ajax to update nodes.

Folder tree

 

Tafeltree-view is a tree control developed based on prototype and script. aculo. Us. Supports drag-and-drop operations and Ajax update nodes.

Tafeltree-View

Prototype script. aculo. Us

DHTML tree is a tree control constructed based on the Standard <ul> HTML structure.

DHTML tree

 

Dftree is a javascript + CSS folder tree that supports dynamic addition, deletion, and modification of nodes using Ajax technology.

Dftree

 

The checktree tree jquery plug-in with checkbox.

Checktree

Jquery

Jxlib is a Web UI library developed based on mootools. Similar to jquery UI, ext JS, or dijit. Rich documentation and examples. The main UI controls provided include:

• Layout managers
• Buttons
• Tabs
• Toolbars
• Dialogs
• Panels
• Trees
• Grid Control
  

Jxlib

Grid menu mootools tabs UI

MIF. Tree MIF. Tree is a tree menu control developed using mootools. Its code is flexible, allowing you to control every part of the navigation, such as adding new nodes, dragging and dropping nodes, sorting, and defining the display appearance. You can also use the keyboard to browse the MIF. Tree menus with the checkbox control.

MIF. Tree

 

Mootools tree-component supports the drag & Drop operation and adopts the tree control developed by mootools.

Mootools tree-component

Mootools

Jqtreetable the jquery plug-in can convert common HTML tables into tables with tree controls.

Jqtreetable

Grid jquery

Jquery simple tree is a drag-and-drop tree control. Supports dynamic loading of Tree nodes through Ajax, which is simple and easy to use and has beautiful appearance.

Jquery simple tree

Jquery

Notesformenu is a very simple jquery plug-in used to create multi-level tree menus, which can be implemented with only one line of code.

Notesformenu

Jquery

 

Wdtree is a lightweight jquery plug-in used to display tree controls with check boxes. Supports lazy node loading from databases and node attributes configuration.

Wdtree

Jquery

Adubytree is a tree jquery plug-in with the checkbox check box.

• Supports XML and JSON data formats.
• Supports local data and dynamic Ajax remote data.
• Supports the checkbox check box to facilitate practical application.
• It has five sets of themes, including basic, books, org, orguser, and Vista. You can expand and customize themes.
  

Adubytree

Jquery

Ztree uses jquery's core code to implement a set of tree functions that can complete most common work.

• Compatible with IE, Firefox, chrome, and other browsers (no special maintenance is required for IE 6.0 compatibility issues)
• Multiple tree instances can be generated simultaneously on one page.
• JSON data is supported.
• Supports one-time static generation and Ajax asynchronous loading
• Support for multiple event responses and feedback
• Support Tree node movement
• Supports any skin replacement (depending on CSS)
• Supports extremely flexible checkbox Selection
• Personalized icon
• Simple parameter configuration for flexible and Variable Functions

Ztree

Jquery

Lightweight treelist widget is a lightweight list control created using jquery UI widget factory.

Lightweight treelist widget

Jquery

About jquery ligerui is a series of control groups developed based on jquery, including forms, la S, tables, and other common UI controls. Using ligerui, you can quickly create a unified style interface effect.

Jquery ligerui

Jquery UI

Magicdtree, a plug-in encapsulated by jquery dynatree, is the packaging class of the famous jquery tree plug-in dynatree. The shortcut menu, add, delete, and update interfaces are added.

A plug-in encapsulated by jquery dynatree-magicdtree

Jquery

The JS tree menu and table control tabletree4j tabletree4j are an open-source JavaScript-based tree menu and table control. The practical tabletree4j can easily implement the table and tree collapse menu with tree collapse effect.

The following functions are supported:

1. Multiple mode switches and style changes
2. Cookie storage tree status
3. Custom node sorting
4. Full browser support
5. support basic functions of all tree Widgets
6. Rich API documentation and multiple demonstration examples, selection of Chinese and English languages

JS tree menu and table control tabletree4j

Grid

Wdtree

Wdtree is a lightweight jquery plug-in used to create a tree control with nested check boxe. It has the following features:

• Select Parent and Child Nodes
• Slave database lazy Tree node
• Configurable node attributes

Wdtree

Jquery

Source: http://www.open-open.com/ajax/Tree.htm