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
分享到:
相关推荐
### jqGrid属性中文详细说明 #### 一、引言 jqGrid是一款非常强大的jQuery插件,用于快速构建功能丰富的网格视图。它支持多种数据格式(XML、JSON等),并且具备丰富的配置选项,使得开发者可以根据具体需求灵活地...
本中文API文档将帮助开发者深入理解并有效利用JqGrid的各项功能。 一、基本使用 JqGrid的使用始于HTML页面中的表格元素,通过设置`<table>`标签的`id`属性,JqGrid会绑定到这个表格。例如: ```html ...
jqGrid是一款功能强大的jQuery插件,用于创建交互式的表格,具有数据网格的功能。它提供了丰富的配置选项,使得...理解并熟练运用这些属性,可以帮助我们构建出高度定制化的数据表格,满足复杂的数据展示和操作需求。
3. **列定义**:`colModel`是jqGrid的核心配置之一,用于定义每列的显示属性,如宽度、标题、对齐方式,以及编辑、搜索等行为。 4. **操作按钮**:可以添加自定义的操作按钮,如新增、编辑、删除记录,这些按钮通常...
在“jqGrid中文大全(1)”这个压缩包中,包含了一系列关于jqGrid的中文教程和文档,这些资料可以帮助开发者更深入地理解和应用jqGrid。以下是一些主要知识点的详细介绍: 1. **安装jqGrid**: jqGrid的安装通常涉及...
这篇中文文档详细介绍了 jqGrid 的使用方法和配置选项,对于学习和掌握 jqGrid 非常有帮助。 首先,jqGrid 的工作原理基于B/S架构,即浏览器/服务器模式。服务器负责处理数据,而客户端主要负责显示和用户交互。...
在这个3.6版本的中文文档中,它提供了详尽的学习指南,帮助开发者深入理解和使用 jqGrid。 首先,文档介绍了 jqGrid 的基本原理。在B/S架构下,jqGrid 的作用是将服务器端的数据以表格的形式展示在客户端,并允许...
本篇文章将深入探讨jqGrid的核心特性和使用方法,帮助开发者更好地理解和应用这一工具。 一、jqGrid概述 jqGrid是基于jQuery库的表格插件,它提供了一套完整的解决方案,包括数据的加载、排序、筛选、分页、编辑...
zzjj296 - 博客园_files` 和 `jqGrid中文说明文档——选项设置-Helloweba-致力于WEB前端技术在中国的应用_files` 可能是相关文档的配套示例代码或资源,用于演示如何在实际项目中使用jqGrid,这些例子可以帮助开发者...
2. 文档:中文文档可以帮助开发者理解jqGrid的API和功能,解决在开发过程中遇到的问题。 3. CSS和JS文件:jqGrid的核心库和样式文件,用于在网页中引入和初始化jqGrid。 4. 图像资源:包含必要的图标和其他图形资源...
jqGrid 支持从服务器动态加载数据,可以设置 `url` 属性指定数据源。`datatype` 参数可以是 'json', 'xml', 'local' 等,指定数据格式。对于本地数据,可以使用 `data` 选项直接传递数据。 5. **自定义功能** - *...
这份文档对于中文使用者来说是一份非常实用的参考资料,能够帮助开发者快速理解和应用jqGrid的各项功能,解决在开发过程中遇到的问题。 **jqGrid 英文文档** jqGrid 3.4英文说明文档(pdf)是针对jqGrid 3.4版本的...
中文大全资料集合了关于 jqGrid 的各种教程、文档和使用心得,对于学习和掌握 jqGrid 非常有帮助。 1. **jqGrid 的基本概念** - jqGrid 是一款开源的 jQuery 插件,它提供了一个高度可定制的表格组件。 - jqGrid ...
这个版本的中文文档主要关注`colModel`属性以及其他重要的配置选项,这些选项帮助用户自定义表格的行为和外观。 `colModel`是jqGrid中定义列的关键配置对象,每个列都有其对应的配置项,例如: 1. `align`: 定义列...
2. **表格初始化**:讲解如何使用JavaScript创建jqGrid实例,包括设置表格ID、数据源、列模型等属性,例如`$("#gridId").jqGrid({options})`。 3. **数据源**:jqGrid支持多种数据源,如JSON、XML、HTML、CSV等,...
JQGrid是一款强大的JavaScript...总结,"最新JQGrid4+ API"涵盖了JQGrid的核心功能和高级特性,帮助开发者构建强大、灵活的数据展示和管理界面。通过深入学习和实践,我们可以利用JQGrid实现各种复杂的Web表格应用。
6. 国际化:jqGrid支持多语言,包括中文和英文,便于不同地区的用户使用。 7. 行选择:提供了单选、多选和全选等多种行选择模式。 8. 鼠标手势:通过鼠标悬停、点击等操作,可以触发不同的功能,如查看、编辑或...
"jqGrid使用帮助.doc"文档很可能是jqGrid 3.8.1的中文版用户手册,涵盖了如何安装、配置和使用jqGrid的基本步骤,以及更高级的功能如自定义列、处理服务器数据、使用API等。通过这份文档,开发者可以快速掌握jqGrid...
jqGrid是一款功能强大的JavaScript表格插件,用于在网页上展示和操作数据,它基于jQuery库。这个压缩包包含了jqGrid运行所必需的JavaScript文件和CSS...希望这个压缩包中的资源能帮助你顺利地集成jqGrid到你的项目中。