我要为id为jqGrid的table使用jqgrid插件。

 $("#jqGrid").jqGrid({
url: 'data/test.json',
mtype: "GET",
styleUI : 'Bootstrap',
datatype: "jsonp",
colModel: [
{ label: '编号', name: 'OrderID', key: true, width: 75},
{ label: '名称', name: 'nameID', width: 150},
{ label: '联系方式', name: 'tellId', width: 150},
{ label: '开户时间', name: 'dateId', width: 150},
{ label:'经理名称', name: 'canaId', width: 150}
],
viewrecords: true,
rowList:[10,20,50,100],//下拉框选项
// autowidth:true,//改变时调用setGridWidth
shrinkToFit: true,//自适应列宽
height:400,//高度
rowNum: 20,//初始化每页数据
multiselect: true,//多行选择
pager: "#jqGridPager"
});

jqgrid使用基本形式

对jqgrid使用中的基本操作,

获取选中行id,如果你选择了多行,那下面的selrow是最后选择的行的id

var selrow=$("#jqGrid").jqGrid('getGridParam',"selrow");

如果想要获取选择多行的id,那这些id便封装成一个selrows数组

var selrows=$("#jqGrid").jqGrid('getGridParam',"selarrrow");

获取table的列名,我现在把他放到数组arrLabel里,代码如下:

   var colMo=$("#"+jqgridid).jqGrid('getGridParam',"colModel");//获取table设置的列数组
var arrLabel=[];
for(var i=0; i<colMo.length;i++){
arrLabel.push(colMo[i].label);
}
console.log(arrLabel);

获取table各列名的id,我现在把它们放到数组arrName里,对应代码如下:

  var colMo=$("#"+jqgridid).jqGrid('getGridParam',"colModel");//获取table设置的列数组
var arrName=[];
for(var i=0; i<colMo.length;i++){
arrName.push(colMo[i].name);
}
console.log(arrName);

获取选中行的数据,其中selrow为选中行的id,rowData为获取的行数据,得到的rowData为json数据,对应代码如下

var selrow=$("#jqGrid").jqGrid("getGridParam","selrow");
var rowData=$("#jqGrid").jqGrid('getRowData',selrow);
console.log(rowData);

删除选中的多行数据,对应代码:

 var selrows=$("#jqGrid").jqGrid('getGridParam',"selarrrow");
for(var i=selrows.length-1;i>=0;i--) {
$("#jqGrid").jqGrid("delRowData", selrows[i]);
}

jqgrid使用简单记录的更多相关文章

  1. JSP简单记录

    JSP,全称是Java Server Page,是运行在服务器端的页面,是建立在Servlet规范的动态网页技术,JSP文件在第一次请求时,会被编译成Servlet,所以JSP也可以看成是运行中的Se ...

  2. OpenCV安装配置的简单记录

    在ubuntu16.04下安装OpenCV 2.4.11的简单记录 1. 安装cmake,执行$apt-get install cmake即可,cmake -version验证 2. 下载OpenCV ...

  3. asp.net 简单记录请求的客户端和服务端 处理时间

    最近项目需要简单记录一下 ajax客户端和服务端处理时间,服务端时间的思路是借用BeginRequest和EndRequest事件,为了不影响现有接口返回的数据格式,因此服务处理时间放在respons ...

  4. PHP 版本简单记录

    PHP 版本简单记录 PHP 博物馆         http://museum.php.net/php5/ PHP 版本发布       https://secure.php.net/release ...

  5. 简单记录一次注入到shell

    0x00 前言 帮朋友之前拿的一个站,有点久了没有完整截图,简单记录一下. 0x01 基础信息 操作系统:win 集成环境:phpstudy 端口开放:82,3306,3389 有phpmyadmin ...

  6. oracle SCN推进恢复数据库 简单记录

    由于是在内网专用机器上操作,没有日志记录,下面做个简单记录:   前几天某供电局的的一个老数据库存储挂了,数据全部丢失,该库没有开归档,没接备份,怎么恢复? 由于存储损坏严重,从存储恢复不好搞. 好在 ...

  7. jqgrid 翻页记录选中行

    简单的jqgrid列表 $("#list").jqGrid({ url:contextPath + "/getList", postData: data, da ...

  8. jqgrid项目使用记录/注释版/未整理/

    jqgrid项目使用笔记function loadActData(){ $("#actGridTable").clearGridData();//首先清空表格内容 var url ...

  9. [git] github 使用简单记录

    前提 :1. 已有 github 账号.2. 已安装 git .3. 在 github 和 本地 git 客户端交互秘钥.(这步我记得需要做,有点久远,不确定.) 正文: 下面是一个简单的例子.先在 ...

随机推荐

  1. HTTP Response Spliting 防范策略研究

    目录0x1:HTTP请求的格式0x2:HTTP请求的方法0x3:HTTP响应的格式0x4:HTTP响应拆分攻击0x5:防范的方法 HTTP请求的格式 客户端所提出的HTTP请求包含下列信息:(1)请求 ...

  2. 四大主流云平台对比--CloudStack, Eucalyptus, vCloud Director和OpenStack。

    我迟早可能都要进入的领域,提前温习... 还有KVM,ESXI,API,XEN之间的术语和关系,也要心中有数.. ~~~~~~~~~~~~~~~~~~~ 云计算在如今的IT界一直是一个最热门的话题,鉴 ...

  3. IndexReader和IndexWriter的生命周期

    http://youyang-java.iteye.com/blog/1731205 对于IndexReader而言,反复使用 IndexReader .open打开会有很大的开销,所以一般在整个程序 ...

  4. 了解实时媒体的播放(RTP/RTCP 和 RTSP)

    http://blog.csdn.net/span76/article/details/12913307 RTP/RTCP RTP是基于 UDP协议的, UDP不用建立连接,效率更高:但允许丢包, 这 ...

  5. Show username instead of "System Account" in SharePoint 2010

    Problems: When I load my local SharePoint site, the account always show as "System Account" ...

  6. 【POJ】1054 The Troublesome Frog

    题目是非常经典的搜索+剪枝.题意简言之就是,青蛙需要沿着直线踩着踏点通过田地,并且踏点需要至少为3.问哪条路径青蛙踩坏的作物最多.很好的一个条件是青蛙每次移动都是等间距的.题目需要注意将其排序. #i ...

  7. comparison of floating point numbers with equality operator. possible loss of precision while rounding values

    double值由外部传入 private void Compare(double value) { string text; ) //小数位后保留2位 { //小数点后保留2位小数 text = st ...

  8. Using innodb_large_prefix to avoid ERROR #1071,Specified key was too long; max key length is 1000 bytes

    Using innodb_large_prefix to avoid ERROR 1071        单列索引限制上面有提到单列索引限制767,起因是256×3-1.这个3是字符最大占用空间(ut ...

  9. MapReduce 模式、算法和用例(MapReduce Patterns, Algorithms, and Use Cases)

    在新文章“MapReduce模式.算法和用例”中,Ilya Katsov提供了一个系统化的综述,阐述了能够应用MapReduce框架解决的问题. 文章开始描述了一个非常简单的.作为通用的并行计算框架的 ...

  10. Linux kernel 拒绝服务漏洞

    漏洞名称: Linux kernel 拒绝服务漏洞 CNNVD编号: CNNVD-201311-020 发布时间: 2013-11-05 更新时间: 2013-11-05 危害等级:    漏洞类型: ...