javascript - Telerik MVC 网格按需填充

Question

我正在尝试构建一个类似于数据输入表单的向导，并且我在“第二页”上有一个网格，该网格是根据第一页上的值填充的。

例如:

第 1 页: 公司下拉，选择CompanyId

第 2 页: 基于 Page1 中的 CompanyId 填充的网格

Page1 和 Page2 实际上是同一个页面上的 2 个 div 标签。 我正在尝试弄清楚如何在我转到 Page2 或拥有有效的 CompanyId 之前不加载网格。

我如何获得 MVC Ajax 网格 1. 网格没有在加载时执行 Select() Ajax 调用吗？ 2.使用jquery获取grid按需调用Select？

Answer 1

尝试以下操作:

将此 javascript 添加到页面:

<script type="text/javascript">
var initialLoad = true;
function Grid_onDataBinding(e) {
    if (initialLoad) {
        e.preventDefault();
        initialLoad = false;
    }
}

function RefreshGrid() {
    var grid = $("#TestGrid").data("tGrid");  // Modify the grid ID to your own!!!
    grid.ajaxRequest();
}
</script>

注册以下客户端事件，以防止网格在初始加载时进行数据绑定(bind)。

.ClientEvents(events => events.OnDataBinding("Grid_onDataBinding"))

然后在页面某处调用 RefreshGrid() 函数，重新绑定(bind)网格。

<input type="button" value="Refresh Grid" onclick="RefreshGrid()" />

可以在 Telerik 文档站点上找到更多信息。 http://www.telerik.com/help/aspnet-mvc/telerik-ui-components-grid-client-api-and-events.html