Drag and drop column in client side binding Radgrid

[Dhamodharan]

Hi,
I am binding radgrid in client side. i am assigned the Edit command column, Drag and Drop column in that grid. On Databinding the Edit Command column is visit but Drag and drop control is not visible. I need a support to over come this issue.






Thanks

[Angel Petrov]

Hello Dhamodharan,

I have to say that the behavior experienced is expected. The current implementation of the grid does not support data-editing and drag and drop when client-side data-binding is used. If however you want to implement drag and drop note that you should cancel the firing of the server OnRowDrop event of the grid and handle the dropping only on the client.

Regards,
Angel Petrov
Telerik

[Dhamodharan]

Hi Angel,
               Thanks for reply. I want to implement the drag and drop in client side. can you please provide me an example for my requirement.

how to cancel initinset, Edit, delete commands on client side for client side binded radgrid.








Thanks

[Angel Petrov]

Hi Dhamodharan,

In order to prevent the postback once a row is dropped(or another action which will cause a postback is invoked) you can subscribe to the OnCommand event of the grid and cancel the command:

function OnGridCommand(sender,args) {
            if (args.get_commandName() === "RowDropped") {
                args.set_cancel(true);
            }
        }

Note that building such an example is time-consuming and is not currently supported. It is a developers responsibility to handle such cases.

Regards,
Angel Petrov
Telerik

[Dhamodharan]

Hi angel,
        The drag and drag column is not visible on client side binding radgrid.
       





Thanks

[Angel Petrov]

Hello Dhamodharan,

Indeed your observations are correct since the drag and drop functionality is not supported with client-side data-binding RadGrid suppresses the creation of the GridDragDropColumn. It will be initialized only when server-side binding is used.

Regards,
Angel Petrov
Telerik