过滤网格时,Kendo工具栏AddNew按钮不起作用

Question

我有一个小的Kendo Grid,设置如下.以一种难以置信的神秘方式,Controller"动作"为"添加新",即BatchCreate只有在单击"添加新"后单击另一个命令按钮时才会调用.例如a)点击"添加新",什么都没发生.b)重新加载页面,单击"添加新",没有任何反应,然后单击"保存更改",BatchCreate最后调用该方法.

我的网格看起来像这样,几乎直接从他们的一个例子中复制:

@(Html.Kendo().Grid<LocationIndexItem>()
               .Name("index-grid")
               .Columns(columns =>
                            {
                                columns.Bound(p => p.Name);                                    
                                columns.Bound(p => p.IsActive).ClientTemplate(
                                    "<input type='checkbox' value='#= IsActive #' " +
                                    "# if (IsActive) { #" +
                                    "checked='checked'" +
                                    "# } #" +
                                    "/>").Width(70);
                                columns.Bound(p => p.Remarks);
                                columns.Command(cmd => cmd.Destroy());
                            })
                .ToolBar(toolbar =>
                {
                    toolbar.Create();
                    toolbar.Save();
                })
               //.Events(e => e.Edit("gridEdit"))       
               .Editable(editable => editable.Mode(GridEditMode.InCell))
               .Filterable()
               .Pageable()
               .Scrollable()
               .DataSource(dataSource => dataSource
                                     .Ajax()
                                     .ServerOperation(false)
                                     .Batch(true)
                                     .PageSize(20)
                                     .Events(events => events.Error("errorHandler"))
                                     .Model(model => model.Id(p => p.Id))
                                     .Read(read => read.Action("Read", "Location"))
                                     .Update(update => update.Action("BatchUpdate", "Location"))
                                     .Create(create => create.Action("BatchCreate", "Location"))
                                     .Destroy(destroy => destroy.Action("BatchDelete", "Location"))
                           )
)

另一个网格完全相同,除了一个额外的字段,完美地工作.

JUST IN:使用以下代码过滤网格似乎会导致上述行为.当我评论注释行时,$("#ParkadeId").change()网格表现正常:

$(function() {
    $("#ParkadeId").change(function () {
        var value = $(this).val();
        var grid = $("#index-grid").data("kendoGrid");
        if (value) {
            grid.dataSource.filter({ field: "ParkadeId", operator: "eq", value: parseInt(value) });
        } else {
            grid.dataSource.filter({});
        }
    });
    //$("#ParkadeId").change();
});

看起来在Kendo网格上设置过滤器会破坏Add New功能.

Answer 1

根据Kendo Ui支持论坛 - 这是在客户端应用过滤/排序时的预期行为,因为当在当前视图之外创建新记录时,无法编辑它.

可能的解决方案是启用服务器排序/过滤或实现自定义"添加记录"按钮,该按钮首先清除数据源当前过滤器并排序,然后使用网格API添加新记录.

这是一个在添加新记录之前清除当前过滤器和排序的函数示例:

function createNew() {
    var grid = $("#grid").data("kendoGrid");
    grid.dataSource.filter({});
    grid.dataSource.sort({});
    //add record using Grid API
    grid.addRow();
}