【问题标题】:How to show two WebGrid in one view如何在一个视图中显示两个 WebGrid
【发布时间】:2013-10-04 19:08:01
【问题描述】:

我正面临这个问题,我想在一个视图中显示两个 Webgrid,所以我为每个视图创建单独的视图,并使用

调用一个视图
 <table>
   <tr>
    <td>
        @{Html.RenderAction("NewRegisterCustomer", "AdminDeshboard");}
        @{Html.Action("NewRegisterCustomer", "AdminDeshboard");}
    </td>
  </tr>
  <tr>
    <td>
         @{Html.RenderAction("OrderSummary", "AdminDeshboard");}
        @{Html.Action("OrderSummary", "AdminDeshboard");}
    </td>
  </tr>

两个 Webgrid 都正常显示,但是当我更改页面时,一个 Webgrid 另一个 Webgrid 也受影响

这是我的 Webgrid 代码

    <fieldset>
    @{
    ViewBag.Title = "WebGrid with Custom Paging, Sorting";
    WebGrid grid1 = new WebGrid(rowsPerPage: Model.PageSize);
    grid1.Bind(Model.Order,
              autoSortAndPage: false,
              rowCount: Model.TotalRows
    ); 
   }
     @grid1.GetHtml(
     fillEmptyRows: false,
     alternatingRowStyle: "alternate-row",
     headerStyle: "grid-header",
     footerStyle: "grid-footer",
    mode: WebGridPagerModes.All,
    firstText: "<< First",
    previousText: "< Prev",
     nextText: "Next >",
    lastText: "Last >>",


   columns: new[] {

    grid1.Column("OrderId",header: "  OrderId    ",style:"Width=100px"),
    grid1.Column("FirstName",header: "  FirstName    "),
    grid1.Column("LastName",header: "  LastName     "),
    grid1.Column("CartTotal",header: "  CartTotal    ",style:"Width=100px")

  })
 </fieldset>

当我像这样更改页面网址时 本地主机:49424/HomeAdmin?page=2 它对两个网格都有影响,

有什么办法让我更改页面名称

   **page ---> Orderpage** 

请指导我

谢谢

【问题讨论】:

    标签: asp.net-mvc webgrid ultrawebgrid


    【解决方案1】:

    这就是 WebGrid 构造函数中的 fieldNamePrefix 参数的用途。

    From the documentation:

    fieldNamePrefix

    类型:System.String

    应用于与 WebGrid 实例关联的所有查询字符串字段的前缀。此值用于支持同一网页上的多个 WebGrid 实例。

    或者,如果您只是想更改分页字段名称,则有一个参数(与选择、排序字段和排序方向一样)。

    【讨论】:

    • WebGrid grid1 = new WebGrid(rowsPerPage: Model.PageSize, fieldNamePrefix: "order");
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-01-23
    • 2014-07-28
    • 2021-09-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多