我在Kendo网格剃须刀中使用内联编辑器。我想添加kendo可排序小部件以对网格中的行进行重新排序。但是,每当我在代码中附加可排序内容时,网格中的一个字段便会失去其控制权,即,每当我单击该列以添加数据时,我的文本框就会立即出现,而每当我输入数据并移至另一列时,输入的值就是不见了当我删除可排序的代码时,数据将完美显示。请告诉我解决方案。
我的代码是:
@(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"))
)
如果像我这样的人遇到相同的问题,则必须将可排序的筛选器更改为.Filter("table >tbody >tr:not(.k-grid-edit-row)")
。
关于:https://docs.telerik.com/kendo-ui/controls/interactivity/sortable/integration/grid的更多信息