Reorder Rows

[Jason]

Is there an option to allow a user to reorder grid rows using the Grid for ASP.NET Core?

Preferably I would like to allow rows to be reordered by drag and drop and by using up/down arrows in a toolbar. 

[Jason]

I was not able to get this working in Chrome (Version 55.0.2883.75 m (64-bit))

I was able to get this working in Edge by following the information on Sortable integration with Grid here:

http://demos.telerik.com/aspnet-core/sortable/integration-grid

However, even in Edge there is an issue with the grid cells being editable and sortable.  I can edit text values in the cell, but I am not able to use the mouse to select text in the cell or to change cursor position in the cell.

[Konstantin Dikov]

Hi Jason,

If you want to use Batch editing you need to define a template column with some element that will be set as "Handler" for the sortable widget:

columns.Template(@<text></text>).ClientTemplate("<span class='dragIcon'>↕</span>");

The sortable configuration:

@(Html.Kendo().Sortable()
    .For("#Grid")
    .Filter("table > tbody > tr")
    .Cursor("move")
    .Handler(".dragIcon")
    .HintHandler("noHint")
    .PlaceholderHandler("placeholder")
    .ContainerSelector("#Grid tbody")
    .Events(events => events.Change("onChange"))
)

<style>
    .dragIcon {
        cursor: move;
    }
</style>

You can further customize the element in the template column in order to get the desired appearance.

Hope this helps.


Regards,
Konstantin Dikov
Telerik by Progress