小编Rav*_*san的帖子

在MVC 3中使用Webgrid选择多个复选框(选择全部/取消全选),排序和分页

如果您想知道如何制作多个复选框和多个复选框选择(选择全部或取消全选),分页,在MVC3 Webgrid中排序,这里是解决方案:

要简化,它具有以下功能:

  1. webgrid中的复选框
  2. 多个复选框选择(全选/取消全选)
  3. 使用LINQ进行分页
  4. 使用LINQ排序

视图:

@using NameSpace.DataAccess
@using ThisController = NameSpace.Web.Controllers.HomeController
@model GenericModelTypes<ContactModel>

     @{var grid = new WebGrid(rowsPerPage: ThisController._pageSize,
                  canPage: true, canSort: true, ajaxUpdateContainerId: "webgrid");
                grid.Bind(Model.TypeList, rowCount:Model.TotalRecordCount,autoSortAndPage: false);
                grid.Pager(WebGridPagerModes.All);


     @grid.GetHtml(
                    tableStyle: "webgrid",
                    headerStyle: "webgrid-header",
                    footerStyle: "webgrid-footer",
                    alternatingRowStyle: "webgrid-alternating-row",
                    selectedRowStyle: "webgrid-selected-row",
                    rowStyle: "webgrid-row-style",
                        htmlAttributes: new { id = "webgrid" },
                    columns: grid.Columns(
                         grid.Column(header: "Assign?", style: "labelcolumn",
                                        format:
                                            @<text><input class="check-box" id="assignChkBx" name="assignChkBx" type="checkbox" value="@item.ContactId" /></text>),
                        grid.Column("CompanyName", "Company Name"),
                        grid.Column("Title", "Title"),
                        grid.Column("FirstName", "First Name"),
                        grid.Column("LastName", "Last Name"),
                        grid.Column("Street", "Street"),
                        grid.Column("City", …
Run Code Online (Sandbox Code Playgroud)

sorting checkbox paging webgrid asp.net-mvc-3

9
推荐指数
0
解决办法
2万
查看次数

标签 统计

asp.net-mvc-3 ×1

checkbox ×1

paging ×1

sorting ×1

webgrid ×1