Drag/Drop Visual Display and selected rows

[John Roes]

I know it is possible to use a css to change the visual width of a row when it is dragged.

1. Is it possible to control the specific columns that are shown when a row is dragged?
2. Is it possible to disallow the ability to drag/drop a row based upon a condition or some other element?

Thanks much!
John

[John Roes]

Well, I found out how to take care of #2, disabling drag on a condition in a particular row.
Solution was to:

1: add a hidden, bound column to the radgrid containing the value to test for:

<tlk:GridBoundColumn UniqueName="EnableDrag" DataField="EnableDrag" HeaderText ="" Display="False" ColumnEditorID="GridTextBoxColumnEditor1" Resizable="False" />

 

2. then add the following JS: 

function RowDragStarted(sender, args)
{
    var row = sender.get_masterTableView().get_dataItems()[args.get_itemIndexHierarchical()];
    if (sender.get_masterTableView().getCellByColumnUniqueName(row, "DisplayLevel").innerHTML == "1")
    {
        args.set_cancel(true) //cancel the event
        //alert("Cannot drag this row");
    }
}

If anyone knows how to change the display of the row being dragged, it would be a great help!
Thanks

 

 

 

 

[Iana Tsolova]

Hello John,

Try the solution provided in this code library and let me know if it works for you.

Regards,
Iana
the Telerik team