Bất kỳ trình trợ giúp điều hướng trang nào cho ASP.NET MVC?

Question

Có bất kỳ người trợ giúp html nào để điều hướng trang hay không. ví dụ. nếu tôi có 1000 bản ghi để hiển thị, tôi muốn hiển thị trước đó 1 2 3 4 ... vv Tiếp theo các công cụ liên kết dưới bộ sưu tập được lọc.

Có ai biết gì về điều đó không?

Answer 1

Thanh toán Paging with ASP.NET MVC, PageList Strikes Back và Create a Page HTML Helper

Answer 2

Tôi có lưới phân trang trong số Dynamic Data for MVC sample application của mình, nhưng lưới được vẽ bằng tay. Các dữ liệu được sử dụng PagedList, mà đến từ Rob Conery (người lần lượt tôi nghĩ rằng đã nhận nó từ ScottGu).

Tôi đã suy nghĩ về những gì một helper paged-lưới có thể trông như cho MVC ...

Answer 3

Nếu bạn đang tạo một bảng dữ liệu từ dữ liệu JSON, Tôi rất khuyên bạn nên sử dụng thành phần DataTable YUI (Yahoo UI Library) DataTable (http://developer.yahoo.com/yui/datatable/). Nó phân trang rất tốt và bạn có tùy chọn trả về toàn bộ bộ bản ghi để bắt đầu và sau đó phân trang thông qua tất cả phía máy khách hoặc trả về một tập hợp phân trang từ máy chủ.

Có lẽ sẽ không phù hợp với kịch bản của bạn, nhưng chỉ nghĩ rằng tôi muốn đề cập đến nó.

Answer 4

Điều tôi đã thực hiện để phân trang cho đến nay là tạo điều khiển Máy nhắn tin, Phải có url phân trang, id phần tử html để cập nhật, số trang, kích thước trang và tổng số.

Url phân trang có dạng điều khiển/hành động mà hành động trả về một chuỗi html (trang trả lại dữ liệu)

Các pager gắn thêm một danh sách các liên kết javascript cho các trang. Các liên kết này gọi hàm jQuery dựa trên ajax để truy cập url phân trang. Mỗi lần nhấp vào trang sẽ thay thế nội dung hiện tại của phần tử html bằng kết quả của cuộc gọi ajax. Something như thế này:

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>"); 
} 

Các bài viết javascript để url phân trang, do đó hành động sẽ cần phải sau đó làm điều gì đó như:

int.TryParse (Request.Params [ "PAGENUMBER"], ra khỏi trang) int.TryParse (Yêu cầu.Params ["pageSize"], ra kích thước))

và sử dụng kết quả với các thành phần truy cập dữ liệu của bạn để lấy trang dữ liệu, hiển thị dưới dạng html và trả về.

Hy vọng điều đó sẽ giúp ích, tôi có thể mở rộng nếu cần.