我可以在ASP.NET MVC中使用兩個WebGrid嗎

Question

我點擊了此鏈接http://www.codeproject.com/Tips/615776/WebGrid-in-ASP-NET-MVC這對單個webgrid很有用，但是如果我在同一頁面中創建兩個具有不同列數的webgrid，遇到錯誤如何解決此問題

@{
    var grid = new WebGrid(Model, canPage: true, rowsPerPage: 5, 
    selectionFieldName: "selectedRow",ajaxUpdateContainerId: "gridContent");
        grid.Pager(WebGridPagerModes.NextPrevious);} 

<div id="gridContent">
    @grid.GetHtml(tableStyle: "webGrid",
            headerStyle: "header",
            alternatingRowStyle: "alt",
            selectedRowStyle: "select",
            columns: grid.Columns(
            grid.Column("Id", format: (item) => item.GetSelectLink(item.Id)),
            grid.Column("Name", format: (item) => item.GetSelectLink(item.Name)),
            grid.Column("Description", "Description", style: "description")
     )) 
</div>

     @{
    var gridsecond = new WebGrid(Model, canPage: true, rowsPerPage: 5,
    selectionFieldName: "selectedRow", ajaxUpdateContainerId: "secondgridContent");
        grid.Pager(WebGridPagerModes.NextPrevious);} 

<div id="secondgridContent">
    @gridsecond.GetHtml(tableStyle: "webGrid",
            headerStyle: "header",
            alternatingRowStyle: "alt",
            selectedRowStyle: "select",
            columns: gridsecond.Columns(
            gridsecond.Column("Id", format: (item) => item.GetSelectLink(item.Id)),
            gridsecond.Column("Name", format: (item) => item.GetSelectLink(item.Name)),
            gridsecond.Column("Description", "Description", style: "description"),
            gridsecond.Column("Quantity", "Quantity")
     )) 
</div>

Answer 1

當同一頁面上有多個WebGrid時，需要為每個PageFieldName提供唯一的FieldNamePrefix和PageFieldName值。 您可以通過其構造函數來實現：

var grid1 = new WebGrid(Model1, fieldNamePrefix: "g1", pageFieldName: "p1");
var grid2 = new WebGrid(Model2, fieldNamePrefix: "g2", pageFieldName: "p2");