Telerik MVC Grid按需填充

Bri*_*ian 1 javascript telerik-mvc telerik-grid razor

我正在尝试构建一个像数据输入表单的向导,我在"第二页"上有一个网格,它根据第一页上的值填充.

例如:

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

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

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

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

Igo*_*ous 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>
Run Code Online (Sandbox Code Playgroud)

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

.ClientEvents(events => events.OnDataBinding("Grid_onDataBinding"))
Run Code Online (Sandbox Code Playgroud)

然后在页面的某个位置调用RefreshGrid()函数来重新绑定网格.

<input type="button" value="Refresh Grid" onclick="RefreshGrid()" />
Run Code Online (Sandbox Code Playgroud)

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