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操作文本框readOnly
May 15 Javascript
Javascript公共脚本库系列(一): 弹出层脚本
Feb 24 Javascript
javascript基础之查找元素的详细介绍(访问节点)
Jul 05 Javascript
对之前写的jquery分页做下升级
Jun 19 Javascript
一个JavaScript递归实现反转数组字符串的实例
Oct 14 Javascript
jquery+css3实现网页背景花瓣随机飘落特效
Aug 17 Javascript
javascript学习总结之js使用技巧
Sep 02 Javascript
判断横屏竖屏(三种)
Feb 13 Javascript
react-native-fs实现文件下载、文本存储的示例代码
Sep 22 Javascript
微信小程序视图容器(swiper)组件创建轮播图
Jun 19 Javascript
angula中使用iframe点击后不执行变更检测的问题
May 10 Javascript
Vue实现购物小球抛物线的方法实例
Nov 22 Vue.js
动态加载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
ajax缓存问题解决途径
2006/12/06 PHP
php二分查找二种实现示例
2014/03/12 PHP
php将access数据库转换到mysql数据库的方法
2014/12/24 PHP
PHP编写RESTful接口的方法
2016/02/21 PHP
PHP使用星号隐藏用户名,手机和邮箱的实现方法
2016/09/22 PHP
jQuery中ajax的使用与缓存问题的解决方法
2013/12/19 Javascript
js实现的二分查找算法实例
2016/01/21 Javascript
javascript每日必学之运算符
2016/02/16 Javascript
jQuery判断浏览器并动态调整select宽度的方法
2016/03/02 Javascript
JavaScript 深层克隆对象详解及实例
2016/11/03 Javascript
BootStrap给table表格的每一行添加一个按钮事件
2017/09/07 Javascript
jquery 一键复制到剪切板的实例
2017/09/20 jQuery
vue 组件使用中的一些细节点
2018/04/25 Javascript
vue-cli 2.*中导入公共less文件的方法步骤
2018/11/22 Javascript
JS实现容器模块左右拖动效果
2020/01/14 Javascript
[05:04]DOTA2上海特级锦标赛主赛事第二日TOP10
2016/03/04 DOTA
python制作websocket服务器实例分享
2016/11/20 Python
Django实现自定义404,500页面教程
2017/03/26 Python
django的ORM操作 增加和查询
2019/07/26 Python
Anaconda 查看、创建、管理和使用python环境的方法
2019/12/03 Python
英国领先的餐饮折扣俱乐部:Gourmet Society
2020/07/26 全球购物
营销专业应届生求职信
2013/11/26 职场文书
自主招生自荐书
2013/11/29 职场文书
捐款倡议书范文
2014/02/02 职场文书
创建市级文明单位实施方案
2014/03/01 职场文书
导师工作推荐信
2015/03/27 职场文书
住房公积金贷款工资证明
2015/06/12 职场文书
教师节获奖感言
2015/07/31 职场文书
财务人员入职担保书
2015/09/22 职场文书
2016秋季小学开学寄语
2015/12/03 职场文书
2017公司年会主持人开幕词
2016/03/04 职场文书
七年级作文之我的梦想
2019/10/16 职场文书
聘任书的格式及模板
2019/10/28 职场文书
导游词之西递宏村
2019/12/10 职场文书
python Django框架快速入门教程(后台管理)
2021/07/21 Python
Golang 字符串的常见操作
2022/04/19 Golang