asp.net-mvc-3 - mvc webgrid ajax 分页

Question

@{ 
    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 分页。

但是.....我的网格位于页面底部，当我单击页码时（它显示 # 作为其链接页面），它会将我带到页面顶部，每次单击页码时再次将网格移动到页面底部. 请帮助我。

提前致谢 。

Answer 1

我想出了这个问题的解决方案。我在下面添加了脚本，当我点击页码时页面不滚动

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

    });
</script>