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. excel 名次

    RANK.AVG 函数 全部显示 全部隐藏 返回一个数字在数字列表中的排位:数字的排位是其大小与列表中其他值的比值:如果多个值具有相同的排位,则将返回平均排位. 语法 RANK.AVG(number, ...

  2. P4197 Peaks [克鲁斯卡尔重构树 + 主席树][克鲁斯卡尔重构树学习笔记]

    Problem 在\(Bytemountains\)有\(n\)座山峰,每座山峰有他的高度\(h_i\) .有些山峰之间有双向道路相连,共\(M\)条路径,每条路径有一个困难值,这个值越大表示越难走, ...

  3. webpack安装jQuery报错

    使用webpack搭建项目,并使用了node下载了jQuery使用,使用命令行完成构建时发现报错了, ERROR in ./node_modules/jquery/lib/node-jquery.js ...

  4. LOJ #2831. 「JOISC 2018 Day 1」道路建设 线段树+Link-cut-tree

    用 LCT 维护颜色相同连通块,然后在线段树上查一下逆序对个数就可以了. code: #include <cstdio> #include <algorithm> #inclu ...

  5. Wannafly Winter Camp 2020 Day 6C 酒馆战棋 - 贪心

    你方有 \(n\) 个人,攻击力和血量都是 \(1\).对方有 \(a\) 个普通人, \(b\) 个只有盾的,\(c\) 个只有嘲讽的,\(d\) 个有盾又有嘲讽的,他们的攻击力和血量都是无穷大.有 ...

  6. 拦截器——原理(AOP、责任链模式、配置)

    1.Struts2拦截器概述: (1)Struts2框架封装中封装了很多功能,这些功能其实都是封装在Struts2的拦截器里面,Struts2里面有很多拦截器,每次不是这些拦截器都执行,每次只执行默认 ...

  7. Api跨域设置

    跨域设置:(服务端) webconfig文件中,system.webServer节点下添加 <!--跨域请求:三个配置信息--> <httpProtocol> <cust ...

  8. gulp常用插件之gulp-rev-delete-origina使用

    更多gulp常用插件使用请访问:gulp常用插件汇总 gulp-rev-delete-origina这是一款删除由gulp-rev或 gulp-rev-all重写的原始文件 . 更多使用文档请点击访问 ...

  9. CMS系统

    CMS是Content Management System的缩写,意为"内容管理系统" 对于内容管理,业界还没有一个统一的定义,不同的机构有不同的理解: 内容管理系统是企业信息化建 ...

  10. Python之旅第五天(习题集合)

    4天时间,虽然上着班,但是学的东西还是有点多,而且晚上看的比较容易忘,所以今天是习题模式,正好教程也是这么要求的,本来以为时间不长,没想到还是很崩溃啊.不多说,上干货. #关于随机产生验证码同时验证用 ...