mvc webgrid ajax分页

时间:2012-05-04 22:13:56

标签: asp.net-mvc-3 webgrid

@{ 
    var gridUser = new WebGrid(canPage: true, defaultSort: "CreatedOn", rowsPerPage: 5, 
                            ajaxUpdateContainerId: "Divxyz"); 
    gridUser.Bind(Model.abc, rowCount: Model.User.Count(), autoSortAndPage: true); 
    gridUser.Pager(WebGridPagerModes.All); 

} 
<div id="Divxyz" style="display: none">

我正在使用带有ajax分页的mvc3 webgrid ...我想出了我的解决方案,如上所述进行ajax分页。

但是......我的网格位于页面底部,当我点击页码时(它显示#作为其链接页面),它将我带到页面顶部再次移动网格到页面底部页码点击。请帮帮我。

先谢谢

1 个答案:

答案 0 :(得分:2)

我找到了问题的解决方案。 我添加了下面的脚本,当我点击页码页面时不滚动

<script type="text/javascript">
    $(function () {
        $('th a, tfoot a').live('click', function () {
            $(this).attr('href', '#DivGridUser-anchor');
        });

    });
</script>