Telerik MVC Grid按需填充

时间:2012-05-24 13:55:32

标签: javascript razor telerik-grid telerik-mvc

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

例如:

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

第2页: 基于Page1

的CompanyId填充网格

Page1和Page2都是同一页面上的2个div标签。 我试图找出如何在我转到Page2或拥有有效的CompanyId之前不加载网格。

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

1 个答案:

答案 0 :(得分:5)

尝试以下方法:

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