Drag n drop of rows in grid with row groupings

When rows in a grid with row groupings are rearranged by drag and drop, the rows become part of the destination parent or children get rearranged in case of same parent..

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.
• dropModel.diHelper specifies the displayed columns in the draggable helper.
• dragModel.isDraggable is implemented to exclude summary rows and group titles having more than one level of children.
• dropModel.isDroppable is implemented to exclude summary rows, group titles having more than one level of children, ancestor rows of dropped rows and if dragged and dropped over rows are same.
• Default implementation of dropModel.drop moves the rows from old parent to new parent. You can override it to do custom action upon drop of rows.

Related API:

• Options: dragModel, dropModel
• Methods: Drag, Group().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 as in this example to return array of selected or checked rows.