MVC3 Webgrid分页不工作在一个JQuery对话框内

Question

我有一个Jquery对话框，我加载一个包含webgrid的视图。它通常打开并在webgrid中显示内容。但是当我点击分页链接时，webgrid的下一页在对话框中并没有打开，而是作为浏览器中的不同页面。

我不能在Jquery对话框中有一个webgrid吗？

如果可以，我必须设置特定属性吗？

Answer 1

您需要定义ajaxUpdateCallback功能，例如：

var grid = new WebGrid(source: Model, 
    ajaxUpdateCallback: "GridUpdate", 
    ajaxUpdateContainerId: "grid" 
    rowsPerPage: 50); 

确保.GetHtml方法有：

@grid.GetHtml(
    htmlAttributes: new { id = "grid" }, 
//.. rest of the options here 
) 

，并添加以下到您的主视图

<script type="text/javascript"> 
    function GridUpdate(data) { 
     $('#grid').html(data); 
    } 
</script> 

花5分钟时间查看您的WebGrid代码，它将对您有很大帮助，并且可以节省以后的时间。它是什么，是一个用jQuery代码增强的HTML表格。查看页面链接和标题（用于排序），它们都只是带有Url的$ .load（）调用和Callback参数。所以重要的是找出正确的div ID和回调函数:)