部分視圖中的WebGrid - 停止從重新加載頁面進行分頁

Question

我有一個儀表板類型頁面，其中包含多個部分視圖，每個視圖都包含一個webgrid。

例如，這是網格在我_CurrentSubscriptions局部視圖：

WebGrid grid = new WebGrid(Model.Titles, 
    rowsPerPage: Model.PageSize, 
    defaultSort: "Name", 
    ajaxUpdateContainerId: "UserSubscriptions"); 
@grid.GetHtml(columns: grid.Columns(grid.Column("Name"), grid.Column("Description"), 
grid.Column(format: @<text>@Html.ActionLink("Remove", "RemoveSub")</text>))); 

我也有包含以下表格顯示搜索結果的_addSubscription局部視圖。

WebGrid grid = new WebGrid(Model.Titles, 
    rowsPerPage: Model.PageSize, 
    defaultSort: "Name", 
    ajaxUpdateContainerId: "TitlesFound"); 
grid.Pager(WebGridPagerModes.All); 
@grid.GetHtml(columns: grid.Columns(grid.Column("Name"), grid.Column("Description"), 
grid.Column(format: @<text>@Html.ActionLink("Add", "AddSub")</text>))); 

兩個分部的觀點是從我的訂閱名爲/ index.cshtml

是否有可能從重新加載頁面限制在每個網格的分頁和剛剛更新所選網格？

Answer 1

1. 將您的網格包裹在帶有ID的div中。
2. （您已完成此操作）當您實例化網格時，請使用div的ID指定AJAX參數 ajaxUpdateContainerId。
3. 重新載入您的頁面。

4. 點擊另一頁，注意沒有回覆頁面;只有網格重新加載。

   <div id="UserSubscriptions"> 
       @grid.GetHtml(columns: 
        grid.Columns(grid.Column("Name"), 
        grid.Column("Description"), 
        grid.Column(format: @<text>@Html.ActionLink("Add", "AddSub")</text>))); 
   </div>