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 ...
随机推荐
- 不应该使用Connected属性作为Socket是否连接上的依据
最近在做一个接口,用到了Socket异步通信. 调试了3天了,一直将Socket的Connected属性作为客户端和服务器端是否连接上的依据.今天发现我错了. 下面是从一个csdn博友写的,很好. h ...
- C++后台服务如何高效实现多个定时器任务
大部分云端的后台服务,经常会使用到定时器功能来检测一些状态值的变化,且当定时器较多时,就需要设计统一的定时器管理模块来维护所有的定时器资源.然而要设计性能良好的定时器和管理模块,是需要一定的经验和技巧 ...
- sqlite3使用备忘
执行sqlite3进入sqlite3环境: $ sqlite3 SQLite version -- :: Enter ".help" for usage hints. Connec ...
- CHUI类
自定义控件程序运行流程 setNeedsLayOut和setNeedsDisplay区别 masonry使用技巧 1.普通展示 UILabel UIView UI控件的位置 U ...
- loj#6363. 「地底蔷薇」(拉格朗日反演+多项式全家桶)
题面 传送门 题解 肝了一个下午--我老是忘了拉格朗日反演计算的时候多项式要除以一个\(x\)--结果看它推倒简直一脸懵逼-- 做这题首先你得知道拉格朗日反演是个什么东西->这里 请坐稳,接下来 ...
- 洛谷P3301 [SDOI2013]方程(扩展Lucas+组合计数)
题面 传送门 题解 为啥全世界除了我都会\(exLucas\)啊--然而我连中国剩余定理都不会orz 不知道\(exLucas\)是什么的可以去看看yx巨巨的这篇博客->这里 好了现在我们就解决 ...
- django 学习之DRF (三)
Django学习之DRF-03 视图集 1.视图集介绍 2.视图集基本使⽤ 1.需求 使⽤视图集获取列表数据和单⼀数据 2.实现 class BookInfoV ...
- 14.Diameter of Binary Tree(二叉树的直径)
Level: Easy 题目描述: Given a binary tree, you need to compute the length of the diameter of the tree. ...
- maven部署Tomcat(出现空白页面,最终解决)
- 在线作图工具 Flowchart Maker & Online Diagram Software & Visual Solution
9款国内外垂直领域的在线作图工具:那些可以替代Visio的应用!-CSDN.NEThttps://www.csdn.net/article/2015-02-12/2823939 Documentsht ...