Question

我在我的kendo网格razor中使用内联编辑器。我想添加kendo可排序小部件来重新排序网格中的行。但每当我在我的代码中附加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"))
)

Answer 1

如果像我这样的人也遇到同样的问题，则必须将可排序的过滤器更改为.Filter("table >tbody >tr:not(.k-grid-edit-row)")。

有关以下信息：https://docs.telerik.com/kendo-ui/controls/interactivity/sortable/integration/grid

使用带有内联kendo网格的可排序小部件

1 个答案: