jqGrid colModel 参数


ColModel 是jqGrid里最重要的一个属性,设置表格列的属性。

属性 数据类型 备注 默认值
align string left, center, right. left
classes string 设置列的css。多个class之间用空格分隔,如:'class1 class2' 。表格默认的css属性是ui-ellipsis empty string
datefmt string ”/”, ”-”, and ”.”都是有效的日期分隔符。y,Y,yyyy 年YY, yy 月m,mm for monthsd,dd 日. ISO Date (Y-m-d)
defval string 查询字段的默认值
editable boolean 单元格是否可编辑 false
editoptions array 编辑的一系列选项。{name:’__department_id’,index:’__department_id’,width:200,editable:true,edittype:’select’,editoptions: {dataUrl:”/jqGrid/admin/deplistforstu.action”}},这个是演示动态从服务器端获取数据。 empty
editrules array 编辑的规则{name:’age’,index:’age’, width:90,editable:true,editrules: {edithidden:true,required:true,number:true,minValue:10,maxValue:100}},设定 年龄的最大值为100,最小值为10,而且为数字类型,并且为必输字段。 empty
edittype string 可以编辑的类型。可选值:text, textarea, select, checkbox, password, button, image and file. text
fixed boolean 列宽度是否要固定不可变 false
formoptions array 对于form进行编辑时的属性设置 empty
formatoptions array 对某些列进行格式化的设置 none
formatter mixed 对列进行格式化时设置的函数名或者类型 {name:’sex’,index:’sex’, align:’center’,width:60,editable:true,edittype:’select’,editoptions: {value:’0:待定;1:男;2:女’},formatter:function(cellvalue, options, rowObject){
var temp = “<img src=’/jqGrid/jquery-ui-1.7.2.custom/css/img/”
if(cellvalue==1){
temp = temp +”user-white.png”;
} else if(cellvalue==2){
temp = temp +”user-white-female.png”;
} else {
temp = temp + “user-silhouette.png”;
}
temp = temp + “‘ border=’0 ′ />”
return temp;
}},// 返回性别的图标。
none
hidedlg boolean 是否显示或者隐藏此列 false
hidden boolean 在初始化表格时是否要隐藏此列 false
index string 索引。其和后台交互的参数为sidx empty
jsonmap string 定义了返回的json数据映射 none
key boolean 当从服务器端返回的数据中没有id时,将此作为唯一rowid使用只有一个列可以做这项设置。如果设置多于一个,那么只选取第一个,其他被忽略 false
label string 如果colNames为空则用此值来作为列的显示名称,如果都没有设置则使用name 值 none
name string 表格列的名称,所有关键字,保留字都不能作为名称使用包括subgrid, cb and rn. Required
resizable boolean 是否可以被resizable true
search boolean 在搜索模式下,定义此列是否可以作为搜索列 true
searchoptions array 设置搜索参数 empty
sortable boolean 是否可排序 true
sorttype string 用在当datatype为local时,定义搜索列的类型,可选值:int/integer - 对integer排序float/number/currency - 排序数字date - 排序日期text - 排序文本 text
stype string 定义搜索元素的类型 text
surl string 搜索数据时的url empty
width number 默认列的宽度,只能是象素值,不能是百分比 150
xmlmap string 定义当前列跟返回的xml数据之间的映射关系 none
unformat function ‘unformat’单元格值 null

以下是详细说明:

1.0 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'}, ...}
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.0 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

官方同步更新!如有疑问,联系邮箱:webmaster@mn886.net。感谢jqGrid团队!
全部实例均可正常运行,浏览器建议火狐,谷歌,IE9.0+

jqGrid colModel 参数(来自中文手册)的更多相关文章

  1. jqGrid jqGrid分页参数+条件查询

    HTML <div class="row"> <div class="col-sm-20"> <form id="for ...

  2. (转)Sqoop中文手册

    Sqoop中文手册 1.     概述 本文档主要对SQOOP的使用进行了说明,参考内容主要来自于Cloudera SQOOP的官方文档.为了用中文更清楚明白地描述各参数的使用含义,本文档几乎所有参数 ...

  3. phpredis中文手册——《redis中文手册》 php版

    本文是参考<redis中文手册>,将示例代码用php来实现,注意php-redis与redis_cli的区别(主要是返回值类型和参数用法). 目录(使用CTRL+F快速查找命令): Key ...

  4. [转]phpredis中文手册

    本文是参考<redis中文手册>,将示例代码用php来实现,注意php-redis与redis_cli的区别(主要是返回值类型和参数用法). 目录(使用CTRL+F快速查找命令): Key ...

  5. man mountd(rpc.mountd中文手册)

    本人译作集合:http://www.cnblogs.com/f-ck-need-u/p/7048359.html rpc.mountd() System Manager's Manual rpc.mo ...

  6. phpredis中文手册——《redis中文手册》 php版(转)

    redis中文手册:http://readthedocs.org/docs/redis/en/latest/ 本文是参考<redis中文手册>,将示例代码用php来实现,注意php-red ...

  7. Dig HOWTO 中文手册--dig命令使用大全

    Dig HOWTO 中文手册--dig命令使用大全 DNS -- 本人翻译的dig howto手册. 译者序: 可以这样说,翻译本篇文档的过程就是我重新学习DNS的过程,dig命令可以帮助我们学习DN ...

  8. sqlmap中文手册

    Sqlmap中文手册  -Darren制作 零.前言 Sqlmap是十分著名的.自动化的SQL注入工具.为了较为系统地学习Sqlmap,我决定翻译一遍Sqlmap的用户手册,于是便有了此文.由于我英语 ...

  9. ColyseusJS 轻量级多人游戏服务器开发框架 - 中文手册(中)

    快速上手多人游戏服务器开发.后续会基于 Google Agones,更新相关 K8S 运维.大规模快速扩展专用游戏服务器的文章.拥抱️原生 Cloud-Native! 系列 ColyseusJS 轻量 ...

随机推荐

  1. Umi 小白纪实(二)—— model 的注册与使用

    Umi 通常会搭配 Dva 使用,用于管理页面状态和逻辑 一.注册 model 首先需要在 .umirc.js 中启用 dva 插件 export default { plugins: [ ['umi ...

  2. 利用Python读取CSV文件并计算某一列的均值和方差

    近日需要对excel的csv文件进行处理,求取某银行历年股价的均值方差等一系列数据 文件的构成很简单,部分如下所示 总共有接近七千行数据,主要的工作就是将其中的股价数据提取出来,放入一个数组之中,然后 ...

  3. 解决const char* to char* 的错误

    一般情况下 char* string = "abc"; 编译后会出现标题中的错误. 我们只需要在字符串前加上const_cast<char*>即可,这个作用是丢弃变量的 ...

  4. CentOS7安装gotoblas遇到的问题

    1. 错误信息: /usr/lib64/gcc/x86_64-suse-linux/4.7/../../../../x86_64-suse-linux/bin/ld: cannot find -l-l ...

  5. openlayers地图显示点

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...

  6. Selenium3+python自动化014-自动化常用设计模式页面对象模型 (Page Object)

    一.概 念: PO(Page Object)设计模式是一种面向对象(页面对象)的设计模式,将测试对象及单个的测试步骤封装在每个Page对象中,以page为单位进行管理. 二.优点可以使代码复用,降低维 ...

  7. php 常用数学函数

    函数 描述 实例 输入 输出 abs() 求绝对值 $abs = abs(-4.2); //4.2 数字 绝对值数字 ceil() 进一法取整 echo ceil(9.999); // 10 浮点数 ...

  8. Word报表生成

    /// <summary> /// 生产报表 /// </summary> /// <param name="strTemplate">< ...

  9. C#接口与抽象类学习笔记

    本笔记摘抄自:https://www.cnblogs.com/solan/archive/2012/08/01/CSharp06.html,记录一下学习过程以备后续查用. 摘要: 抽象类:是一种特殊的 ...

  10. 微信小程序调试页面的坑

    使用微信开发者工具切新的页面保存刷新无法在左侧直接预览必须在app.json文件配置页面(填写路径但是不用写后缀名),并且把想要预览的页面放在第一个位置.