Telerik MVC Grid 按需填充

Telerik MVC Grid Populate on demand

本文关键字:填充 Grid MVC Telerik      更新时间:2023-09-26

我正在尝试构建一个类似数据输入表单的向导,我在"第 2 页"上有一个网格,该网格是根据第 1 页上的值填充的。

前任:

页 1:公司下拉列表,选择公司 ID

第 2 页:基于第 1 页中的公司 ID 填充的网格

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

如何获取 MVC Ajax 网格1. 没有让网格在加载时执行 Select() Ajax 调用?2. 让网格调用 使用 jquery 按需选择?

尝试以下操作:

将此 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>

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

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

然后在页面上的某个位置调用 RefreshGrid() 函数,以重新绑定网格。

<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