OBOUT - ASP.NET TreeView - Easy Drag-and-Drop

ASP.NET TreeView - Easy Drag-and-Drop

Just use a single line of code

oTree.DragAndDropEnable = true

Drag-and-Drop

Parent ; Node 1

Parent 1; Node 2

Parent 2; Node 4

Parent 2; Node 20

Parent 2; Node 21 - Disable Drag

Parent 2; Node 385

Parent 2; Node 3333 - Disable Drop and Drag

Parent 1; Node 3

Parent 1; Node 16 - Disable Drop

Parent 1; Node 28

Parent 1; Node 29

Parent 29; Node 161

Parent 29; Node 162

Parent 29; Node 1383

Parent 1; Node 33

Parent 1; Node 307

Parent 1; Node 319

Parent 1; Node 365

Drag and drop any nodes.

New Parent Id (target), Node Id separated by "|":

oTree.DragAndDropEnable = true

// To disable Drag or Drop for some nodes
// put IDs with commas. No spaces please.
oTree.DragDisableId = "id21,id3333";
oTree.DropDisableId = "id16,id3333";

How to save on server

"I am very impressed with what your company has done."

Rom Budhi

obout.com

TreeView Home

Examples

Styles

Features

Drag and drop - 18

Dragging with children

Drop in textboxes

Copy / Move nodes

D'n'd and Dynamic Loading

Drop in listboxes

Drop in listboxes 2

Restrict Levels

D'n'D with various options

Disable dropping in two trees

Not-allowed Icon New

New

Sort after D'n'D New

New

Dynamic loading - 6

Add/remove nodes - 4

Edit nodes - 4

Select nodes - 3

Layout - 2

TreeView state - 3

File system - 3

Additional data for each node - 3

Expand/collapse nodes - 2

Multiple trees - 4

Validation - 2

Integration - 14

Customization - 7

From/To XML file

Keyboard navigation

Client-side events

Knowledge Base - 1

Documentation

Tutorials