Razor 在内联剑道网格中使用可排序小部件

我在剑道网格剃须刀中使用内联编辑器。我想添加剑道可排序小部件来重新排序网格中的行。但是，每当我在代码中添加sortable时，网格中的一个字段就会失去控制，即每当我单击该列添加数据时，我的文本框就会立即出现，每当我输入数据并移动到另一列时，输入的值就会消失。当我删除可排序代码时，数据就会完美地显示出来。请告诉我一个解决办法

我的代码是：

@(Html.Kendo().Grid<KendoUIMVC5.Models.Product>()    
    .Name("Grid")    
    .Columns(columns => {
        columns.Bound(p => p.Order).Width(60);   
        columns.Bound(p => p.ProductName);
        columns.Bound(p => p.UnitsInStock).Width(140);
    })
.ToolBar(toolBar => toolBar.Create().Text("Add New Route Part"))
.Editable(editable => editable.Mode(GridEditMode.InCell))
    .DataSource(dataSource => dataSource        
        .Ajax()       
        .Batch(true)  
        .ServerOperation(false)                
        .Model(model => {
            model.Id(p => p.ProductID);
        })
        .Read("Read", "Home")
        .Update("Update", "Home")
        .Sort(s => s.Add(m => m.Order))
    )
)

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

@（Html.Kendo（）.Grid（））
.名称（“网格”）
.列（列=>{
columns.Bound（p=>p.Order）.Width（60）；
columns.Bound（p=>p.ProductName）；
列宽（140）；
})
.ToolBar（ToolBar=>ToolBar.Create（）.Text（“添加新管线零件”））
.Editable（Editable=>Editable.Mode（GridEditMode.InCell））
.DataSource（DataSource=>DataSource
.Ajax（）
.Batch（真）
.ServerOperation（错误）
.Model（Model=>{
model.Id（p=>p.ProductID）；
})
.Read（“Read”，“Home”）
.更新（“更新”、“主页”）
.Sort（s=>s.Add（m=>m.Order））
)
)
@（Html.Kendo（）.Sortable（））
.对于（“#网格”）
.过滤器（“表>正文>正文”）
.光标（“移动”）
.HintHandler（“noHint”）
.placeholder处理程序（“占位符”）
.ContainerSelector（“网格体”）
.Events（Events=>Events.Change（“onChange”））
)

如果像我这样的人遇到同样的问题，您必须将可排序筛选器更改为

.filter（“table>tbody>tr:not（.k-grid-edit-row）”）

更多关于：