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.)
分享到:
相关推荐
这些示例对于初学者来说非常有用,可以快速理解和学习如何应用jqGrid。 3. **文档**:可能还会有详细的API文档和用户手册,帮助开发者了解jqGrid的所有功能和选项。通过阅读文档,你可以了解如何设置列定义、数据...
本文将详细介绍jQgrid的中文文档API,涵盖了其原理、使用方法、参数配置、事件处理、数据处理、ColModel API等方面的知识点。 原理 jQgrid是典型的B/S架构,服务器端只是提供数据管理,客户端只是提供数据显示。...
4. 调用jqGrid的API方法实现各种操作,如加载数据、刷新表格、编辑记录等。 例如,基本的HTML结构可能如下: ```html <table id="jqGrid"> <div id="gridpager"></div> ``` 然后在JavaScript中初始化jqGrid: ``...
JqGrid是一款强大的JavaScript数据网格组件,用于在Web应用...通过深入学习JqGrid中文API文档,开发者可以充分利用其强大功能,创建功能丰富的数据展示和管理界面。结合提供的示例代码,实践应用将变得更加直观和便捷。
本文将深入探讨free-jqgrid-4.15.5版本,此版本包含了所有的js和css文件,为开发者提供了完整的jqGrid学习和应用资源。 一、jqGrid概述 jqGrid是一款基于jQuery的开源数据网格组件,它允许用户在网页上创建交互式...
文件中提及了jqGrid中的一些核心概念,例如ColModel API、参数配置、自定义搜索、搜索工具栏、搜索、自定义格式化类型、格式化、自定义按钮、翻页功能、配置json、方法和事件。这些内容涉及了如何通过编程方式操作...
通过引入这个文件,你可以利用jqGrid提供的API来定制你的数据网格,如设置列、定义数据源、绑定事件等。 3. **jqgriddocs.pdf**:这应该是jqGrid的官方文档,包含了详细的使用指南和API参考。通过阅读这份文档,...
jqGrid 提供了丰富的 API 和事件,允许开发者实现更复杂的功能,如自定义行为、扩展功能等。例如,可以通过监听 `loadComplete` 事件来实现数据加载后的定制操作。 总结,jQuery.jqGrid 3.6.2 是一款强大的数据网格...
jqGrid 的 ColModel API 提供了丰富的列模型选项,帮助开发者快速构建复杂的数据表格。这些选项包括:列名、宽度、对齐方式等。 jqGrid 的 json 配置 jqGrid 提供了丰富的 json 配置选项,帮助开发者快速构建复杂...
| `colModel` | 列属性设置,同样是以数组形式。包括列名、索引、宽度、对齐方式等。 | | `pager` | 定义分页器的位置,可以放在页面的任意位置。 | | `rowNum` | 显示的行数,该参数会被发送到后端处理。 | | `...
JQGrid是一款强大的JavaScript数据网格插件,广泛用于创建交互式的HTML表格,它支持大量功能,包括数据排序、筛选、分页、编辑等。...通过深入学习和实践,我们可以利用JQGrid实现各种复杂的Web表格应用。
#### 六、jqGrid ColModel API - **列模型**: 通过ColModel API可以定义表格每一列的特性,包括宽度、标题、排序规则等。 #### 七、jqGrid实例 - **第一个实例**: 介绍了如何创建一个简单的jqGrid表格,并演示了其...
jqGrid是一款功能强大的jQuery插件,用于创建交互式的网格视图。它提供了丰富的API,使得开发者可以方便地定制和操作数据表格。...通过深入学习和实践,开发者能够充分利用jqGrid实现复杂的数据展示和管理功能。
本篇将详细解析4.0及以上版本的JQGrid英文API文档,以便离线查阅和学习。 **1. JQGrid初始化与基本设置** JQGrid的初始化通常通过`$("#gridId").jqGrid()`方法完成,其中`gridId`是表格元素的ID。初始化时可以设置...
CHM文件集合了jqGrid 3.6.5的所有API函数、方法、事件和配置选项,是开发者学习和查阅jqGrid API的重要参考资料。尽管文件名是英文,但内容包含了jqGrid的详细说明,对于理解API的用法极其关键。开发者可以通过搜索...
以下是对jqGrid API及其相关知识的详细解释。 ### 1. 基本使用 首先,要在页面中引入jqGrid所需的CSS和JavaScript文件,通常包括`ui.jqgrid.css`和`jquery.jqGrid.min.js`。然后,你需要创建一个HTML表格元素,并...
“jqGrid基础学习:4jqGrid的ColModel API”深入探讨了ColModel,它是定义表格列属性的关键部分。通过配置ColModel,可以自定义列的宽度、对齐方式、可编辑性等特性。 5. **jqGrid中的事件**: “jqGrid基础学习...
通过学习和实践这个案例,开发者可以掌握如何用jqGrid构建高效、交互性强的数据展示和管理界面。在实际项目中,可以根据需求进一步探索jqGrid的高级特性,如分组、子网格、自定义编辑器等,以满足更复杂的需求。
files` 和 `jqGrid中文说明文档——选项设置-Helloweba-致力于WEB前端技术在中国的应用_files` 可能是相关文档的配套示例代码或资源,用于演示如何在实际项目中使用jqGrid,这些例子可以帮助开发者更直观地学习和...
同时,文档还涵盖了如何处理数据加载、编辑、保存和验证的事件,以及如何使用 jqGrid 的API进行操作。 总的来说,jqGrid 是一个功能丰富的 jQuery 表格插件,通过灵活的配置和强大的功能,可以满足各种数据展示和...