jqGrid方法整理
一、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方法整理的更多相关文章
- jqGrid使用整理
jqGrid使用整理 jqGrid是一款处理表格展现的jQuery插件,支持分页.滚动加载.搜索.锁定.拖动等一系列对表格的常规操作.以下是最近项目中实践jqGrid的整理 1.引入到项目中来 jqG ...
- 【AS3】Flash与后台数据交换四种方法整理
随着Flash Player 9的普及,AS3编程也越来越多了,所以这次重新整理AS3下几种与后台数据交换方法.1.URLLoader(URLStream)2.FlashRemoting3.XMLSo ...
- 常用js方法整理common.js
项目中常用js方法整理成了common.js var h = {}; h.get = function (url, data, ok, error) { $.ajax({ url: url, data ...
- 在WebBrowser中执行javascript脚本的几种方法整理(execScript/InvokeScript/NavigateScript) 附完整源码
[实例简介] 涵盖了几种常用的 webBrowser执行javascript的方法,详见示例截图以及代码 [实例截图] [核心代码] execScript方式: 1 2 3 4 5 6 7 8 9 1 ...
- 项目中常用js方法整理common.js
抽空把项目中常用js方法整理成了common.js,都是网上搜集而来的,大家一起分享吧. var h = {}; h.get = function (url, data, ok, error) { $ ...
- Ruby数组方法整理
数组方法整理 方法列表: all().any().none()和one():测试数组中的所有或部分元素是否满足给定条件.条件可以是语句块中决定,也可以是参数决定 append():等价于push() ...
- Vue2.x源码学习笔记-Vue实例的属性和方法整理
还是先从浏览器直观的感受下实例属性和方法. 实例属性: 对应解释如下: vm._uid // 自增的id vm._isVue // 标示是vue对象,避免被observe vm._renderProx ...
- Tomcat 多项目部署方法整理
Tomcat 多项目部署方法整理 说明:tomcat-deploy-aaa和tomcat-deploy-bbb是两个不同的web项目,为了方便以下简称aaa和bbb,请先自行创建并跑通 导航: NO1 ...
- Javascript Array 方法整理
Javascript Array 方法整理 Javascript 数组相关方法 说明 大多数其它编程语言不允许改变数组大小,越界访问索引会报错,但是 javascript不会报错,不过不建议直接修改a ...
随机推荐
- char 与 unsigned char的区别和取值范围
1.char和unsigned char 都是一个byte,8个bit.char是无符号类型,首位bit是符号位. 2.取值范围不同: (1)unsigned char的取值范围:0~2^8-1(0~ ...
- shell脚本实现自动保留最近n次备份记录
项目中出现的问题 某天上午服务器出现卡顿特别严重,页面加载速度奇慢,并且某些页面刷新出现404的问题,就连服务器的tab命令的自动提示都出现了问题,楼主费了九牛二虎之力,根据服务器排查发现,服务器数据 ...
- 【转】如何恶搞朋友的电脑?超简单的vbs代码
源地址:https://jingyan.baidu.com/article/d3b74d64aa1e6a1f77e609e6.html 表白源地址:https://jingyan.baidu.com/ ...
- SEVERE: One or more listeners failed to start.
Full details will be found in the appropriate container log file 错误日志在/home/dela/.IntelliJIdea2017.1 ...
- SpringBoot浏览器直接访问html
在resources文件夹或与其并列的文件夹下建立public文件夹,在public文件夹下的html文件可以通过浏览器中输入文件+后缀名的方式直接访问的. 一.public文件夹,就相当于在ecl ...
- 常用linux基础命令(持续更新...)
删除 空目录 rmdir非空目录 rm -rf 目录名字-r 就是向下递归,不管有多少级目录,一并删除-f 就是直接强行删除,不作任何提示的意思 删除文件命令rm -f 文件名将会强行删除文件,且无提 ...
- Python之将字符串转换为字节的两种方法
s = '你是谁' a = bytes(s,'utf-8') # ==> 得出的 a 的结果就是对应的字节 s.encode('utf-8') # ==> 该命令将字符串转换为字节形式
- pytorch搭建网络,保存参数,恢复参数
这是看过莫凡python的学习笔记. 搭建网络,两种方式 (1)建立Sequential对象 import torch net = torch.nn.Sequential( torch.nn.Line ...
- Github常见命令整理
常见命令: 将文件增加到index/stage暂存区: git add filename 将暂存的文件更新到本地库中:git commit -m "备注内容" 将本地库更新到远程库 ...
- ZOJ3068(01分数规划)
本是POJ2976,喜闻乐见的01规划入门题.POJ日常假死,到ZOJ测. 二分答案. 试了试数据好像没问题,\(a_i\)总是小于\(b_i\)且最终预答案l都小于1.然而为什么我把r设成1e10往 ...