【问题标题】:using sortable widget with inline kendo grid使用带有内联剑道网格的可排序小部件
【发布时间】:2016-07-23 20:36:02
【问题描述】:

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

我的代码是:

@(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】:

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2015-08-06
      • 2012-02-14
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多