一、colModel 表体结构配置

name   必要的属性,具有唯一标识性,如在弹出的editform窗体中,将作为input的name属性 
index        为排序用,最方便的是设为数据库字段 
width        150,宽度,数值
align        left,center,right 
detefmt        date:true 
editable    flase 
editoptions    edittype为先决条件,此为值,[] 
editrules    编辑规范 
edittype    text,textarea,select,checkbox,password 
formatoptions 
formatter 
hidedlg        false (appear in the modal dialog) 
hidden        false 在加载时是否隐藏列 
jsonmap        声明json的格式 
key        false 
label        当没有设置colNames时,在列里用此代替,此项也为空时,就是name代替 
resizable    true,列宽可调节 
search        true,可搜索
sortable    true,可排序
sorttype    text,int,float,date,排序子段类型
xmlmap        声明xml的格式

二、getGridParam、setGridParam:

getGridParam方法:
  getGridParam("url"): 获取当前的AJAX的URL 
  getGridParam("sortname"):排序的字段 
  getGridParam("sortorder"):排序的顺序 
  getGridParam("selrow"):得到选中行的ID 
  getGridParam("page"):当前的页数 
  getGridParam("rowNum"):当前有多少行
  getGridParam("datatype"):得到当前的datatype 
  getGridParam("records"):得到总记录数

getGridParam("selrow"):单选时,返回选中行的ID
  getGridParam("selarrrow"):可以多选时,返回选中行的ID

getGridParam("reccount"):获得当前列表行数

 
setGridParam方法:
  setGridParam({url:newvalue}):可以设置一个grid的ajax url,可配合trigger("reloadGrid")使用 
  setGridParam({sortname:newvalue}):设置排序的字段
  setGridParam({sortorder:newvalue}):设置排序的顺序asc or desc 
  setGridParam({page:newvalue}):设置翻到第几页
  setGridParam({rowNum:newvalue}):设置当前每页显示的行数
  setGridParam({datatype:newvalue}):设置新的datatype(xml,json)
 
     形式2:jQuery('#tableID').jqGrid('getGridParam','url'))
           jQuery("#tableID").jqGrid('setGridParam',{page:2}).trigger("reloadGrid")

三、getRowData  

    jqGrid('getRowData', id) :获取选中行数据(json)

四、setSelection  

setSelection("1", true):设定选中行,可设定多行选中 true:重新加载表格数据, false:不重新加载表格数据

五、 resetSelection  

resetSelection():重置选中行

六、getCell  

jqGrid('getCell',id,colnum):获得某单元格的数据

七、getDataIDs  

jqGrid('getDataIDs'):获得所有行的ID数组

示例步骤

1、参数设定

me.grid_id = "#PPR803MenuNameMstMnt_jqGrid";
me.g_url = "PPR/PPR803MenuNameMstMnt/FncGetSql_HPROGRAMMST";
me.pager = "";
me.sidx = '';

me.option =
{
rowNum : 9999,
recordpos : "left",
multiselect : false,
rownumbers : true,
caption : "",
multiselectWidth : 30,
scroll : 1
};

me.colModel = [
{
name : "PRO_NO",
label : "PRO_NO",
index : "PRO_NO",
sortable : false,
hidden : true
},
{
name : "PRO_NM",
label : "xx名",
index : "PRO_NM",
width : 323,
sortable : false,
align : 'left'
},
{
name : "USER_AUTH_CTL_NM",
label : "xx権限管理",
index : "USER_AUTH_CTL_NM",
width : 200,
sortable : false,
align : 'left'
},
{
name : "UPD_DATE",
label : "更新日",
index : "UPD_DATE",
sortable : false,
hidden : true
}];

2、Controller

$tmpJqgridShow = $this -> ClsComFnc -> FncCreateJqGridShow($this -> result['data']);
$sortstr = $tmpJqgridShow['sortStr'];
$start = $tmpJqgridShow['start'];
$limit = $tmpJqgridShow['limit'];
$page = $tmpJqgridShow['page'];
$totalPage = $tmpJqgridShow['totalPage'];
$tmpCount = $tmpJqgridShow['count'];

$tmpJqgrid = $this -> ClsComFnc -> FncCreateJqGridData($this -> result["data"], $totalPage, $page, $tmpCount);
$this -> result = $tmpJqgrid;

3、加载

方法 ①:初期化方法里面

hiromaz.common.jqgrid.init(me.grid_id, me.g_url, me.colModel, me.pager, me.sidx, me.option);
hiromaz.common.jqgrid.set_grid_width(me.grid_id, 600);
hiromaz.common.jqgrid.set_grid_height(me.grid_id, 290);

调用的地方

hiromaz.common.jqgrid.reload(me.grid_id, data, me.complete_fun);
hiromaz.common.jqgrid.set_grid_width(me.grid_id, 600);
hiromaz.common.jqgrid.set_grid_height(me.grid_id, 290);

方法 ②:

调用的地方

hiromaz.common.jqgrid.show(me.grid_id, me.g_url, me.colModel, me.pager, me.sidx, me.option, data, me.complete_fun);
hiromaz.common.jqgrid.set_grid_width(me.grid_id, 600);
hiromaz.common.jqgrid.set_grid_height(me.grid_id, 290);

实用方法

1、获取选中行数据

var id = $(me.grid_id).jqGrid('getGridParam','selrow');
var rowData = $(me.grid_id).jqGrid('getRowData',id);

jqGrid方法整理的更多相关文章

  1. jqGrid使用整理

    jqGrid使用整理 jqGrid是一款处理表格展现的jQuery插件,支持分页.滚动加载.搜索.锁定.拖动等一系列对表格的常规操作.以下是最近项目中实践jqGrid的整理 1.引入到项目中来 jqG ...

  2. 【AS3】Flash与后台数据交换四种方法整理

    随着Flash Player 9的普及,AS3编程也越来越多了,所以这次重新整理AS3下几种与后台数据交换方法.1.URLLoader(URLStream)2.FlashRemoting3.XMLSo ...

  3. 常用js方法整理common.js

    项目中常用js方法整理成了common.js var h = {}; h.get = function (url, data, ok, error) { $.ajax({ url: url, data ...

  4. 在WebBrowser中执行javascript脚本的几种方法整理(execScript/InvokeScript/NavigateScript) 附完整源码

    [实例简介] 涵盖了几种常用的 webBrowser执行javascript的方法,详见示例截图以及代码 [实例截图] [核心代码] execScript方式: 1 2 3 4 5 6 7 8 9 1 ...

  5. 项目中常用js方法整理common.js

    抽空把项目中常用js方法整理成了common.js,都是网上搜集而来的,大家一起分享吧. var h = {}; h.get = function (url, data, ok, error) { $ ...

  6. Ruby数组方法整理

    数组方法整理 方法列表: all().any().none()和one():测试数组中的所有或部分元素是否满足给定条件.条件可以是语句块中决定,也可以是参数决定 append():等价于push() ...

  7. Vue2.x源码学习笔记-Vue实例的属性和方法整理

    还是先从浏览器直观的感受下实例属性和方法. 实例属性: 对应解释如下: vm._uid // 自增的id vm._isVue // 标示是vue对象,避免被observe vm._renderProx ...

  8. Tomcat 多项目部署方法整理

    Tomcat 多项目部署方法整理 说明:tomcat-deploy-aaa和tomcat-deploy-bbb是两个不同的web项目,为了方便以下简称aaa和bbb,请先自行创建并跑通 导航: NO1 ...

  9. Javascript Array 方法整理

    Javascript Array 方法整理 Javascript 数组相关方法 说明 大多数其它编程语言不允许改变数组大小,越界访问索引会报错,但是 javascript不会报错,不过不建议直接修改a ...

随机推荐

  1. char 与 unsigned char的区别和取值范围

    1.char和unsigned char 都是一个byte,8个bit.char是无符号类型,首位bit是符号位. 2.取值范围不同: (1)unsigned char的取值范围:0~2^8-1(0~ ...

  2. shell脚本实现自动保留最近n次备份记录

    项目中出现的问题 某天上午服务器出现卡顿特别严重,页面加载速度奇慢,并且某些页面刷新出现404的问题,就连服务器的tab命令的自动提示都出现了问题,楼主费了九牛二虎之力,根据服务器排查发现,服务器数据 ...

  3. 【转】如何恶搞朋友的电脑?超简单的vbs代码

    源地址:https://jingyan.baidu.com/article/d3b74d64aa1e6a1f77e609e6.html 表白源地址:https://jingyan.baidu.com/ ...

  4. SEVERE: One or more listeners failed to start.

    Full details will be found in the appropriate container log file 错误日志在/home/dela/.IntelliJIdea2017.1 ...

  5. SpringBoot浏览器直接访问html

    在resources文件夹或与其并列的文件夹下建立public文件夹,在public文件夹下的html文件可以通过浏览器中输入文件+后缀名的方式直接访问的.  一.public文件夹,就相当于在ecl ...

  6. 常用linux基础命令(持续更新...)

    删除 空目录 rmdir非空目录 rm -rf 目录名字-r 就是向下递归,不管有多少级目录,一并删除-f 就是直接强行删除,不作任何提示的意思 删除文件命令rm -f 文件名将会强行删除文件,且无提 ...

  7. Python之将字符串转换为字节的两种方法

    s = '你是谁' a = bytes(s,'utf-8') # ==> 得出的 a 的结果就是对应的字节 s.encode('utf-8') # ==> 该命令将字符串转换为字节形式

  8. pytorch搭建网络,保存参数,恢复参数

    这是看过莫凡python的学习笔记. 搭建网络,两种方式 (1)建立Sequential对象 import torch net = torch.nn.Sequential( torch.nn.Line ...

  9. Github常见命令整理

    常见命令: 将文件增加到index/stage暂存区: git add filename 将暂存的文件更新到本地库中:git commit -m "备注内容" 将本地库更新到远程库 ...

  10. ZOJ3068(01分数规划)

    本是POJ2976,喜闻乐见的01规划入门题.POJ日常假死,到ZOJ测. 二分答案. 试了试数据好像没问题,\(a_i\)总是小于\(b_i\)且最终预答案l都小于1.然而为什么我把r设成1e10往 ...