Drag n drop of rows

Rows in any grid can be rearranged by drag and drop.

This is done by:

• turning on both dragModel and dropModel as shown in this example.
• Drag handle are displayed in number cells by default (as in this example), they can also be displayed in other cells by dragModel.diDrag option.
• dragModel.diHelper specifies the displayed columns in the draggable helper.
• Default implementation of dropModel.drop moves the rows. You can override it to do custom action upon drop of rows.

Related API:

• Options: dragModel, dropModel
• Methods: Drag, moveNodes

Drag n drop multiple rows

First of all mutiple row selection is turned on or checkbox selection is turned on.

Then dragModel.dragNodes method is implemented to return array of selected or checked rows.