不想写语言描述了,直接代码吧!

js:

     $(document).ready(function () {

         var driver_datagrid;

         $('#job').combobox({
             url: '/VMS.UI/BindData/ScheamData?type=24',
             dataType: 'json'
         });

         $('#station').combobox({
             url: '/VMS.UI/BindData/ScheamData?type=29',
             dataType: 'json'
         });

         $('#org').combotree({
             url: '/VMS.UI/BindData/OrgData',
             dataType: 'json',
             //valueFiled: 'id',
             //textField:'text',
             onLoadSuccess: function () {
                 $('#org').combotree('tree').tree("collapseAll");
             }
         });

         //function form2Json(id) {
         //    debugger;
         //    var arr = $("#" + id).serializeArray()
         //    var jsonStr = "";

         //    jsonStr += '{';
         //    for (var i = 0; i < arr.length; i++) {
         //        jsonStr += '"' + arr[i].name + '":"' + arr[i].value + '",'
         //    }
         //    jsonStr = jsonStr.substring(0, (jsonStr.length - 1));
         //    jsonStr += '}'

         //    var json = JSON.parse(jsonStr)
         //    return json
         //}
         function rowformater(value, row, index) {
             return "<a style='color:black;' href='/VMS.UI/VehicleDriver/DriverDetailInfo?iid=" + row.IID + "' >" + value + "</a>";
         }

         driver_datagrid = $('#driver_datagrid').datagrid({
             url: '/VMS.UI/VehicleDriver/GetDriverList',
             method: 'post',
             pagination: true,
             pageSize: 10,
             pageList: [10,15,20, 30],
             queryParams: getQuery(),
             fit: true,
             fitColumns: true,
             nowrap: false,
             border: false,
             idField: 'IID',
             sortName: 'IID',
             sortOrder: 'asc',
             columns: [[{
                 title: '内部ID',
                 field: 'IID',
                 width: 120,
                 checkbox: true
             }, {
                 title: '驾驶员姓名',
                 field: 'Name',
                 width: 100,
                 formatter: rowformater
             }, {
                 title: '出生日期',
                 field: 'BirthDate',
                 width: 120,
                 formatter: formatDatebox
             }, {
                 title: '身份证号',
                 field: 'CardNumber',
                 width: 150,
                 sortable: true
             }, {
                 title: '岗位',
                 field: 'StationName',
                 width: 100
             }, {
                 title: '工作性质',
                 field: 'Job',
                 width: 120
             }, {
                 title: '用工单位',
                 field: 'Org',
                 width: 120,
                 sortable: true
             }, {
                 title: '手机',
                 field: 'MobilePhone',
                 width: 120
             }, {
                 title: '固定电话',
                 field: 'TelNumber',
                 width: 120
             }, {
                 title: '准驾车型',
                 field: 'AllowDriveVehicleType',
                 width: 120
             }, {
                 title: '年审有效期',
                 field: 'YearAuditEffectTime',
                 width: 120,
                 sortable: true,
                 formatter: formatDatebox
             }]],
             toolbar: [
             //{
             //    text: '增加',
             //    iconCls: 'icon-add',
             //    handler: function () {
             //    }
             //}, '-', {
             //    text: '编辑',
             //    iconCls: 'icon-edit',
             //    handler: function () {
             //    }

             //}, '-',
              //{
              //   text: '删除',
              //   iconCls: 'icon-remove',
              //   handler: function () {
              //   }

              //},
             //'-', {
             //    text: '取消编辑',
             //    iconCls: 'icon-cancel',
             //    handler: function () {
             //    }
             //},
             //'-',
             {
                 text: '取消选中',
                 iconCls: 'icon-undo',
                 handler: function () {
                     $('#driver_datagrid').datagrid('unselectAll');
                 }
             }, '-']
         });

         function getQuery() {
             var query = {
                 Name: $('#name').val(),
                 DrivingCertificate: $('#driverCar').val(),
                 JobID: $('#job').combobox('getValue'),
                 OrgID: $('#org').combobox('getValue'),
                Station: $('#station').combobox('getValue'),
                StartDate: $('#start').datebox('getValue'),
                EndDate: $('#end').datebox('getValue')
             }
             return query;
         }

         //$('#org').combotree({
         //    url: '/VMS.UI/BindData/OrgData',
         //    onBeforeExpand: function (node, param) {
         //        $('#org').combotree("tree").tree("options").url = "/VMS.UI/BindData/OrgData?root=Y&parentId=" + node.id;
         //    },
         //    onSelect: function (node) {
         //        alert(22);
         //    }
         //});

         clearSearch = function () {
             $('#name').val("");
             $('#driverCar').val("");
             $('#job').combobox('setValue', '');
             $('#org').combotree('setValue', '');
             $('#station').combobox('setValue', '');
             $('#start').datebox('setValue', '');
             $('#end').datebox('setValue', '');
            driver_datagrid.datagrid('load', {});
         };

         //$('#org').combotree('reload');

         //search = function () {
         //    //$.post('/VMS.UI/VehicleDriver/GetDriverList', getQuery(), function (result) {
         //    //    //repairFormDatagrid.datagrid('loadData', result);
         //    driver_datagrid.datagrid('load', getQuery());
         //}

         $("#query").click(function () {
             //$('#driver_datagrid').datagrid('load', getQuery())
             var queryParams = $('#driver_datagrid').datagrid('options').queryParams;
             queryParams = getQuery();
             $('#driver_datagrid').datagrid('options').queryParams = queryParams;
             $("#driver_datagrid").datagrid('load');
             //$('#driver_datagrid').datagrid({ queryParams: getQuery() });   //点击搜索
         });

         //$(function () {
         //    driver_datagrid.datagrid('load', getQuery());
         //});
        // $(function () {
        //   debugger;
        //     driver_datagrid.datagrid('reload', getQuery());
        //});
     });

MVC:

    /// <summary>
         ///获取车队人员列表数据
         /// </summary>
         /// <param name="query">查询条件</param>
         /// <param name="page">页码</param>
         /// <param name="rows">行数</param>
         /// <returns>返回列表数据</returns>
         public JsonResult GetDriverList(QueryDriverCondation query, int page, int rows)
         {
             User user = Session["User"] as User;
             JsonResult result = new JsonResult();
             if (user.RoleID == 4 || user.RoleID == 5)
             {
                 //query.OrgType = orgImp.GetOrgTypesByIID(user.SupOrgID);
                 List<DriverInfo> drivers = driverImp.GetDriverInfoList(query);
                 int total = driverImp.GetTotal(query);
                 var json = new { total = total, rows = drivers };
                 result = Json(json, JsonRequestBehavior.AllowGet);
                 return result;
             }
             var jsonNull = new { total = 0, rows = "" };
             result = Json(jsonNull, JsonRequestBehavior.AllowGet);
             return result;
         }

获取当前分页条的总条数:

var count = $grid.datagrid('getPager').data("pagination").options.total;

easyui-datagrid分页查询的更多相关文章

  1. easyUI datagrid 分页参数page和rows

    Struts2获取easyUI datagrid 分页参数page和rows 用pageHelper分页时,只要是能够获取前台传来的两个参数page和rows基本就完成了很大一部分. 获取方法:定义两 ...

  2. EasyUI DataGrid分页数据绑定

    记录东西感觉很痛苦,总结东西很痛苦,麻烦,不过为了下次的方便和知识的牢固以后要坚持总结. EasyUI DataGrid分页数据绑定 在解决方案中新建两个文件FormMain.aspx(html也可以 ...

  3. EasyUI datagrid 分页Json字符串格式

    //EasyUI datagrid 分页Json字符串格式 //{"total":xx,"rows":[{...},{...}]} total:总数 rows: ...

  4. asp.net mvc easyui datagrid分页

    提到 asp.net mvc 中的分页,很多是在用aspnetpager,和easyui datagrid结合的分页却不多,本文介绍的是利用easyui 中默认的分页控件,实现asp.net mvc分 ...

  5. EasyUI Datagrid 分页显示(客户端)

    转自:https://blog.csdn.net/metal1/article/details/17536185 EasyUI Datagrid 分页显示(客户端) By ZYZ 在使用JQuery ...

  6. 构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(8)-MVC与EasyUI DataGrid 分页

    系列目录 前言 为了符合后面更新后的重构系统,文章于2016-11-1日重写 EasyUI Datagrid在加载的时候会提交一些分页的信息到后台,我们需要根据这些信息来进行数据分页再次返回到前台 实 ...

  7. easyui datagrid 分页略解

    easyui datagrid 本身自带了分页功能. 但是这个需要你自己控制. 在后台可以得到两个datagrid的参数,rows 和page.其中rows是每页要显示的个数,page是第几页.单纯的 ...

  8. jquery easyui datagrid 分页详解

    由于项目原因,用了jquery easyui 感觉界面不错,皮肤样式少点,可是官网最近打不开了,资料比较少,给的demo没有想要的效果,今天在用datagrid 做分页显示的时候,折腾了半天,网上的资 ...

  9. easyui datagrid分页

    datagrid分页设置 pagination="true" 貌似是不行的!  只是显示分页工具栏 没有达到分页效果 前端 $(function (){ var p = $('#d ...

  10. jquery easyui datagrid 分页实现---善良公社项目

    接着上篇文章,接下来给大家分享分页的实现,分页其实多多少少见过很有几种,框架中带的图片都特别的好看,会给用户以好的使用效果,具体实现,需要自己来补充代码: 图示1: 通常情况下页面数据的分页显示分成真 ...

随机推荐

  1. 5个简单的步骤把 WordPress 打造成 CMS

    可能网站的首页一直是一成不变的博客样子,有时候也会挺闷的,个人觉得首页就是应该把博客中最好最重要的内容展现给读者,基于这个想法,我们可以把博客的首页改成一个非常简单的 CMS 首页. 基于 WordP ...

  2. Modbus测试工具 :Modbus Poll,Modbus Slave

    源:http://blog.sina.com.cn/s/blog_49352090010138e7.html Modbus测试工具 :Modbus Poll,Modbus Slave

  3. iOS中利用UISearchBar实现搜索

    先把源码贴出来 https://github.com/losedMemory/ZSSearchBar   这是我在github上写的一个Demo,大家可以看看 在大多数app中都会用到搜索功能,那么搜 ...

  4. [Big Data]从Hadoop到Spark的架构实践

    摘要:本文则主要介绍TalkingData在大数据平台建设过程中,逐渐引入Spark,并且以Hadoop YARN和Spark为基础来构建移动大数据平台的过程. 当下,Spark已经在国内得到了广泛的 ...

  5. webapp之路--之query media

    query media是css3中的模块,对于移动端的开发是非常重要的,是响应式web设计的中不可或缺的一部分.简单点说就是根据不同移动设备的屏幕参数来制定不同的css方案以实现web的响应式开发.目 ...

  6. 如何理解java的引用传递

    1. 数组的引用传递 public class TestArray { public static void changeAry1(int[] ary){ int[] ary1 = {9,9,9}; ...

  7. 17.4.3 使用MulticastSocket实现多点广播(5)

    该类主要实现底层的网络通信功能,在该类中提供了一个broadCast()方法,该方法使用Multicast Socket将指定字符串广播到所有客户端:还提供了sendSingle()方法,该方法使用D ...

  8. 第一次在手机上跑动ane

    记录一下: 打包的时候先出现 error 100: descriptor cannot be parsed, 原因是命名空间少了个引号,自己粗心所致 第二次打包出现了invalid namespace ...

  9. Docker - 容器编排工具 compose 之安装

    准备 首先,在使用和安装 docker compose之前,我们应该确保我们已经安装了 docker engine. 安装 官网上面有好多种安装方式,由于我们现在是在使用Docker, 个人感觉应该以 ...

  10. 基于Keepalvied的Mysql主主漂移(切换)

    Keepalived实现原理:Keepalived详细介绍简介 实验环境 Master1.Amoeba--IP:192.168.1.5 Master2---IP:192.168.1.10 同时安装ke ...