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);
最新文章
- 实现数据库的跨库join
- Effective Java 46 Prefer for-each loops to traditional for loops
- Hive drop table batched
- Extreme Learning Machine(ELM)的工程哲学
- Ubuntu apparmor何方神圣
- Windows系统文件受损的修复技巧
- hdu 4023 Game 博弈论
- 安卓 unit 测试与 instrument 测试的代码共享
- -_-#【Cookie】缩小 Cookie
- Centos 64位 Install certificate on apache 即走https协议
- escape,encodeURI,encodeURIComponent函数比较
- PHP通过url下载远程图片到本地
- servlet文件上传及下载
- Spring -- <;tx:annotation-driven>;注解基于JDK动态代理和CGLIB动态代理的实现Spring注解管理事务(@Trasactional)的区别。
- Django. No changes detected when ";makemigrations";
- Qt学习之路(45): 自定义model之一
- SimpleAdapter 网络视图:带预览的图片浏览器
- 对control file的学习笔记
- SQL Server 2012安装图解
- insert-delete-getrandom-o1-duplicates-allowed
热门文章
- 为什么使用docker
- android: 获取屏幕高度和虚拟导航栏高度的几种方法
- 使用pycharm创建自己的第一个django项目
- LB 负载均衡的层次结构(转)
- Python学习之路--1.0 Python概述及基本数据类型
- 如何实现 MySQL 的读写分离?MySQL 主从复制原理的是啥?如何解决 MySQL 主从同步的延时问题?
- shared_ptr 和auto_ptr智能指针
- NSArray,NSMutable和NSSet,NSMutableSet和NSDictionary,NSMutableDictionary用法
- C语言中结构、联合、枚举的说明
- P4159 [SCOI2009]迷路