jquery - 如何通过拖放来重新排序剑道行

Question

我想使用kendo的拖放功能重新排序我的行，行是使用Kendo生成的，并且我能够拖动，意味着我能够捕获一行，但是当我将其放在表中的某个位置时，行位置不会改变，它保持不变。生成行的代码是

@(Html.Kendo().Grid < WorkItemsGrid > ().Name("workItemsGrid").Events(e => e.DataBound("onDataBound"))
    .Columns(c => {

        c.Bound(i => i.Priority).ClientTemplate("#= GetArrow(Priority)#");
        c.Bound(i => i.Order);
        c.Bound(i => i.EpicTitle).Title("Epic");
        c.Bound(i => i.Type).ClientTemplate("#= GetType(Type)#");
        c.Bound(i => i.Code).ClientTemplate("#= SetEdit(ItemsId, Code)#");

        c.Bound(i => i.Title).ClientTemplate("#= length(Title)#");;
        c.Bound(i => i.State);
        c.Bound(i => i.Estimation).ClientTemplate("#= sum(Estimation)#");
        c.Bound(i => i.ItemsId).HtmlAttributes(new {
            @class = "rowId"
        }).Hidden();
    }).Scrollable().Reorderable(x => x.Columns(true))
    .DataSource(d => d
        .Ajax()
        .Read(r => r.Action("Get", "Items", new {
            projectId = ViewBag.projectId, selectedSprintId = ViewBag.selectedSprint
        }))
    )
);

数据绑定(bind) JavaScript:

function onDataBound(e) {

    var grid = this;
    var currentRecords = grid.dataSource.view();
    for (var i = 0; i < currentRecords.length; i++) {

        if (!currentRecords[i].activeInd) {
            var row = grid.tbody.find("tr[data-uid='" + currentRecords[i].uid + "']");
            row.addClass("item-row");

            row.draggable({
                cursorAt: {
                    left: 75
                },
                containment: ".grid-view",
                cursor: "-webkit-grabbing",
                start: function() {
                    $(this).hide();
                },
                stop: function() {
                    $(this).show();
                },
                helper: function() {
                    return $('<div id="' + $(this).find(".rowId").html() + '" class="holder k-grid"><table></table></div>').find('table').append($(this).clone()).end().appendTo('body');
                }
            });
        }
    }
}

如何通过拖放行来更改顺序？我是剑道新手，它是之前由其他开发人员生成的，但现在不可用

Answer 1

看看这个 demo并引用API documentation 。您可以将 Kendo UI Sortable 小部件与 Kendo UI Grid 集成。