MVC3分页查询

最新推荐文章于 2024-03-27 08:55:27 发布

原创最新推荐文章于 2024-03-27 08:55:27 发布 · 487 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #AJAX #Ajax #mvc #MVC

C# 同时被 2 个专栏收录

12 篇文章

订阅专栏

MVC3

4 篇文章

订阅专栏

本文介绍了一个使用WebGrid组件展示学生信息的管理系统，包括学生的基本信息如编号、姓名、年龄、性别及所属班级，并提供了编辑、详细查看和删除操作。

//我这里拿学生信息来做范例

 

 

@model
 IEnumerable< 程序集.Models.Student>//指定数据模型

 

 

@{

    //设置每页显示的信息条数和指定数据源

    var
 grid = new

WebGrid(source: Model, rowsPerPage: 2, canPage: true,
 canSort: true);

}

 

 

@grid.GetHtml(

        columns:
 grid.Columns

        (

            //指定每列显示的标题

            grid.Column("StudentId",
"学生编号",
 style: "mynameStyle"),

            grid.Column("StudentName",
"学生姓名",
 style: "mynameStyle"),

            grid.Column("StudentAge",
"学生年龄",
 style: "mynameStyle"),

            grid.Column("StudentSex",
"学生性别",
 style: "mynameStyle"),

            grid.Column("Grade.GradeName",
"学生班级",
 style: "mynameStyle"),

 

            grid.Column("",
"",
 format: @<text> @Html.ActionLink("编辑",
"Edit",
new

{ Id = item.StudentId })|

                @Html.ActionLink("详细",
"Details",
new

{ id = item.StudentId })|

                @Html.ActionLink("删除",
"Delete",
new

{ id = item.StudentId })</text>)

         ),
 tableStyle: "grid",
 headerStyle: "headerStyle1",
 selectedRowStyle: "selectedRowStyle",

                                      displayHeader:
 !IsPost,

                                      fillEmptyRows:
 !IsPost, emptyRowCellValue: "这行没东西",

                                      mode:
 WebGridPagerModes.All, firstText: "第一页",

                                      previousText:
"上一页",
 nextText: "下一页",
 lastText: "最后一页",

                                    numericLinksCount:
 15

    )

    <p>总页数：@grid.PageCount
 | 每页：@grid.RowsPerPage 行 | 当前第：@(grid.PageIndex+1) 页</p>