有 ASP.NET MVC 的页面导航助手吗？

Question

是否有用于页面导航的 html 帮助器？例如。如果我有 1000 条记录要显示，我想显示上一条 1 2 3 4 ...等等 过滤后的集合下的下一个链接内容。

有人知道那里有什么吗？

Answer 1

结帐使用ASP.NET MVC进行分页， PageList Strikes Back 和创建页面HTML助手

Answer 2

如果要从JSON数据创建数据表，我强烈推荐YUI（Yahoo UI Library）DataTable组件（ http://developer.yahoo.com/yui/datatable/ ）。它可以很好地进行分页，您可以选择将整个记录集返回到开始，然后通过所有客户端进行分页或从服务器返回分页集。

可能不适合你的情景，但我想我会提到它。

Answer 3

我的动态数据for MVC示例应用程序中有一个分页网格，但网格是手工渲染的。数据使用的是PagedList，它来自Rob Conery（反过来我觉得它来自ScottGu）。

我一直在考虑对于MVC来说，分页网格助手的外观可能是什么......

Answer 4

到目前为止，我为分页所做的工作是创建Pager控件，它需要一个分页URL，HTML元素ID以进行更新，页码，页码，页面大小和总数。

分页 url 的形式为控制器/操作，其中操作返回 html 字符串（呈现的数据页面）

分页器附加页面的 javascript 链接列表。这些链接调用基于 jQuery 的 ajax 函数来访问分页 URL。每次页面单击都会用 ajax 调用的结果替换 html 元素的当前内容。像这样的东西：

public string Render()
{
    var buffer = new StringBuilder( 1000 );
    buffer.AppendLine( @"<ul class=""datatable_pager"">" )
        .AppendLine( "\t<li>Additional Pages:</li>" );
    int numberOfPages = TotalItemCount % PageSize == 0 ? TotalItemCount / PageSize : TotalItemCount / PageSize + 1;

    for( int i = 0; i < numberOfPages; i++ )
    {
        AppendPageLink( buffer, i );
    }

    buffer.AppendLine( "\t</ul>" );
    AppendPagingJS( buffer );

    return buffer.ToString( );
}

private void AppendPageLink( StringBuilder buffer, int i )
{
    buffer.Append( "\t\t<li><a href=\"" )
    .Append( PagingLink.Replace( "$PAGE$", i.ToString( ) ) )
    .Append( "\">" )
    .Append( i.ToString( ) )
    .Append( "</a>" )
    .AppendLine( "\t\t</li>" );
}


private void AppendPagingJS( StringBuilder buffer )
{
    buffer.AppendLine( @"
        <script type=""text/javascript"">
        function page( page, size, updateElement )
        {
            $.post( '" + PagingUrl + @"',
                {
                    pageNumber: page, 
                    pageSize: size,
                },
                function(response) 
                {
                    $(""#"" + updateElement).html(response);
                },
                ""html""
            );
        }
        </script>" );
}

javascript 发布到分页 url，因此该操作需要执行以下操作：

int.tryparse（request.params [“ pagenumber”]，out page）int.tryparse（request.params [“ pageSize”，out size size））

并将结果与​​数据访问组件一起使用来获取数据页，将其呈现为 html 并返回。

希望有帮助，如果需要的话我可以扩展它。