【转】Jqgrid学习之ColModel API

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:”${ctx}/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=’${ctx}/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
时间： 2024-11-17 04:23:31

【转】Jqgrid学习之ColModel API的相关文章

Web jquery表格组件 JQGrid 的使用 - 4.JQGrid参数、ColModel API、事件及方法

系列索引 Web jquery表格组件 JQGrid 的使用 - 从入门到精通 开篇及索引 Web jquery表格组件 JQGrid 的使用 - 4.JQGrid参数.ColModel API.事件及方法 Web jquery表格组件 JQGrid 的使用 - 5.Pager翻页.搜索.格式化.自定义按钮 Web jquery表格组件 JQGrid 的使用 - 6.准备工作 & Hello JQGrid Web jquery表格组件 JQGrid 的使用 - 7.查询数据.编辑数据.删除数据

Jqgrid学习API

JQGrid是一个在jquery基础上做的一个表格控件,以ajax的方式和服务器端通信. JQGrid Demo 是一个在线的演示项目.在这里,可以知道jqgrid可以做什么事情. 下面是转自其他人blog的一个学习资料,与其说是学习资料,说成查询帮助文档更加合适. jqGrid学习之 ------------- 安装 jqGrid安装很简单,只需把相应的css.js文件加入到页面中即可. 按照官网文档: /myproject/css/             ui.jqgrid.css    

Jqgrid学习

jqGrid皮肤 从3.5版本开始,jqGrid完全支持jquery UI的theme.我们可以从http://jqueryui.com/themeroller/下载我们所需要的theme.当然,你也可以编辑自己的theme.jqGrid 也并不需要把所有的css文件都引入进来,只需导入核心css文件“ui.theme.css ” 以及“ui.core.css”即可,文件位于目录development-bundle/themes下. jqGrid原理 jqGrid是典型的B/S架构,服务器端只是

JQGrid 参数、属性API

JQGrid是一个在jquery基础上做的一个表格控件,以ajax的方式和服务器端通信. JQGrid Demo 是一个在线的演示项目.在这里,可以知道jqgrid可以做什么事情. 下面是转自其他人blog的一个学习资料,与其说是学习资料,说成查询帮助文档更加合适. jqGrid学习之 ------------- 安装 jqGrid安装很简单,只需把相应的css.js文件加入到页面中即可. 按照官网文档: /myproject/css/             ui.jqgrid.css    

jqgrid学习琐记---shrinkToFit--特别的是

  <body>   <div style="margin:30px;">   <table id="list4"></table>   <div id="pager5"></div>   </div> <br /> <a href="#" id="a1">Get data from selected

jqGrid 学习笔记整理——终极篇（一）

jqGrid 学习笔记整理--终极篇(一) 本篇开始实现利用jqGrid框架实现 主从表 的显示效果及与后台交互的实例,使用的平台和上篇博文[jqGrid 学习笔记整理--进阶篇(二)](http://blog.csdn.net/dfs4df5/article/details/51108798)一致 也将使用上篇中的数据库和代码进行添加和修改,如果未看上篇的请先去看上篇,本篇不再重复贴出上篇出现的源码. 一.数据库部分 为了检索方便,这里建立了一个视图 关联两个表,设置为外键 最后如果有什么不清

jqGrid 学习

jqGrid 学习: 一.下载需要的jqGrid包:http://www.trirand.com/blog/?page_id=6 二.下载JQuery UI:http://jqueryui.com/download   选择对应风格的UI下载 三.在步骤一.二中下载的压缩包中挑选出需要用到的文件: 注意:grid.locale-cn.js一定要在jquery.jqGrid.js的前面引入.否则会出错(都这么说:但是我试了一下似乎没问题,不过还是按这种写法写吧). 四.写demo <%@ page

jqGrid 学习笔记整理——进阶篇（二）

jqGrid 学习笔记整理--进阶篇(二 ) 本篇开始正式与后台(java语言)进行数据交互,使用的平台为 JDK:java 1.8.0_71 myEclisp 2015 Stable 2.0 Apache Tomcat-8.0.30 Mysql 5.7 Navicat for mysql 11.2.5(mysql数据库管理工具) 一.数据库部分 1.创建数据库 使用Navicat for mysql创建数据库(使用其他工具或直接使用命令行暂不介绍) 2.创建表 双击打开上步创建数据库--右击T

ios网络学习------11 原生API文件上传之断点续传思路

#import "MainViewController.h" @interface MainViewController () @end @implementation MainViewController - (void)viewDidLoad { [super viewDidLoad]; //下载文件 [self download]; } -(void)download { //1. NSURL NSURL *url = [NSURL URLWithString:@"ht