将可排序小部件与嵌入式剑道网格一起使用

问题描述 投票:3回答:1

我在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"))
)
razor kendo-grid kendo-asp.net-mvc telerik-grid telerik-mvc
1个回答
0
投票

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

关于:https://docs.telerik.com/kendo-ui/controls/interactivity/sortable/integration/grid的更多信息

© www.soinside.com 2019 - 2024. All rights reserved.