jqgrid参数
我们在写juqery代码的时候,会以jqgrid的形式表现数据,即在jsp页面写<table id="**""></table>;再写juqery代码,数据就会以表格形式显示出来。而jqgrid会有很多参数,我们并不能一下子全部记完,下面就是jqgrid的一些参数所能够实现的功能。
jqgrid参数
1 colModel : 要呈现字段的属性设置
1.1 align:定义数据相对单元格的对齐方式.string left
1.2 datefmt: 日期格式, string Y-m-d
1.3 editable: 定义字段是否可编辑 boolean false
1.4 defval : 搜索字段的默认值,(只用于自定义搜索) string empty
1.5 edittype: 该字段控件类型(text, textarea, select, checkbox, password, button, image , file) string text
1.6 surl:只有在自定义搜索和edittype属性为select和描述的url得到select 的element% string empty
1.7 editoptions:针对edittype配置的控件类型的属性设置 array empty array
1.7.1 value: 依据edittype,配置属性%(详见: editoptions的value配置)mixed none
1.7.2 dataUrl:这个属性只适用与edittype属性为select (指定select的数据源edittype:"select",editoptions:{dataUrl:'test.txt', defaultValue:'Intime'}) string empty
1.7.3 dataInit:当控件被创建时仅触发1次 function null
1.7.4 dataEvents: 给当前控件追加事件处理% array empty array
1.7.5 defaultValue:默认值(可以是函数返回值) mixed none
1.7.6 其他:可设置控件的任何有效属性editoptions:{size:10,maxlength:8}mixed none
1.8 editrules: 设置编辑字段的控件的规则 array empty array
1.8.1 edithidden:该字段隐藏时, 此属性可以控制是否可编辑 boolean false
1.8.2 required:是否验证空数据 boolean false
1.8.3 number:是否验证数字 boolean false
1.8.4 integer:是否验证整数 boolean false
1.8.5 minValue:验证最小值 number(integer) empty
1.8.6 maxValue:验证最大值 number(integer) empty
1.8.7 email:是否验证email boolean false
1.8.8 url:是否验证是有效的网址 boolean false
1.8.9 date:是否验证日期 boolean false
1.8.10 time:是否验证时间 boolean false
如果此字段不是必填,如果填了才验证是否是email 那么应该配置 email:true, required:false
1.9 formoptions:设置该字段相对表单中的相关设置 array empty array
1.9.1 elmprefix:如果设置,则会在控件前面出现该设置 string empty
1.9.2 elmsuffix:如果设置,则会在控件后面出现该设置 string empty
1.9.3 label: 如果设置,则会替换colNames设置的名称 string empty
1.9.4 rowpos:设置该字段所在行的位置,从1开始计数 number empty
1.9.5 colpos:设置该字段所在列的位置,从1开始计数 number empty
1.10 formatoptions:设置特定列的格式,覆盖语言文件的默认值 array empty array
1.11 formatter:指定formatoptions设置格式的类型 mixed none
1.11.1 integer:当formatter指定为此属性时, formatoptions可以设置以下属性.
1.11.1.1 thousandsSeparator: 每千位分隔符 string empty
1.11.1.2 defaulValue:在没有数据的情况下的默认值 string empty
1.11.2 number: 当formatter指定为此属性时, formatoptions可以设置以下属性.
1.11.2.1 decimalSeparator: 小数位分隔符 string empty
1.11.2.2 thousandsSeparator:每千位分隔符 string empty
1.11.2.3 decimalPlaces:小数位数 string empty
1.11.2.4 defaulValue:在没有数据的情况下的默认值 string empty
1.11.3 currency: 当formatter指定为此属性时, formatoptions可以设置以下属性.
1.11.3.1 decimalSeparator: 小数位分隔符 string empty
1.11.3.2 thousandsSeparator: 每千位分隔符 string empty
1.11.3.3 decimalPlaces: 小数位数 string empty
1.11.3.4 defaulValue: 在没有数据的情况下的默认值 string empty
1.11.3.5 prefix:在数据前面添加的文本比如货币符号”$” string empty
1.11.3.6 suffix: 在数据后面添加的文本比如货币符号”$” string empty
1.11.4 date: 当formatter指定为此属性时, formatoptions可以设置以下属性.
1.11.4.1 srcformat:原格式 string empty
1.11.4.2 newformat:新的输出格式 string empty
1.11.5 email: 当formatter指定为 email类型,直接使这个email加href string empty
1.11.6 link: 当formatter指定为此属性时, formatoptions可以设置以下属性.
1.11.6.1 target:默认为empty如果设置,则创建一个以单元格的值和target属性的链接string empty
1.11.7 showlink: 当formatter指定为此属性时, formatoptions可以设置以下属性.
1.11.7.1 baseLinkUrl:链接. string empty
1.11.7.2 showAction:附加值,在baseLinkUrl后面 . string empty
1.11.7.3 addParam:额外参数. string empty
1.11.7.4 target:如果设置,增加1条附加属性. string empty
1.11.7.5 idName:是第1个参数,之后由showAction补充,默认情况下,这是id string empty
1.11.8 checkbox: 当formatter指定为此属性时, formatoptions可以设置以下属性.
1.11.8.1 disabled:默认true禁止改变状态,如果设置为false是可以改变的 boolean
1.11.9 select: 当edittype ,formatter指定为此属性时, editoptions:{value:"1:One;2:Two"}值是1,2显示的则是one,two string empty
colModel:[{name:'myname', edittype:'select', formatter:'select', formatoptions:{baseLinkUrl:'myrul.php', addParam: '&action=edit', idName:'myid'}, ...}
将会得到http://localhost/myrul.php?myid=123&action=edit
1.12 unformat:可以为formatter指定自定义格式的方法 function null
1.13 hidedlg:如果设置为true在显示/隐藏字段功能中,该字段将不会出现% boolean false
1.14 hidden:该字段是否隐藏 boolean false
1.15 index:排序时, sidx的参数 string empty
1.16 jsonmap:定义json映射这个字段时的json字符串 string empty
1.17 xmlmap:定义xml文件映射这个字段时的xml字符串 string empty
1.18 key:如果服务器端没有定义id,可以设置字段为行号,只有一个字段可以设置此属性,只认可第1个,其他的将被忽略. boolean false
1.19 name:设置此字段的唯一名称,此属性是必须要设置的, string empty
1.20 label:当colNames为空,则标题显示此设置.如果colNames数组和此设置同时为空,则标题显示name属性. string empty
1.21 resizable:设置此字段是否可编辑 boolean true
1.22 search:该字段是否允许搜索(查询) boolean true
1.23 stype:设置搜索时的数据类型 string text
1.24 searchoptions:配置搜索选项 array empty array
1.24.1 dataUrl:该属性只适用于 stype:’select’ string empty
1.24.2 dataInit:等同于editoptions的dataInit function null
1.24.3 dataEvents:等同于editoptions的dataEvents array empty array
1.24.4 attr:可以设置创建的元素的有效属性 object null
1.24.5 searchhidden:该字段隐藏时,此属性可控制是否可搜索 boolean false
1.24.6 defaultValue:默认值 string empty
1.24.7 sopt:比较运算符,可任意组合('eq','ne','lt','le','gt','ge','bw','bn','in','ni','ew','en','cn','nc')array empty array
等于 eq =
不等于 ne <>
小于 lt <
小于等于 le <=
大于 gt >
大于等于 ge >=
以*开头 bw like
不以*开头 bn not like
在 in in
不在 ni not in
以*结尾 ew like
不以*结尾 en not like
包含 cn like
不包含 nc not like
1.25 sortable:设置该字段是否进行排序 boolean true
1.26 sorttype:排序的数据类型 string text
1.27 width:宽度,不能设置百分比 number 150
2 navGrid:功能按钮(增删改查,搜,刷新)设置
2.1 top:距离顶端的象素 number(integer) 0
2.2 left:距离左边的象素 number(integer) 0
2.3 width:宽度 number(integer) 300
2.4 height:高度 number(integer) auto
2.5 dataheight:表单内容距离按钮高度 number(integer) auto
2.6 modal: 是否模态窗体 boolean false
2.7 drag:是否可拖动 boolean true
2.8 resize: 是否可改变大小 boolean true
2.9 url:提交的URL,如果设置则替换editurl string empty
2.10 mtype:请求类型post | get string post
2.11 editData:提交到服务器的数据 array empty array
2.12 recreateForm:每次操作是否创建新的表单 boolean false
2.13 jqModal: 设置为true使用存在的jqModal插件的对话框。如果被设置为true和插件不存在jqGrid使用它自己的方式来创造对话框, 比如会影响到日期插件,true和false不同的效果 boolean true
2.14 addedrow:%
2.15 topinfo:头部信息 string empty
2.16 bottominfo:底部信息 string empty
2.17 saveicon:保存的图片,第一项启用/禁用的图片, 第二个项目告诉哪里放置图片到文本的左或右. 第三项对应的有效UI图片样式 [true,”left”,”ui-icon-disk”]
2.18 closeicon:取消的图片同上 [true,”left”,”ui-icon-close”]
2.19 savekey:保存的快捷键,默认回车 [false,13]
2.20 navkeys:移动上个,下个的快捷键 ,默认上下箭头 [false,38,40]
2.21 checkOnSubmit:保存时,是否弹出再次确认对话框,仅用在编辑模式 boolean false
2.22 checkOnUpdate:取消时,是否弹出再次确定对话框,仅用在新增和编辑模式 boolean false
2.23 closeAfterAdd:添加模式时,添加记录后是否关闭对话框 boolean false
2.24 clearAfterAdd:添加数据时,是否清空上1次的数据 boolean true
2.25 closeAfterEdit:编辑模式时,编辑完成后是否关闭对话框 boolean false
2.26 reloadAfterSubmit:操作完成后,是否重新加载数据 boolean true
2.27 closeOnEscape:是否关联esc键 boolean false
2.28 ajaxEditOptions:% object empty object
我自己会常用的的参数:
1、root:list(不分页时写集合);data(分页后每页是list也就是data)
2、postdata(系统自定义的):属性,json对象或者表单数据:
3、edit:false,add:false,del:false,search:false:不用自带的
4、serialize():把表达参数序列号,把表单的所有参数自动连接起来(增加哪里)
5、position:"last" :定位到last(那个分页栏定位到最后)
6、viewrecords: true:显示多少条
7、selarrrow:获取选中的行
8、records: "records":显示单前页条数
9、records: "totalSize":显示总共有多少条
10、var 变量名 = $.param({'id(action中的变量名)':rowIds},true):变成数组来删除
分享到:
相关推荐
jqGrid参数中文说明 jqGrid是一种基于jQuery的网格控件,用于在Web应用程序中显示和编辑数据。它提供了许多参数来控制网格的行为和显示样式。下面是jqGrid的一些常见参数的中文说明: 1. options参数 jqGrid的...
jquery jqgrid 参数详
jqGrid 支持大量的参数定制其行为。例如: 1. `url`:string 类型,定义获取数据的服务器端地址。默认值为空,需要设置为实际的 URL。 2. `datatype`:string 类型,指定数据类型,如 `'json'`、`'xml'` 或 `'jsonp...
jqGrid 参数详解 jqGrid 是一个基于 jQuery 的表格控件,以 Ajax 方式与服务器端通信。它提供了强大的数据显示和处理功能,能够满足大多数的数据显示需求。下面是 jqGrid 的参数详解: 1. 安装 jqGrid jqGrid 的...
### jqGrid 分页参数详解 #### 一、引言 在Web应用开发中,数据展示是必不可少的一个环节。为了提供更好的用户体验以及优化服务器资源利用,前端分页技术得到了广泛的应用。其中,`jqGrid`是一款非常受欢迎的jQuery...
本篇将深入解析 jqGrid 的各种参数,帮助你更好地理解和利用这个工具。 ### 1. jqGrid 基本结构 jqGrid 的基本使用需要引入相关的 CSS 和 JavaScript 文件,然后通过 jQuery 选择器为 HTML 元素绑定 jqGrid。例如...
资源描述可以把电子书的概述、源代码的说明、文档的片段填在这里,描述详细会获得我们的推荐,更容易被他人下载!描述大于20字不是问题吧!
本文将详细介绍jQgrid的中文文档API,涵盖了其原理、使用方法、参数配置、事件处理、数据处理、ColModel API等方面的知识点。 原理 jQgrid是典型的B/S架构,服务器端只是提供数据管理,客户端只是提供数据显示。...
JqGrid是一款强大的JavaScript数据网格组件,用于在Web应用程序中展示和操作数据。它基于jQuery库,提供了丰富的功能,如分页、排序、过滤、编辑和格式化数据。本中文API文档将帮助开发者深入理解并有效利用JqGrid的...
同时,服务器端需要根据JQGrid发送的请求参数(如`page`, `rows`, `sidx`, `sord`)来返回相应的分页数据。例如,在ASP.NET或PHP环境中,你需要解析这些参数并从数据库查询对应的数据范围。 JQGrid还提供了丰富的...
里面包含了jqgrid经常用到的并对参数进行了说明,使初学者必备!
#### 三、JqGrid参数详解 这一部分深入讲解了JqGrid的一些基本参数及其作用,对于初学者来说非常有用。 **常见参数及其含义**: | 参数名 | 描述 | |----------|-----------------------------------------------...
文件还提到了参数配置,这涉及到为jqGrid设置不同的参数以实现特定的表格行为和外观。自定义搜索和搜索工具栏部分则讲述了如何让jqGrid具备更强大的搜索功能,包括创建自定义的搜索条件。而自定义格式化类型和格式...
* 配置 JQGrid 的参数,如 url、datatype、mtype、colNames、colModel 等 JQGrid 的参数 * url:获取数据的地址 * datatype:从服务器端返回的数据类型,默认 xml * mtype:ajax 提交方式,默认 GET * colNames:...
jqGrid 是一个基于 jQuery 的开源网格插件,用于在网页上展示和操作数据。这个压缩包 "jqgrid4.6...在实际应用中,结合具体的业务需求和项目规范,灵活配置和调整 jqGrid 的各项参数,将有助于打造高效的数据操作界面。
通过设置 URL 参数,可以实现不同操作,如获取数据、执行编辑操作等。 3. **JavaScript/jQuery 基础** jqGrid 是用 JavaScript 编写的,依赖于 jQuery 库。开发者需要熟悉 JavaScript 和 jQuery 的基本语法,如...
2. 初始化jqGrid:通过JavaScript代码设置参数,调用jqGrid方法进行初始化。 ```javascript $("#jqGrid").jqGrid({ url: 'data.json', // 数据源 datatype: 'json', colModel: [ // 列定义 {name: 'id', index:...
- 初始化jqGrid:使用JavaScript初始化表格,配置各项参数,如数据源、列信息、分页设置等。 - 加载数据:根据配置加载数据,可以是静态数据,也可以是从服务器动态获取的数据。 **2. jqGrid的特性** - 数据处理:...
3. **API方法**:`jqGrid`提供了丰富的API方法,如`jqGrid('setGridParam')`用于改变表格参数,`jqGrid('sortGrid')`用于触发排序,以及`jqGrid('reloadGrid')`用于重新加载数据。 4. **数据源**:`jqGrid`可以获取...
当用户触发查询操作时,jqGrid会以POST方式向服务器发送请求,携带两个关键参数:“_search”和“filters”。其中,“_search”的值为“true”表明这是一个查询请求,而“filters”则包含了具体的查询条件。 ...