ColModel 是jqGrid里最重要的一个属性,设置表格列的属性。
用法:
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 |
有一些参数当表格初始化完成后是不能被修改的: *
name
*
width
*
resizable
*
label (method avail.)
分享到:
相关推荐
3. **文档**:可能还会有详细的API文档和用户手册,帮助开发者了解jqGrid的所有功能和选项。通过阅读文档,你可以了解如何设置列定义、数据模型、事件监听器以及如何实现自定义的交互功能。 4. **插件**:jqGrid...
4. 调用jqGrid的API方法实现各种操作,如加载数据、刷新表格、编辑记录等。 例如,基本的HTML结构可能如下: ```html <table id="jqGrid"> <div id="gridpager"></div> ``` 然后在JavaScript中初始化jqGrid: ``...
2. **增强的API**:提供了更丰富的API接口,使得开发者能够更加灵活地控制和自定义表格行为。 3. **响应式设计**:适应各种设备屏幕,无论在桌面还是移动设备上都能保持良好的显示效果。 4. **多语言支持**:内置...
通过引入这个文件,你可以利用jqGrid提供的API来定制你的数据网格,如设置列、定义数据源、绑定事件等。 3. **jqgriddocs.pdf**:这应该是jqGrid的官方文档,包含了详细的使用指南和API参考。通过阅读这份文档,...
jqGrid 提供了丰富的 API 和事件,允许开发者实现更复杂的功能,如自定义行为、扩展功能等。例如,可以通过监听 `loadComplete` 事件来实现数据加载后的定制操作。 总结,jQuery.jqGrid 3.6.2 是一款强大的数据网格...
本文将详细介绍jQgrid的中文文档API,涵盖了其原理、使用方法、参数配置、事件处理、数据处理、ColModel API等方面的知识点。 原理 jQgrid是典型的B/S架构,服务器端只是提供数据管理,客户端只是提供数据显示。...
本中文API文档将帮助开发者深入理解并有效利用JqGrid的各项功能。 一、基本使用 JqGrid的使用始于HTML页面中的表格元素,通过设置`<table>`标签的`id`属性,JqGrid会绑定到这个表格。例如: ```html ...
文件中提及了jqGrid中的一些核心概念,例如ColModel API、参数配置、自定义搜索、搜索工具栏、搜索、自定义格式化类型、格式化、自定义按钮、翻页功能、配置json、方法和事件。这些内容涉及了如何通过编程方式操作...
jqGrid 的 ColModel API 提供了丰富的列模型选项,帮助开发者快速构建复杂的数据表格。这些选项包括:列名、宽度、对齐方式等。 jqGrid 的 json 配置 jqGrid 提供了丰富的 json 配置选项,帮助开发者快速构建复杂...
在"最新JQGrid4+ API"中,我们可以深入理解JQGrid 4.*及以上版本的核心特性和使用方法。 一、JQGrid基本结构 JQGrid的初始化需要一个表格元素和相应的JavaScript配置。基本语法如下: ```html <table id="grid"></...
以下是对jqGrid API文档的详细解析: 1. **初始化与配置** - `jQuery("#grid_id").jqGrid(options)`:这是jqGrid的核心初始化方法,`#grid_id`是表格的DOM ID,`options`是一个包含各种配置参数的对象,如数据源、...
**JQGrid 4.0以上英文API文档详解** JQGrid是一款强大的JavaScript表格插件,基于jQuery库,用于在Web应用中展示和操作数据。它提供了丰富的功能,包括分页、排序、过滤、编辑、添加、删除和自定义列等。4.0版本...
以下是对jqGrid API及其相关知识的详细解释。 ### 1. 基本使用 首先,要在页面中引入jqGrid所需的CSS和JavaScript文件,通常包括`ui.jqgrid.css`和`jquery.jqGrid.min.js`。然后,你需要创建一个HTML表格元素,并...
例如,`$("#gridId").jqGrid()`是初始化jqGrid的基本方法,接受一个包含各种配置选项的对象参数,如colModel定义列的属性,pager设置分页,url指定数据源等。此外,还有`addRowData()`用于动态添加行,`editGridRow...
在“jqGrid简单案例之API”中,我们将探讨如何利用jqGrid的基本功能和API来构建一个前端与后端交互的小型示例。首先,我们需要了解jqGrid的HTML结构,通常包括一个div元素作为容器,并在其中定义表格ID。例如: ```...
`jqgrid_3.6.5_API_en.chm` 是英文版的API参考手册,虽然版本较旧,但仍然能为开发者提供jqGrid的基础功能和方法介绍。即使不熟悉英文,也可以通过翻译工具辅助理解,加深对jqGrid功能的理解。 `jqGrid中文说明文档...
“jqGrid基础学习:4jqGrid的ColModel API”深入探讨了ColModel,它是定义表格列属性的关键部分。通过配置ColModel,可以自定义列的宽度、对齐方式、可编辑性等特性。 5. **jqGrid中的事件**: “jqGrid基础学习...
同时,文档还涵盖了如何处理数据加载、编辑、保存和验证的事件,以及如何使用 jqGrid 的API进行操作。 总的来说,jqGrid 是一个功能丰富的 jQuery 表格插件,通过灵活的配置和强大的功能,可以满足各种数据展示和...
例如,如何使用`$("#grid").jqGrid()`来初始化表格,以及如何配置colModel以定义列的属性。此外,学习如何与服务器端进行数据交互,使用`loadError`、`beforeSelectRow`等事件处理函数,以及如何利用`gridComplete`...