jqGrid参数详解

原创 2017年07月25日 08:47:43

最近的项目总是和Jqgrid网格插件打交道,用起来感觉很方便,下面是其各个参数的详细解析。

url:提交处理数据的地址。

datatype:这个参数用于设定将要得到的数据类型。我最常用的是“json”,其余的类型还包括:xml、xmlstring、local、javascript、function。
mtype: 定义使用哪种方法发起请求,GET或者POST。
height:Grid的高度,可以接受数字、%值、auto,默认值为150。
width:Grid的宽度,如果未设置,则宽度应为所有列宽的之和;如果设置了宽度,则每列的宽度将会根据shrinkToFit选项的设置,进行设置。
shrinkToFit:此选项用于根据width计算每列宽度的算法。默认值为true。如果shrinkToFit为true且设置了width值,则每列宽度会根据width成比例缩放;如果shrinkToFit为false且设置了width值,则每列的宽度不会成比例缩放,而是保持原有设置,而Grid将会有水平滚动条。
autowidth:默认值为false。如果设为true,则Grid的宽度会根据父容器的宽度自动重算。重算仅发生在Grid初始化的阶段;如果当父容器尺寸变化了,同时也需要变化Grid的尺寸的话,则需要在自己的代码中调用setGridWidth方法来完成。
pager:定义页码控制条PageBar
sortname:指定默认的排序列,可以是列名也可以是数字。此参数会在被传递到服务端。
viewrecords:设置是否在PagerBar显示所有记录的总数。
caption:表格名称。如果设置了,则将显示在Grid的Header层 ;如果未设置,则标题区域不显示 。
rowNum:用于设置Grid中一次显示的行数,默认值为20。
rowList:一个数组,用于设置Grid可以接受的rowNum值。例如[10,20,30]。
prmNames:这是一个数组,用于设置jqGrid将要向服务端传递的参数名称。我们一般不用去改变什么。
colModel:最重要的数组之一,用于设定各列的参数。
colNames:表格各列显示的名称,与colModel一一对应。
jsonReader:这是一个数组,用来设定如何解析从Server端发回来的json数据。


colModel参数:
name:为Grid中的每个列设置唯一的名称,这是一个必需选项。
index:设置排序时所使用的索引名称,这个index名称会作为sidx参数传递到服务端。
label:表格显示的列名。
width:设置列的宽度,目前只能接受以px为单位的数值,默认为150。
sortable:设置该列是否可以排序,默认为true。
search:设置该列是否可以被列为搜索条件,默认为true。
resizable:设置列是否可以变更尺寸,默认为true。
hidden:设置此列初始化时是否为隐藏状态,默认为false。
formatter:预设类型或用来格式化该列的自定义函数名。常用预设格式有:integer、date、currency、number等
版权声明:本文为博主原创文章,如需转载请注明出处。

相关文章推荐

《苹果 Mac OS X 10.6 雪豹》(Apple Mac OS X 10.6 Snow Leopard)零售版[光盘镜像]

 评分: 5.5/(0人) 热度: 0.00 类型: 发布时间: 2009年08月29日 18时27分 更新时间: 2011年11月21日 0...

jQuery 中一些细节知识点2(本文会持续更新)

jQuery 细节知识点

jqgrid参数详解

  • 2015年11月06日 16:26
  • 478KB
  • 下载

jqGrid_各种参数_详解

  • 2015年01月20日 15:19
  • 75KB
  • 下载

[转载] jqGrid 各种参数 详解

原文地址:http://www.cnblogs.com/younggun/archive/2012/08/27/2657922.html jqGrid 各种参数 详解 JQGr...

jqGrid 参数详解

  • 2013年07月12日 14:30
  • 113KB
  • 下载

jqGrid参数详解.

  • 2014年06月21日 11:21
  • 54KB
  • 下载

jqGrid 各种参数 详解

JQGrid JQGrid是一个在jquery基础上做的一个表格控件,以ajax的方式和服务器端通信。 JQGrid Demo 是一个在线的演示项目。在这里,可以知道jqgrid可以做什么...
  • jpr1990
  • jpr1990
  • 2012年05月09日 20:29
  • 120050

jqGrid 5.x 参数详解

jqGrid options Property Type Description Default Can be Changed? addOptions object ...

JQGrid各种参数详解API

jqGrid皮肤 从3.5版本开始,jqGrid完全支持jquery UI的theme。我们可以从http://jqueryui.com/themeroller/下载我们所需要的theme。当然,你也...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jqGrid参数详解
举报原因:
原因补充:

(最多只允许输入30个字)