kendo-ui - Kendo Grid 阻止默认请求

Question

有什么办法可以防止默认的ajax请求？在我将在 java 脚本中进行所有配置之后，我正在刷新网格，然后我开始请求，但不知何故，这个剑道网格是在页面加载时自动请求数据。

@(Html.Kendo().Grid<Data>()
    .Name("grid")
    .HtmlAttributes(new { Class = "acceleratorGrid" })
    .TableHtmlAttributes(new { Class = "styled", cellpadding = "0", border = "0", margin = "0" })
    .Events(e => e.Change("onChange"))
    .DataSource(dataSource => dataSource // Configure the grid data source
                                .Ajax() // Specify that ajax binding is used
                                .Read(read => read.Action("Products_Read", "Home")) // Set the action method which will return the data in JSON format
    )
    .Columns(columns =>
                {

                    columns.Bound(product => product.ProductID).Template(@<text></text>).ClientTemplate("<input type='checkbox' onclick='return false' name='checkedRecords' />");
                    columns.Bound(product => product.ProductName);
                    columns.Bound(product => product.UnitsInStock);
                }
    ).Selectable(s => s.Mode(GridSelectionMode.Single))
)

Answer 1

简要介绍一下为什么会发生这种情况:当 Kendo UI Grid 没有与之关联的任何数据，但确实设置了读取传输配置选项时，它将触发获取数据的请求。当您使用 Ajax 绑定(bind)和页面大小的项目子集时，排序、分页、过滤、分组等也是如此。

无论如何，至于解决方案，您可以通过几种方法进行设置。

也许最简单的就是使用 requestStart event Grid 的 DataSource 并取消任何不符合您的条件的数据请求。

您也可以使用 autoBind configuration option如您帖子的评论中所述。

或者，您可以在 JavaScript 中在 Grid 之外定义一个 DataSource，然后在您需要的场景发生后等待将其分配给 Grid。可以通过一些简单的 JS 访问和分配 Grid 的 DataSource 属性，并且在正确分配 DataSource 之前，Grid 不会启动请求。

总的来说，我建议保留 Kendo UI documentation对于这种情况，近在咫尺，因为它将为您提供 Grid 和 DataSource 的所有事件和配置选项。主要用于 JS 方面，但您很可能需要在此特定场景中以任何一种方式使用 JS。