Question

在下面的网格中，我已经实现了Destroy方法来删除记录，但问题是在服务器端删除期间发生错误时，kendo网格仍然从网格中删除记录。当我刷新页面记录再次按预期出现。如果发生服务器端错误并向用户显示错误消息，如何防止kendo网格删除记录？

 @(Html.Kendo().Grid((IEnumerable<RealEstateApp.Models.propertyOwenerModel>)Model)
        .Name("grid")
        .Columns(columns =>
        {
            columns.Bound(o => o.id).Visible(false);

            columns.Bound(o => o.name).Width("150px");
            columns.Bound(o => o.email).Width("100px");
            columns.Bound(o => o.address).Width("200px");
            columns.Bound(o => o.telephone).Width("100px");
            columns.Bound(o => o.mobile).Width("100px");

            columns.Template(o => Html.ActionLink("Edit", "Edit", new { o.id })).ClientTemplate("<a class='k-button k-button-icontext' href=\"" + Url.Action("Edit", "propertyOwner") + "/#= id#\"><span class='k-icon k-edit'></span>Edit</a>").Width(80).Title("Edit");
            if (Roles.IsUserInRole(User.Identity.Name, "admin"))
            {
                columns.Command(commands =>
                {

                        commands.Destroy(); // The "destroy" command removes data items


                }).Title("Delete").Width(90);
            }
            //columns.Template(o => Html.ActionLink("Delete", "Delete", new { o.id })).ClientTemplate("<a class='blue' href=\"" + Url.Action("Details", "propertyOwner") + "/#= id#\"><i class='icon-zoom-in bigger-130'>Delete</i></a>").Width(65).Title("Details");
        })
        .ToolBar(toolbar =>
        {

            toolbar.Template(@<text>
    <a class="k-button" href="/propertyOwner/Create"><span class="k-icon k-si-plus"></span></a>
    </text>);


        })
        .Pageable()
        .Sortable()
        .Scrollable()
        .Filterable()
        .Groupable()
        .HtmlAttributes(new { style = "height:900px;" })

         .DataSource(dataSource => dataSource
            .Ajax()
            .PageSize(20)
            .Read(read => read.Action("AjaxGrid", "propertyOwner"))
            .Destroy(destroy => destroy.Action("Destroy", "propertyOwner"))

                .Model(model =>
                {
                    model.Id(m=>m.id); // Specify the property which is the unique identifier of the model
                    model.Field(m => m.id).Editable(false); // Make the ProductID property not editable
                })
                 )


    )

Answer 1

您应该在Schema定义中定义errors函数或字段，这是服务器将通知发送到UI的字段。

然后，在DataSource中定义一个显示警报消息的error事件处理程序（或者您想要做的任何事情）。

使用errors字段定义和error事件处理程序的DataSource定义示例：

var dataSource = new kendo.data.DataSource({
    transport: {
        read: {
            url: "http://demos.kendoui.com/service/twitter/search",
            dataType: "jsonp",
            data: { q: "#" }
        }
    },
    schema: {
        errors: "error" // twitter's response is { "error": "Invalid query" }
    },
    error: function(e) {
        console.log(e.errors); // displays "Invalid query"
    }
});

编辑：如果您需要进行一些复杂的验证，而不仅仅是说哪个字段包含错误，您可以在errors中定义schema函数，该函数返回{ {1}}表示错误，true表示ok！。

示例：

false

Kendo Grid Destroy命令不刷新网格

1 个答案: