User Interface Framework jquery Easyui example Tree

<jquery Easyui Latest trial version free download >

JQuery Easyui is dedicated to helping web developers make it easier to create a feature-rich and beautiful UI interface. The jquery Easyui provides controls based on today's popular jquery core and HTML5 to help you build applications for today's networks.

Basic Tree

This example mainly demonstrates the jquery Easyui basic tree, and on the left you can click the arrow to expand or collapse the node. "Additional source code for everyone to refer to"

| Online Demo

Animation Tree

This example mainly demonstrates the animation tree of the jquery Easyui and sets the Animate property to True to apply the animation effect. "Additional source code for everyone to refer to"

| Online Demo

check box Tree

This example mainly shows the check box tree for jquery Easyui and the tree node has a check box. "Additional source code for everyone to refer to"

| Online Demo

the lines of the tree

This demo shows you how to display the lines of a tree. "Additional source code for everyone to refer to"

| Online Demo

tree node icon

This demo shows how to add an icon to a tree node. "Additional source code for everyone to refer to"

| Online Demo

Tree Operations

This example is mainly about the operation of the tree, click the button below to perform the operation. "Additional source code for everyone to refer to"

| Online Demo

the context menu for the tree

This demo shows you the context menu for the tree, and right-click on the node to display the context menu. "Additional source code for everyone to refer to"

| Online Demo

drag and drop tree nodes

This presentation shows you the drag-and-drop tree node, pressing the mouse and dragging a node to another location. "Additional source code for everyone to refer to"

| Online Demo

Editable Tree

This demo is mainly for you to show the editable tree, click on the node to start editing, press ENTER to stop editing or ESC to cancel editing. "Additional source code for everyone to refer to"

| Online Demo

Asynchronous Tree

This demo mainly shows the asynchronous tree, and the expansion node loads its child nodes on demand. "Additional source code for everyone to refer to"

| Online Demo

Lazy Load tree node

This demo shows you how to delay loading a tree node, get the data of a full hierarchy tree, and delay loading the nodes progressively. "Additional source code for everyone to refer to"

| Online Demo

Formatting tree nodes

This demo shows you how to display additional information on a node. "Additional source code for everyone to refer to"

| Online Demo

User Interface Framework jquery Easyui example Tree