转自:http://blog.whiledo.com/archives/345
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 |
分享到:
相关推荐
jqGrid 的 colModel 属性是一个重要的属性,用于设置列名称。默认值为空数组,这个属性不能修改。 colNames jqGrid 的 colNames 属性是一个重要的属性,用于设置 Grid 每一个列的属性,一个列作为一个数组元素设置...
jqGrid是一款功能强大的jQuery插件,用于创建交互式的表格,其中`colModel`是jqGrid的核心配置之一,它定义了表格列的各种属性和行为。在本篇文档中,我们将深入探讨`colModel`的各项配置选项。 1. `align`: 这个...
### jqGrid 属性中文详细说明 #### 一、简介 jqGrid是一款非常强大的jQuery插件,主要用于在网页上实现表格数据展示与管理的功能。通过设置不同的属性,可以灵活地控制表格的表现形式和交互行为,满足各种复杂的...
### jqGrid属性中文详细说明 #### 一、概述 `jqGrid`是一款非常强大的jQuery插件,用于在网页上展示表格数据。它支持多种数据格式(XML、JSON等),并且具备丰富的功能,如分页、排序、搜索、编辑等。为了更好地...
1. **colModel**:这是JqGrid最重要的属性之一,用于定义网格中的列及其行为。每个列都有自己的属性,如名称、宽度、对齐方式、可编辑性等。例如,你可以设置`name`来指定列的字段名,设置`width`来设定列的宽度,...
以下是对jqGrid部分属性的详细说明: 1. **ajaxGridOptions** (object): 此属性允许用户设置全局的Ajax请求配置。它可以覆盖默认的Ajax设置,包括error、complete和beforeSend事件,从而在与服务器通信时进行自定义...
“jqGrid基础学习:4jqGrid的ColModel API”深入探讨了ColModel,它是定义表格列属性的关键部分。通过配置ColModel,可以自定义列的宽度、对齐方式、可编辑性等特性。 5. **jqGrid中的事件**: “jqGrid基础学习...
JqGrid提供内置的分页功能,只需设置`rowNum`(每页行数)和`pager`(分页器ID)。例如: ```javascript pager: '#pager', rowNum: 10, ``` 同时,可以使用`loadonce: true`实现客户端分页,减少服务器压力。 五、...
1. **colModel**:这是jqGrid最重要的配置之一,用于定义表格列的属性。每个列都有一个对象,包含列名(name)、标题(title)、宽度(width)等属性,还可以设置是否可编辑(editable),默认排序方式(sorttype)...
3. 排序类型:每个列在 `colModel` 中可以通过 `sorttype` 属性定义其排序方式。例如,对于日期,可以设置为 `"date"`,对于数字,可以设置为 `"integer"` 或 `"number"`。 4. 多级排序:可以通过 `sortorder` 参数...
下面将详细解释jqGrid的一些关键属性和使用方法。 首先,jqGrid的核心组件包括以下几个JavaScript文件: 1. `jquery.js`:jQuery库,基础脚本。 2. `jquery.jqGrid.js`:jqGrid主文件,包含了所有基本功能,根据...
你可以通过 `url` 属性指定远程数据源,或者直接通过 `data` 属性提供本地数据。 5. **列定义**:每列的显示和操作可以通过 `colModel` 配置项来定义,包括列名、宽度、对齐方式、可编辑性等。 6. **功能特性**:...
1. 基本HTML结构:在页面上创建一个表格元素,设置id属性,jqGrid会据此初始化表格。 ```html <table id="jqGrid"> <div id="jqGridPager"></div> ``` 2. 初始化jqGrid:通过JavaScript代码设置参数,调用jqGrid...
在实现表格样式时,jqGrid允许自定义CSS样式,你可以根据需求调整表格的边框、背景色、字体大小等样式属性。例如,通过设置`ui.jqgrid`、`ui-state-default`等CSS类,可以改变表格的默认外观。同时,jqGrid也提供了...
4. **数据分页**:jqGrid的分页功能默认是启用的,只需设置`rowNum`和`pager`选项即可。当用户更改分页大小或点击分页按钮时,jqGrid会自动处理数据的切片和显示。 5. **数据排序**:在初始化jqGrid时,我们可以...
2. **列模型配置**:每个列在JqGrid中都有一个对应的列模型(`colModel`),其中可以设置列的宽度。使用`autoResizable: true`属性,可以开启列的自动调整大小功能。 3. **自适应事件处理**:JqGrid提供了`...
JQGrid的分页配置主要涉及以下几个关键属性: 1. `pager`:指定分页栏的位置,可以是一个DOM元素或一个jQuery选择器。 2. ` rowNum`:每页显示的记录数,默认值是20。 3. `rowList`:用户可以在分页栏选择每页显示...
- `colModel`:详细描述每一列的属性,如`align`(对齐方式)、`editable`(是否可编辑)、`editrules`(编辑规则,如必填、数字、邮箱验证等)、`width`(宽度)和`align`(对齐方式)。 6. **分页设置**: - `...