Kendo网格行在插入时重复

时间:2019-03-16 20:49:58

标签: javascript c# html asp.net-mvc kendo-ui

我有一个包含数据行的Kendo网格,如果连续添加两个新行,则添加到网格中的第一行将有一条重复的记录插入到SQL db表中。我见过other posts的建议是在create事件上使用“ complete”事件:

transport: {
        read: UrlBase + "getAll",
        create: {
            url: UrlBase + "create",
            dataType: "jsonp",
            complete: function (e) {
                $("#grid").data("kendoGrid").dataSource.read();
            }
        },

问题是,在我的代码中,我正在使用模型绑定将数据发送到服务器端,并且网格结构也需要维护:

<div class="k-pane">
        @{
            Html.Kendo().Grid(Model)
            .Name("exampleGrid")
            .Columns(columns =>
            {
                columns.Select().Width(60);
                columns.Bound(c => c.exampleUniqueID).Hidden(true);
                columns.Bound(c => c.example1ID).Hidden(true);
                columns.Bound(c => c.example2ID).Hidden(true);
                columns.Bound(c => c.example1CD).EditorTemplateName("exampleDropDown").Width(300);
                columns.Bound(c => c.EffectiveDate).Format("{0:MM/dd/yyyy}").EditorTemplateName("EffectiveDatePicker");
                columns.Bound(c => c.EndDate).Format("{0:MM/dd/yyyy}").EditorTemplateName("EndDatePicker");
                columns.Bound(c => c.SortOrder);
                columns.Bound(c => c.AddedBy);
                columns.Bound(c => c.AddedOn);
                columns.Bound(c => c.UpdatedBy);
                columns.Bound(c => c.UpdatedOn);

            })

            .ToolBar(toolbar =>
            {
                toolbar.Create().Text("Add");
                toolbar.Save().SaveText("Save");

            })
            .Editable(editable => editable.Mode(GridEditMode.InCell).DisplayDeleteConfirmation(false))
            .Scrollable()
            .Sortable()
            .Events(e => e.SaveChanges("exampleGrid_onSaveChanges"))
            .DataSource(datasource => datasource
                           .Ajax()
                           .Model(model =>
                               {
                                   model.Id(d => d.exampleUniqueID);
                                   model.Field(f => f.AddedBy).Editable(false);
                                   model.Field(f => f.AddedOn).Editable(false);
                                   model.Field(f => f.UpdatedBy).Editable(false);
                                   model.Field(f => f.UpdatedOn).Editable(false);
                               }
                            )
                           .ServerOperation(false)
                           .Read(read => read.Action("ControllerAction", "ControllerName"))
                           .Create(create => create.Action("ControllerAction_Create", "ControllerName").Data("exampleGrid_onAdditionalData"))
                           .Update(update => update.Action("ControllerAction_Create", "ControllerName"))
                           .Destroy(delete => delete.Action("ControllerAction_Delete", "ControllerName"))
                           .Events(e => e.Error("exampleGridDS_onError"))
                        )
            .Render();

        }
    </div>

由于网格在事件方法调用(用于读取,更新,创建等)中使用箭头语法,并且由于在数据源的JSON格式定义中使用了“ complete”事件,因此完成”事件在以上网格中使用?如果不能,如何防止重复项插入sql表?

1 个答案:

答案 0 :(得分:1)

对数据源使用requestEnd事件。它将在传输方法之后调用。


    .Events(events => events.RequestEnd("add_a_javascript_method"))