描述:用mvcpager实现简单分页功能

参考网址:

http://www.cnblogs.com/iamlilinfeng/archive/2013/03/11/2951460.html

http://www.webdiyer.com/aspnetpager/(官网)

view

<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<PagedList<OA_TAB_APPLYLEAVE>>" %>

<%@ Import Namespace="Webdiyer.WebControls.Mvc" %>

<!DOCTYPE html>

<html>

<head runat="server">

    <title>个人休假申请查询</title>

    <link href="/CSS/IE6.css" rel="stylesheet" type="text/css" />

</head>

<body>

<% using (Html.BeginForm("QueryApplyLeave", "LeaveReport", FormMethod.Get))

   { %> 

    <div>

        <table border="0" cellpadding="1" cellspacing="1" width="90%">

            <tr>

                <td align="center" style="font-weight: bold; font-size: 20px">

                    个人休假申请查询</td>

            </tr>

        </table>

    </div>

        <fieldset style="width: 90%">

            <legend style="font-weight: bold; font-size: 80%">休假申请信息</legend>

            <table border="0" cellpadding="1" cellspacing="1" class="Table1" width="100%">

                <tr>

                    <td style="width: 40px">工号：</td>

                   <td>

                        <input id="txtStaffNo" type="text"  value="<%=(Session["CurrUser"] as EmployeeInfo).StaffNo %>" name="txtStaffNo" class="EditTextBox1" readonly width="90px"  /></td>

                    <td style="width: 40px">姓名：</td>

                     <td>

                        <input id="txtStaffName" value="<%=(Session["CurrUser"] as EmployeeInfo).Name %>" type="text" name="txtStaffName" class="EditTextBox1" readonly width="90px"  />

                       </td>

                    <td style="width: 40px">部门：</td>

                    <td>

                        <input id="txtDepartment" type="text" value="<%= Html.Action("GetFullDeptName", "LeaveReport", new { staffNo = (Session["CurrUser"] as EmployeeInfo).StaffNo}) %>" name="txtDepartment" class="EditTextBox1" readonly width="110px"  />

                    </td>

                </tr>

                <tr>

                    <td colspan="6">

                         <table cellspacing="0" cellpadding="4" rules="all" border="1" id="ucQueryBalance_GridView1" style="width:100%;border-collapse:collapse;">

                <tr style="color:White;background-color:#006699;">

                    <td width="90">

                        PID

                    </td>

                    <td>

                        开始日期

                    </td>

                    <td>

                        结束日期

                    </td>

                    <td>

                        请假天数

                    </td>

                    <td>

                        休假种类

                    </td>

                    <td>

                        备注

                    </td>

                    <td>

                        申请日期

                    </td>

                     <td>

                        是否提前结束

                    </td>

                     <td>

                        状态

                    </td>

                     <td>

                        详细

                    </td>

                </tr>

                <%foreach (var o in Model)

                  {

                       %>

                <tr>

                    <td> <%= Html.Encode(o.OA_LV_PID)%></td>

                    <td> <%= Html.Encode(o.OA_LV_STARTDATE)%></td>

                    <td> <%= Html.Encode(o.OA_LV_ENDDATE)%></td>

                    <td> <%= Html.Encode(o.OA_LV_DURATION)%></td>

                    <td> <%= Html.Encode(o.OA_LV_DESCRIPTION)%></td>

                    <td> <%= Html.Encode(o.OA_LV_REMARK)%></td>

                    <td> <%= Html.Encode(o.OA_LV_ENTERDATE)%></td>

                    <td> <%=Html.Action("GetIsCancel", "LeaveReport", new { isCancel = o.OA_LV_CANCELLEAVE })%>

                    </td>

                    <td> <%=Html.Action("GetStatus", "LeaveReport", new { status = o.OA_LV_STATUS })%></td>

                    <td><a href="/ApplyLeave/Detail" target="_blank">详细</a></td>

                  </tr>

                <%} %>

                <tr>

                    <td colspan="10">

                    <%=Html.Pager(Model, new PagerOptions

                      {

                        PageIndexParameterName = "id",

                        ShowPageIndexBox = true,

                        FirstPageText = "首页",

                        PrevPageText = "上一页",

                        NextPageText = "下一页",

                        LastPageText = "末页",

                        PageIndexBoxType = PageIndexBoxType.DropDownList,

                        PageIndexBoxWrapperFormatString = "请输入页数{0}",

                        GoButtonText = "转到"

                    })

                    %>

                    共有 <%=Model.TotalItemCount%> 条记录 <%= Model.CurrentPageIndex%>/<%= Model.TotalPageCount%>

                    </td>

                </tr>

            </table>

                    </td>

                </tr>

            </table>

        </fieldset>

         <%} %>

</body>

</html>

控制器:

  public ActionResult QueryApplyLeave(int? id)

        {

            int totalCount = 0;

            int pageIndex = id ?? 1;

            LvbalBll lvb = new LvbalBll();

            IQueryable<OA_TAB_APPLYLEAVE> query = lvb.GetApplyLeave(this.CurrUser.StaffNo.Trim());

            totalCount = query.Count();

            PagedList<OA_TAB_APPLYLEAVE> pageList = query.ToPagedList(pageIndex,defaultPageSize);

            pageList.CurrentPageIndex = pageIndex;

            pageList.TotalItemCount = totalCount;

            return View(pageList);

        }

遇到的问题:

运行后分页中的跳转按钮没反应,查了一下作者的说明文档.

是由于我用的是mvcpager2.0而项目是mvc3.

于是改成低版本的dll就可以了.

MVC001之mvcpager简单分页的更多相关文章

  1. MVC中使用MVCPager简单分页

    一.建立数据库以及建立MVC项目 自己随便建立一个数据库,并且添加数据.我建立的数据库如下. 二.建立LINQ to SQL映射. 然后一步步点确定 三.编写代码 在Controllers中建立控制器 ...

  2. JavaScript简单分页，兼容IE6，~3KB

    简介 兼容IE6+及现代浏览器的简单分页,支持同一页面多个分页. 使用 Browser <link rel="stylesheet" href="css/GB-pa ...

  3. MVC简单分页

    对Car汽车表分页 实现简单分页,放在这里方便查看回顾,自定义每页几条有点问题,有待完善······ 1.新建mvc项目 2.添加linq to sql 数据库连接 3.添加CarBF类 using ...

  4. 使用Vs2005打造简单分页浏览器(1)原创

    原文:使用Vs2005打造简单分页浏览器(1)原创 使用Vs2005打造简单分页浏览器(1)原创1引言2功能3实现过程以及关键点4总结5不足之处6其他7 代码下载 1    引言很早就有搞一个浏览器的 ...

  5. vue.js 2.0实现的简单分页

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title&g ...

  6. ASP.NET MVC 简单分页代码

    using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.We ...

  7. Asp.net MVC 简单分页 自做简单分页

    Asp.net MVC 简单分页:   public static string Pager(int page,int pageSize,int total)         {           ...

  8. 通过 Django Pagination 实现简单分页

    作者:HelloGitHub-追梦人物 文中所涉及的示例代码,已同步更新到 HelloGitHub-Team 仓库 当博客上发布的文章越来越多时,通常需要进行分页显示,以免所有的文章都堆积在一个页面, ...

  9. DataGridView使用BindingNavigator实现简单分页功能

    接上一篇<DataGridView使用自定义控件实现简单分页功能>,本篇使用BindingNavigator来实现简单分页功能.其实也只是借用了一个BindingNavigator空壳, ...

随机推荐

  1. System.Data.DbType映射关系

    有如下类型的映射对照: System.Data.SqlClient.SqlDbType  System.Data.OleDb.OleDbType System.Data.Odbc.OdbcType S ...

  2. HTTP 416

    真是活久见, 竟然遇到了HTTP 416 参照 http://baike.baidu.com/view/1790469.htm , Requested Range Not Satisfiable 如果 ...

  3. Xshell 用鼠标选中一段文字后自动换行

    现象: 使用Xshell连接远程服务器,一般选中都是鼠标选中,然后按快捷键 Ctrl+Insert复制,Shift+Insert粘贴. 可是当选中后松开鼠标,这时候仿佛在xshell里自动输了一个回车 ...

  4. Linux下源码编译安装PostgreSQL数据库

    我使用的Postgres的源码版本为 postgresql-9.3.5.系统为 CentOS6.5 ,是64位. 下载以后直接阅读其中的 README然后阅读其中的INSTALL,按照其中将的步骤做就 ...

  5. java中常用工具类

    目录 一. org.apache.commons.io.IOUtils 二. org.apache.commons.io.FileUtils 三. org.apache.commons.lang.St ...

  6. 【JEECG技术文档】表单配置-树形表单

    表单配置支持树型表单了,具体效果如下图: 配置说明: 1.是否树:选择是. 2.树形表单父Id:表的自关联外键. 3.树形表单列表:显示树形图标的列,如上图中为[组织机构名称]. 4.默认值:最外层数 ...

  7. 函数mmap()的使用

    函数mmap是linux的一个系统函数.如下: 函数原型:void *mmap(void *addr, size_t length, int prot, int flags,int fd, off_t ...

  8. ARP欺骗与MITM（中间人攻击）实例

    ARP协议(address resolution protocol):地址解析协议 一台主机和另一台主机通信,要知道目标的IP地址,但是在局域网中传输数据的网卡却不能直接识别IP地址,所以用ARP解析 ...

  9. vue中嵌套页面（iframe）

    vue中嵌套iframe,将要嵌套的文件放在static下面.(要将打包文件整体放在statici里,我的文件名是canvas) src可以使用相对路径,也可使用服务器根路径http:localhos ...

  10. Glide4 高效加载图片的配置【转】

    原文: Glide4 高效加载图片的配置 https://www.jianshu.com/p/a079713f280f