mvc主视图中的两个webgrid（parital视图）的分页问题 [英] paging issue of two webgrid ( parital view ) on main view in mvc

问题描述

我有两个部分视图，名称为Files和Documents.Each有单独的webgrids。我在主视图中呈现局部视图。很好。当我点击一个网格的下一页时，它也会改变另一个网格的页面。关于这个问题可以帮助我。谢谢提前起诉。谢谢。



WebGrid 1

 @ model IList< IC.Controllers.Files> 
 
 @ {
 WebGrid grid =  new  WebGrid（Model，rowsPerPage： 5 ，canPage： true ）; 
 grid.Pager（WebGridPagerModes.All）; 
 @ grid.GetHtml（tableStyle：  webgrid-70，
 headerStyle ：  webgrid-70-header，
 footerStyle：  webgrid-70-footer，
 alternatingRowStyle：  webgrid-70-alternating-row，
 selectedRowStyle：  webgrid-70-selected-row，
 rowStyle：  webgrid- 70行样式，
模式：WebGridPagerModes.All，
 firstText： <<< First，
 previousText： <上一页，
 nextText： 下一页>，
 lastText：  Last>>，
 columns：grid.Columns（
 grid.Column（  FileID，   ID），
 grid.Column（  FileName， 文件名），
 grid.Column（ 所有者， 由创建，
 grid.Column（  CreatedDate， 创建日期），
 grid.Column（  IsActive， 有效）
））
} 

WebGrid 2

 @ model IList< ; IC.Controllers.Documents> 
 
 @ {
 WebGrid grid2 =  new  WebGrid（Model，rowsPerPage： 5 ，canPage： true ）; 
 grid2.Pager（WebGridPagerModes.All）; 
 @ grid2.GetHtml（tableStyle：  webgrid-100，
 headerStyle ：  webgrid-100-header，
 footerStyle：  webgrid-100-footer，
 alternatingRowStyle：  webgrid-100-alternating-row，
 selectedRowStyle：  webgrid-100-selected-row，
 rowStyle：  webgrid- 100行样式，
模式：WebGridPagerModes.All，
 firstText： <<< First，
 previousText： <上一页，
 nextText： 下一页>，
 lastText：  Last>>，
 columns：grid2.Columns（
 grid2.Column（  DocumnetID，   ID），
 grid2.Column（  DocumnetName， 名称），
 grid2 .Column（  Detail，格式：@< text> @ Html.ActionLink（ 选择， 提交， new  {QtId = i tem.DocumnetID}）< /   text  > ），
 grid2.Column（ 编辑，格式：@< text> @ Html.ActionLink（ 编辑，  提交， new  {QtId = item.DocumnetID}）< /   text  > ），
 grid2。列（ 删除，格式：@< text> @ Html.ActionLink（ 删除， 提交， new  {QtId = item.Docu mnetID}， new  {onclick =   return confirm（'您确定要删除此文章吗？'）;}）< /   text  > ）
））
} 

解决方案

区分设置这些属性的两个网格

（因为两个网格都为ajax请求发送相同的ID）

AjaxUpdateContainerId [ ^ ]

FieldNamePrefix [ ^ ]

< a href =http://msdn.microsoft.com/en-us/library/system.web.helpers.webgrid.pagefieldname(v=vs.111).aspx> PageFieldName [ ^

I have two partial view with name Files and Documents.Each have separate webgrids. i am rendering both partial view in main view .Its fine . when i click on next page of one grid it also change page of another grid . can anybody help me regarding this issue .Thanks in advance sue .Thanks in advance

WebGrid 1

@model IList<IC.Controllers.Files>

@{
   WebGrid grid = new WebGrid(Model, rowsPerPage: 5,canPage:true);
   grid.Pager(WebGridPagerModes.All);
   @grid.GetHtml( tableStyle: "webgrid-70",
                    headerStyle: "webgrid-70-header",
                    footerStyle: "webgrid-70-footer",
                    alternatingRowStyle: "webgrid-70-alternating-row",
                    selectedRowStyle: "webgrid-70-selected-row",
                    rowStyle: "webgrid-70-row-style",
                    mode:WebGridPagerModes.All,
                    firstText: "<< First",
 previousText: "< Prev",
 nextText: "Next >",
 lastText: "Last >>",
                    columns: grid.Columns(
                        grid.Column("FileID","ID"),
		                grid.Column("FileName", "File Name"),
		                grid.Column("Owner", "Created By") ,
                        grid.Column("CreatedDate", "Created Date") ,
                        grid.Column("IsActive", "Is Active")        
 ))
}

WebGrid 2

@model IList<IC.Controllers.Documents>

@{
   WebGrid grid2 = new WebGrid(Model, rowsPerPage: 5,canPage:true);
   grid2.Pager(WebGridPagerModes.All);
   @grid2.GetHtml( tableStyle: "webgrid-100",
                    headerStyle: "webgrid-100-header",
                    footerStyle: "webgrid-100-footer",
                    alternatingRowStyle: "webgrid-100-alternating-row",
                    selectedRowStyle: "webgrid-100-selected-row",
                    rowStyle: "webgrid-100-row-style",
                    mode:WebGridPagerModes.All,
                    firstText: "<< First",
 previousText: "< Prev",
 nextText: "Next >",
 lastText: "Last >>",
                    columns: grid2.Columns(
                        grid2.Column("DocumnetID","ID"),
		                grid2.Column("DocumnetName", "Name"),
                        grid2.Column("Detail", format: @<text>@Html.ActionLink("Select", "Submit", new { QtId = item.DocumnetID }) </text>),
                        grid2.Column("Edit", format: @<text>@Html.ActionLink("Edit", "Submit", new { QtId = item.DocumnetID }) </text>),
                        grid2.Column("Delete", format: @<text>@Html.ActionLink("Delete", "Submit", new { QtId = item.DocumnetID },new { onclick = "return confirm('Are you sure you wish to delete this article?');" }) </text>)
 ))
}

解决方案

Distinguish between the two grids setting these properties
(as is both grid send the same ids for ajax request)
AjaxUpdateContainerId[^]
FieldNamePrefix[^]
PageFieldName[^]

这篇关于mvc主视图中的两个webgrid（parital视图）的分页问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！