colmodel属性
colModel定义列属性, 语法是:
jQuery("#gridid").jqGrid({
...
colModel: [ {name:'name1', index:'index1'...}, {...}, ... ],
...
});
属性介绍
属性 | 类型 | 描述 | 默认值 |
align | string | 配置body层的单元格数据对齐显示,三个值:left, center, right | left |
cellattr | function | 数据加载时单元格动态增加属性的函数。传递给函数的参数:rowId - 行的id val - 单元格的值 rawObject - 行数据的对象:数据类型是json, 则以数组形式, 如果是xml,则为xml点。cm - colModal中列表的所有属性 rdata - 要插入到行的数据行。数组,name;value形式,name是colModel的名称。 | null |
classes | string | 列可增加类。 如要增加多个列,则如例子:classes:'class1 class2'. | empty string |
datefmt | string | 当数据类型是local时,确定排序类型的格式和编辑格式{date:true}. 确定日期列的格式,比如 ”/”, ”-”, 和 ”.” 可用的格式有:y,Y,yyyy (4位数年), YY, yy (2位数年),m,mm (月),d,dd(日). | ISO日期(Y-m-d) |
defval | string | 搜索的默认值 | empty |
editable | boolean | 设定字段是否可编辑,可适用于单元格,内联和表单模型。 | false |
editoptions | array | 可编辑选项 | empty | array |
editrules | array | 编辑规则 | empty | array |
edittype | string | 编辑类型: text, textarea, select, checkbox, password, button, image and file | text |
firstsortorder | string | 如果设置升序或倒序,第一次排序时列使用该规则排序,随后的排序按照原有的规则。 | null |
fixed | boolean | 如果是true,列宽不允许更改,即便shrinkToFit=true,setGridWidth方法也不能改变宽度。 | false |
formoptions | array | 表单编辑的选项。 | empty |
formatoptions | array | 为特定的列制定格式选项,覆盖默认的配置 | none |
formatter | mixed | 控制字段格式的预定义类型(string),或自定义的函数 | none |
frozen | boolean | 如果是true,则使用setFrozenColumns方法后该列冻结。 | false |
hidedlg | boolean | 如果是true,列不会出现在对话模式中。 用户可自定义那些列显示/隐藏。 | false |
hidden | boolean | 起始时列是否隐藏。 | false |
index | string | 排序时设置索引名称。 | empty string |
jsonmap | string | 解析json字符串时所需的列和json数据映射关系 | none |
key | boolean | 如果服务端不提供id,则以唯一的行id作为id. 只有1列有这个属性。 如果有多个,grid以第一个为标准,其它忽略。 | false |
label | string | 如果colNames数组为空,则定义列的名称。如果colNames和该定义都为空,则显示列的名称属性值。 | none |
name | string | 设置列的唯一名称。不可使用以下名称:subgrid, cb and rn. | Required |
resizable | boolean | 列是否可重新调整大小 | true |
search | boolean | 列是否可搜索 | true |
searchoptions | array | 搜索设置 | empty |
sortable | boolean | 是否可排序 | true |
sorttype | mixed | 数据类型是local时可用该选项。为列配置适当的类型。int/integer - 排序integer, float/number/currency - 排序浮点数,date - 排序日期,text - 排序字符,function - 自定义的排序函数,可传递用于排序的参数,并返回一个值 | text |
stype | string | 搜索时设定元素的类型 | text |
surl | string | 自定义搜索和编辑类型为‘select’时可用 | empty string |
template | object | colModel的属性,设定后可覆盖默认值。 | null |
title | boolean | 如果为false,鼠标扫过单元格时不显示列标题。 | true |
width | number | 列的起始宽度,单位是pixels, 不可以为%。 | 150 |
xmlmap | string | xml文件和列的映射关系。 | none |
unformat | function | 编辑单元格时使用的自定义函数。 | null |
viewable | boolean | viewGridRow方法启动后该选项有效。如果是false, 查看Form时列不显示。 | true |
colModel的配置:rowId - 行id, val - 添加入单元格的值,rawObject - 数据行的对象,数据类型是json- array, xml - xml node. cm - colModel的列属性, rdata - 插入行的数据行. 属性是一串数组:type name:value, 可以通过getColProp and setColProp方法来设置和返回colModel对象的属性。 当grid形成后,以下选项不可改变:.name,width,resizable,
label (method avail.)
分享到:
相关推荐
**jqGrid 使用笔记:开始** jqGrid 是一个强大的 jQuery 插件,用于创建灵活、功能丰富的数据网格。这篇笔记将引导我们逐步了解如何在项目中开始使用 jqGrid。jqGrid 提供了丰富的特性,包括数据分页、排序、过滤、...
2. jquery.jqGrid.js:jQgrid 的主插件,提供了基本的表格功能。 3. grid.basic.js:基本插件,提供了基本的表格功能。 4. grid.custom.js:高级插件,提供了高级的表格功能。 5. grid.formedit.js:用于表格编辑、...
jqGrid提供了多种内置皮肤,如"ui.jqgrid.css"中的"ui-lightness"和"ui-darkness",可以通过修改CSS来改变表格样式。同时,也可以自定义CSS,调整表格、按钮、分页等元素的外观。 五、jqGrid插件 jqGrid的`plugins...
1. **js文件**:这些JavaScript文件包含了jqGrid的核心逻辑,如grid.base.js、grid.common.js、ui.jqgrid.js等,分别提供了基础功能、通用功能和UI组件。 2. **css文件**:如ui.jqgrid.css,定义了jqGrid的样式和...
- `documentation.html`:这是 jqGrid5.X 的中文文档,提供了详细的API参考、教程和示例,帮助开发者了解如何使用各种功能。 - `release_notes.txt`:记录了 jqGrid5.X 的发布说明,包括新特性、改进和已知问题,...
博客专用: Jqgrid学习笔记__01__初来乍到 很多时候在网上下载一段代码,结果引用的CSS和JS文件不知道从哪里弄,结果上网下载,不是版本不对,就是完全不对。这里的JS是有对应的代码段的。请参考博客 ====> Jqgrid...
jqGrid没有setComplexGroupHeaders方法,使用此插件实现三级分组表头功能
jqGrid的安装与基本使用 首先,你需要在项目中引入jQuery库和jqGrid的JavaScript及CSS文件。通常,你可以从官方网站(<http://www.trirand.com>)下载最新版本的jqGrid资源,或者通过CDN链接直接引用。 接下来,...
“jqGrid基础学习:4jqGrid的ColModel API”深入探讨了ColModel,它是定义表格列属性的关键部分。通过配置ColModel,可以自定义列的宽度、对齐方式、可编辑性等特性。 5. **jqGrid中的事件**: “jqGrid基础学习...
本中文API文档将帮助开发者深入理解并有效利用JqGrid的各项功能。 一、基本使用 JqGrid的使用始于HTML页面中的表格元素,通过设置`<table>`标签的`id`属性,JqGrid会绑定到这个表格。例如: ```html ...
同时,文档还涵盖了如何处理数据加载、编辑、保存和验证的事件,以及如何使用 jqGrid 的API进行操作。 总的来说,jqGrid 是一个功能丰富的 jQuery 表格插件,通过灵活的配置和强大的功能,可以满足各种数据展示和...
3. **restoreRow**: 如果需要取消当前行的编辑状态并恢复到原始数据,可以使用 `restoreRow` 方法。调用格式为 `restoreRow(rowid, afterrestorefunc)`,其中 `afterrestorefunc` 是恢复操作完成后执行的回调函数。 ...
同时,jqGrid的bootstrap风格确保了它能够无缝融入使用Bootstrap框架构建的现代网页设计中,提供一致且美观的视觉效果。 在前后端交互方面,jqGrid利用ajax技术实现了异步通信。这意味着表格数据的加载、更新或删除...
jQuery jqGrid 3.5 是一个非常流行的JavaScript库,用于创建功能丰富的数据网格。...记得先阅读使用须知,然后通过实际的示例来加深理解,最后结合API文档进行定制开发,这样就能充分发挥jqGrid的功能。
主要文件为"ui.jqgrid.css",定义了基本的样式规则。 三、核心特性 1. **数据操作**:jqGrid支持多种数据操作,如增删改查,提供行内编辑、弹窗编辑等多种编辑模式。 2. **分页**:自动分页功能,可以轻松设置每页...
jqGrid支持从服务器动态加载数据,可以使用`url`参数指定数据源,通过`datatype`参数设置数据类型(如`json`或`xml`)。数据加载过程中,还可以配置分页、排序和搜索等功能,如`loadonce`(一次性加载所有数据)、`...
Guriddo_jqGrid_JS_5.3.1.zip是jqGrid的一个特定版本,即v5.3.1的发行包,包含了多个关键组件和示例,旨在帮助开发者理解和使用这个工具。 首先,我们来看"bootstrap"目录,这表明jqGrid已经集成了Bootstrap框架。...
JQGrid API 3.6.4 英文 CHM
2. **添加引用**:在ASP.NET页面的HTML头部,引用所有必要的CSS和JS文件,包括jQuery、jQuery UI CSS以及JqGrid的相关脚本文件,如`jquery.jqGrid.js`、`grid.locale-en.js`或`grid.locale-cn.js`以及`ui.jqgrid.css...
9. **自定义功能**:jqGrid 的强大之处在于其高度可定制性,开发者可以通过编写插件或扩展其 API 来实现更复杂的功能需求。 通过理解和运用这些知识点,你可以利用 jqGrid4.6 完整包构建出功能强大的、交互友好的...