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等
版权声明:本文为博主原创文章,如需转载请注明出处。

JQGrid各种参数详解

jqGrid皮肤 从3.5版本开始,jqGrid完全支持jQuery UI的theme。我们可以从http://jqueryui.com/themeroller/下载我们所需要的theme。当然,你...
  • byxdaz
  • byxdaz
  • 2017年01月20日 11:42
  • 1706

jqGrid 各种参数详解

转载地址:http://www.cnblogs.com/younggun/archive/2012/08/27/2657922.html jqGrid 各种参数 详解 JQGrid JQGr...
  • u014235952
  • u014235952
  • 2016年06月07日 10:53
  • 1419

jqGrid 参数详解

一、 jqGrid的加载。 1.引用相关头文件 引入CSS: 引入JS: 因为jqGrid3.6及以后的版本集成了jQuery ...
  • scholar_man
  • scholar_man
  • 2015年01月26日 17:30
  • 1181

jqgrid初始化参数及colModel参数

jqgrid初始化参数及colModel参数
  • u012724595
  • u012724595
  • 2017年07月13日 16:44
  • 1585

jqGrid表单编辑配置参数

jqGrid表单编辑 jqGrid支持一个浮动的表单用于查看,添加,编辑,删除和查询表格数据,下面为添加记录的效果图   在你的项目中可以使用模态盒子和行编辑。其中,行编辑只能用于编辑已经...
  • zxf13598202302
  • zxf13598202302
  • 2017年03月10日 16:21
  • 4599

jqGrid 各种参数 详解

JQGrid JQGrid是一个在jquery基础上做的一个表格控件,以ajax的方式和服务器端通信。 JQGrid Demo 是一个在线的演示项目。在这里,可以知道jqgrid可以做什么事情...
  • scholar_man
  • scholar_man
  • 2015年01月26日 17:28
  • 1019

jqGrid 各种参数详情!

JQGrid JQGrid是一个在jquery基础上做的一个表格控件,以ajax的方式和服务器端通信。 JQGrid Demo 是一个在线的演示项目。在这里,可以知道jqgrid可以做什么事情...
  • Rundy_Deng
  • Rundy_Deng
  • 2017年08月10日 09:14
  • 295

jqgrid 行内编辑操作

最近一直在用jqgrid这个超好用的插件在做系统。现在是开始阶段,hui
  • feiying008
  • feiying008
  • 2014年07月22日 10:32
  • 2775

jqGrid 各种参数 详解

JQGrid是一个在jquery基础上做的一个表格控件,以ajax的方式和服务器端通信。 JQGrid Demo 是一个在线的演示项目。在这里,可以知道jqgrid可以做什么事情。 下...
  • GarfieldEr007
  • GarfieldEr007
  • 2017年03月01日 22:20
  • 199

jqGrid 各种参数 详解

JQGrid JQGrid是一个在jquery基础上做的一个表格控件,以ajax的方式和服务器端通信。 JQGrid Demo 是一个在线的演示项目。在这里,可以知道jqgrid可以做什么事情。 ...
  • freellf
  • freellf
  • 2013年10月20日 22:27
  • 889
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jqGrid参数详解
举报原因:
原因补充:

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