jqgrid 编辑添加功能详细解析


Posted in Javascript onNovember 08, 2013

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

用法:

Java代码 :

jQuery("#gridid").jqGrid({   
...   
   colModel: [ {name:'name1', index:'index1'...}, {...}, ... ],   
..   
}); 

属性  数据类型  备注  默认值 
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  对列进行编辑时设置的一些属性  empty array 
editrules  array  对于可编辑单元格的一些额外属性设置  empty array 
edittype  string  可以编辑的类型。可选值:text, textarea, select, checkbox, password, button, image and file.  text 
fixed  boolean  列宽度是否要固定不可变  false 
formoptions  array  对于form进行编辑时的属性设置  empty 
formatoptions  array  对某些列进行格式化的设置  none 
formatter  mixed  对列进行格式化时设置的函数名或者类型  none 
hidedlg  boolean  是否显示或者隐藏此列  false 
hidden  boolean  在初始化表格时是否要隐藏此列  false 
index  string  当排序时定义排序字段名称的索引,参数名为sidx  empty string 
jsonmap  string  定义了返回的json数据映射  none 
key  boolean  当从服务器端返回的数据中没有id时,将此作为唯一rowid使用,默认只能有一个id属性  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 string 
width  number  默认列的宽度,只能是象素值,不能是百分比  150 
xmlmap  string  定义当前列跟返回的xml数据之间的映射关系  none 
unformat  function  ‘unformat'单元格值  null 

源码中添加

editurl:'index.php?do=do_edit',
     addurl:'index.php?do=do_add',
                    datatype: 'xml',
                    mtype: 'GET',
                    colNames:['ID', '任务名称', '所属类'
                    colModel :[
                        {name:'taskid', index:'taskid', width:100,align:'center',searchoptions:{sopt:['eq','ne','lt','le','gt','ge']}},
      {name:'taskname', index:'taskname', width:100, align:'center',editable:true},
      {name:'classid', index:'classid', width:100, align:'center',editable:true,edittype:'select',editoptions: {
       value: '1:事务;2:非事务'},editselected:'classid' },
                    ],

添加editable后 添加也是同样有效的;

搜索
eq 等于( = )
ne 不等于( <> )
lt 小于( < )
le 小于等于( <= )
gt 大于( > )
ge 大于等于( >= )
bw 开始于 ( LIKE val% )
bn 不开始于 ( not like val%)
in 在内 ( in ())
ni 不在内( not in ())
ew 结束于 (LIKE %val )
en 不结束于
cn 包含 (LIKE %val% )
nc 不包含

Javascript 相关文章推荐
关于javascript中this关键字(翻译+自我理解)
Oct 20 Javascript
jquery easyui中treegrid用法的简单实例
Feb 18 Javascript
JSONP获取Twitter和Facebook文章数的具体步骤
Feb 24 Javascript
js自定义回调函数
Dec 13 Javascript
JS获取CSS样式(style/getComputedStyle/currentStyle)
Jan 19 Javascript
Javascript面试经典套路reduce函数查重
Mar 23 Javascript
jQuery使用bind函数实现绑定多个事件的方法
Oct 11 jQuery
JavaScript 有用的代码片段和 trick
Feb 22 Javascript
微信小程序中使用ECharts 异步加载数据实现图表功能
Jul 13 Javascript
JS调用安卓手机摄像头扫描二维码
Oct 16 Javascript
vue使用el-upload上传文件及Feign服务间传递文件的方法
Mar 15 Javascript
前端监听websocket消息并实时弹出(实例代码)
Nov 27 Javascript
动态加载JS文件的三种方法
Nov 08 #Javascript
JQGrid的用法解析(列编辑,添加行,删除行)
Nov 08 #Javascript
jQuery 获取和设置select下拉框的值实现代码
Nov 08 #Javascript
jqGrid增加时--判断开始日期与结束日期(实例解析)
Nov 08 #Javascript
JavaScript中this的使用详解
Nov 08 #Javascript
jqGrid日期格式的判断示例代码(开始日期与结束日期)
Nov 08 #Javascript
JQuery验证jsp页面属性是否为空(实例代码)
Nov 08 #Javascript
You might like
一篇有意思的技术文章php介绍篇
2010/10/26 PHP
PHP+JS三级菜单联动菜单实现方法
2016/02/24 PHP
PHP-FPM实现性能优化
2016/03/31 PHP
php仿微信红包分配算法的实现方法
2016/05/13 PHP
jQuery live( type, fn ) 委派事件实现
2009/10/11 Javascript
JavaScript高级程序设计 DOM学习笔记
2011/09/10 Javascript
For循环中分号隔开的3部分的执行顺序探讨
2014/05/27 Javascript
IE下JS保存图片的简单实例
2016/07/15 Javascript
分析JavaScript数组操作难点
2017/12/18 Javascript
angular6 填坑之sdk的方法
2018/12/27 Javascript
详解Vue项目引入CreateJS的方法(亲测可用)
2019/05/30 Javascript
教你如何用Node实现API的转发(某音乐)
2019/09/20 Javascript
vue中使用WX-JSSDK的两种方法(推荐)
2020/01/18 Javascript
JavaScript前端开发时数值运算的小技巧
2020/07/28 Javascript
在Python中使用poplib模块收取邮件的教程
2015/04/29 Python
python通过文件头判断文件类型
2015/10/30 Python
python开发利器之ulipad的使用实践
2017/03/16 Python
python文件拆分与重组实例
2018/12/10 Python
Python Django给admin添加Action的方法实例详解
2019/04/29 Python
将python运行结果保存至本地文件中的示例讲解
2019/07/11 Python
Django在pycharm下修改默认启动端口的方法
2019/07/26 Python
在PyTorch中Tensor的查找和筛选例子
2019/08/18 Python
CSS3实现swap交换动画
2016/01/19 HTML / CSS
Levi’s美国官网:美国著名的牛仔裤品牌
2016/08/19 全球购物
CPB肌肤之钥美国官网:Clé de Peau Beauté
2017/09/05 全球购物
Groupon法国官方网站:特卖和网上购物高达-70%
2019/09/02 全球购物
毕业生个人投资创业计划书
2014/01/04 职场文书
幼儿园师德师风学习材料
2014/05/29 职场文书
人事行政专员岗位职责
2014/07/23 职场文书
商业门面租房协议书
2014/11/25 职场文书
先进工作者事迹材料
2014/12/23 职场文书
政协委员个人总结
2015/03/03 职场文书
2015年九一八事变纪念日演讲稿
2015/03/19 职场文书
公司承诺书格式范文
2015/04/28 职场文书
创建文明城市倡议书
2015/04/28 职场文书
redis内存空间效率问题的深入探究
2021/05/17 Redis