Grid Drag and Drop

[Joshua]

I'm trying to add drag and drop functionality on my Grid. I have followed the documentation here, https://demos.telerik.com/aspnet-mvc/grid/drag-drop. However, I'm getting an gridreorderingsettingsbuilder does not contain a definition for 'Rows'. I'm also getting another error on .Draggable.  I'm using version 2021.1.224.545. Do I need to update my version? 

            @(Html.Kendo().Grid<AHPD.Data.Model.Questions>()
                .Name("grdSubs")
                .Columns(columns =>
                {
                    columns.Template(@<text> </text>).Draggable(true);
                    columns.Bound(p => p.Disabled).ClientTemplate("<div style='text-align: center;'>" +
                                                                        "# if(Disabled == '0'){ #" +
                                                                        "<div><input type='checkbox' disabled style='opacity: 1;' ><label></label></div>" +
                                                                        "# } else { #" +
                                                                        "<div><input type='checkbox' disabled checked style='opacity: 1;' ><label></label></div>" +
                                                                        "# } #" +
                                                                        "</div>").Title("Off").Width(80);
                    columns.Bound(p => p.Question).Title("Question");
                    columns.Bound(p => p.QuestionId).Title("Edit").Width(80).ClientTemplate("<div style='text-align: center;'onclick=\"edit(event)\"><img src='" + Url.Content("~/Content/aert/images/edit.png") + "' style='width: 20px; height: 20px;' /></div>");
                    columns.Bound(p => p.Status).Title("Status").Width(150);
                })
                    .Sortable()
                    .Pageable()
                    .ClientDetailTemplateId("subs")
                    .Navigatable()
                    .Reorderable(reorder => reorder.Rows(true))
                    //.HtmlAttributes(new { style = "min-height:600px;" })
                    .DataSource(dataSource => dataSource
                        .Ajax()
                        .PageSize(50)
                        .Read(read => read.Action("GetQuestionsList", "Owner"))
                        .Model(model =>
                        {
                            model.Id(p => p.QuestionId);
                            model.Field(p => p.Question).Editable(false);
                            model.Field(p => p.Status).Editable(false);
                        })
                    )
                    .Events(events => events.DataBound("dataBound"))
            )

[Eyup]

Hello Joshua,

 

Thank you for writing to us.

This version you mentioned is pretty new and should contain all the necessary dragging logic implemented in the source code.

One thing I couldn't see in the snippet is this line:

 ev.RowReorder("onRowReorder");

Can you run the local demos which are installed with your Telerik MVC UI and then check the Grid dragging demo whether it is working as expected? The .sln file for the project should be located in a path similar to this one:

D:\Program Files (x86)\Progress\Telerik UI for ASP.NET MVC R1 2021\wrappers\aspnetmvc\Examples\MVC5

Feel free to run this and let me know about the result.

 

Regards,
Eyup
Progress Telerik

[Joshua]

Thanks Eyup, 

Just wanted to let you know updating the .dll and all the .js files resolved the issue. 

[Eyup]

I am happy to hear that!

And thank you for sharing the solution with our community.