首先设定table的id和分页

<div id=”gridList”></div>   //table名称

<div id=”page”></div>       //table分页

1.获取某一行的某个值
var RptID = $("#gridList").jqGridRowValue().RptID;
2.多选删除
获取到所有列表
var aa = $('#gridList').jqGrid('getGridParam', 'selarrrow');
RptIDs = aa.join(",");
删除操作多个:
$("#gridList").jqGrid('delRowData', RptIDs);
3.删除单个
var keyValue = $("#gridList").jqGridRowValue().GeneID;
4.分页操作
onPaging: function (pageBtn) {
var records = $("# gridList ").getGridParam('records');//获取返回的记录数
var page= $("# gridList ").getGridParam('page');//获取返回的当前页
var rowNum = $("# gridList ").getGridParam('rowNum'); //获取显示配置记录数量
var total = Math.ceil(records / rowNum); //
$("#gridList ").getGridParam('total');//获取总页数
var newurl = "/******?pageIndex=";
if (pageBtn === "next" && page < total) {
page = parseInt(page) + 1; $gridList.jqGrid("setGridParam", { url: newurl + page });
}
if (pageBtn === "prev" && page > 1) {
page = parseInt(page) - 1;
$gridList.jqGrid("setGridParam", { url: newurl + page });
}
if (pageBtn === "last") {
page = total;
$gridList.jqGrid("setGridParam", { url: newurl + page });
}
if (pageBtn === "first") {
page = 1;
$gridList.jqGrid("setGridParam", { url: newurl + page });
}
}
5.搜索操作

$("#drugName").on("input propertychange", function () {  //#drugName是input的id  
        $gridList.jqGrid('setGridParam', {
         postData: { drugName: $("#drugName").val() }    //drugName  是后台接口的搜索参数
        }).trigger('reloadGrid');
  })

6.选中某行进行操作

onSelectRow: function (rowid, status) {   //onSelectRow  当选择行时触发此事件。rowid:当前行id;status:选择状态,当multiselect 为true时此参数才可用
        var rowData = $("#gridListDrug").jqGrid('getRowData', rowid);  //获取到该行的id
        var DrugName_CN = rowData.DrugName_CN;    //得到自己所需要的值
        if (DrugName_CN == "") {
           $.modalAlert('这是提示语', 'error');
           //$("#gridListDrug").jqGrid('resetSelection'); //取消掉所有选中操作,提示,是所有操作
            $("#gridListDrug").setSelection(rowid, false);   //取消掉该行选择
          return; 
         }
    },

7.加载完成时,进行操作,这个功能是选择完,记住自己的选择,仍然是选中状态
keyT是数组值

var item_selected = $.request("keyT").split(',');

gridComplete: function () {   //当表格所有数据都加载完成而且其他的处理也都完成时触发此事件,排序,翻页同样也会触发此事件
       var _this = this;
       if (item_selected.length > 0) {
         for (var i = 0; i < item_selected.length; i++) {
         $(_this).jqGrid('setSelection', item_selected[i]);
       }
      }
   },

8.更新当前窗口

 $.currentWindow().$("#gridList").resetSelection();

$.currentWindow().$("#gridList").trigger("reloadGrid");

9.中文排序方法

//中文排序
     function sortChinese(obj) { // 参数: 排序的数组
        obj.sort(function (item1, item2) {
        return item1.localeCompare(item2, 'zh-CN');
       })
    }

调用方法:sortChinese(myArraySort); 
//myArraySort  是数组


jqgrid 插件的使用的更多相关文章

  1. jqGrid插件的重载表格的解决方案

    jqGrid插件的重载表格的解决方案 $("#table_list_1").empty();// 清空表格内容 var parent=$("#gbox_table_lis ...

  2. js插件---jqGrid插件如何使用

    js插件---jqGrid插件如何使用 一.总结 一句话总结:jqdrid还是依赖加js初始化的方式,很多时候插件的问题一般都是引入的css和js的问题,jqgrid里面遇到的问题就是下载包有一些js ...

  3. jqGrid插件getCol方法的一个改进

    jgGrid插件是非常常用的一个基于jQuery的表格插件,功能非常强大.我最近也频繁使用.但是这个插件也有一些不够完善的地方.比如这个getCol方法. getCol方法接受三个参数 colname ...

  4. 后台CRUD管理jqGrid 插件下载、使用、demo演示

    jqGrid:demo?version=5.2.1download src: http://www.trirand.com/blog/ github:https://github.com/tonyto ...

  5. [译]MVC网站教程(四):MVC4网站中集成jqGrid表格插件(系列完结)

    目录 1.   介绍 2.   软件环境 3.   在运行示例代码之前(源代码 + 示例登陆帐号) 4.         jqGrid和AJAX 5.         GridSettings 6.  ...

  6. jqGrid使用setColProp方法动态改变列属性

    在使用jqGrid插件时,有时我们需要动态改变列的属性,可使用setColProp方法,用法如下 jQuery(”#grid_id”).setColProp('colname',{editoption ...

  7. 在ump系统的那半个多月-jqGrid

    2012.04统一监控平台项目打酱油的日子 系统介绍: 目标,致力于服务于公司内部的所有系统,对所有接入监控的系统进行监控,包括系统监控,URL存活监控,端口存活监控,方法监控等. 作为打酱油的我,没 ...

  8. jqgrid使用简单记录

    我要为id为jqGrid的table使用jqgrid插件. $("#jqGrid").jqGrid({ url: 'data/test.json', mtype: "GE ...

  9. 我和小美的撸码日记(2)之第一个基于MVC+Jqgrid的列表页面

    一.前言 “尼玛哥,上周你教我改了下OA系统UI,黄总看了很满意呀.”    “不错不错,看来小美进步很大,可以提前结束试用期,到时候加工资别忘了请我吃饭呀!”    “尼玛哥,你有女朋友了吗?” “ ...

随机推荐

  1. Lua“控制”C

    [前言] Lua语言本身是一个功能非常有限,而比较单调的语言,而且标准库也非常的平庸,它的NB之处就在于,它能和C.C++等高级语言完美“私通”.我们可以使用C.C++语言去给Lua写一个完美的库,让 ...

  2. docker简单介绍---网络端口管理

    一.查看docker支持的网络类型 docker network ls bridge:容器使用虚拟交换机的进行通信 host:使用宿主机的网络 none:只给容器分配一个lo的网卡,无法和外界进行通信 ...

  3. 绝对定位下margin的作用

    以前一直对绝对定位下的margin作用很模糊,今天细看一下 不使用top,left,margin等 <!DOCTYPE html> <html lang="en" ...

  4. day13-迭代器及生成器

    iterable:可迭代的:iterator:迭代器: print(dir([ ]))  #打印出列表所拥有的所有方法: 可迭代协议:只要含有__iter__方法的都是可迭代的. 迭代器协议:含有__ ...

  5. Python运算符——复合运算符

    就相当于算数运算符的后面加一个“=” 例:+= num = num+5   可以写成  num += 5 就是说,等式右边含有左边的变量名,就可以直接去掉,然后右边的符号移到左边去 同样的“-=  / ...

  6. Maven中pom.xml文件的配置

    <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/20 ...

  7. Doctrine2-完整创建数据库

    ---恢复内容开始--- 下面用Doctrine2设置配置一个数据库,具体分为以下步骤 1.设计主要字段和表 2.配置symfony2和数据库的连接 3.配置Entity,定义类 4.实现get/se ...

  8. 网络编程-Python高级语法-GIL全局解释器锁

    知识点:GIL全局解释器锁其实和Python没有任何关系,是由于当初编写Python解释器时留下的,它只对多线程有影响,GIL保证同一时刻只有一个线程在运行,即使是多核配置电脑,同一时刻也只会让一个线 ...

  9. Terraria(泰拉瑞亚)存档覆盖(Linux)

    这是一篇关于游戏的不正经博客 ~ 游戏介绍: <泰拉瑞亚>是由Re-Logic公司开发的一款高自由度的沙盒游戏,于2011年5月16日在PC上发行. 玩家可以在游戏中做很多事情:制造武器战 ...

  10. 命令行编译C程序

    1 准备工作 下载mingw-get-setup.exe并且安装  参考 http://www.jb51.net/softjc/159871.html 环境变量更新: PATH .;C:\MinGW\ ...