`

jqGrid -- ColModel API

阅读更多

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-master

    3. **文档**:可能还会有详细的API文档和用户手册,帮助开发者了解jqGrid的所有功能和选项。通过阅读文档,你可以了解如何设置列定义、数据模型、事件监听器以及如何实现自定义的交互功能。 4. **插件**:jqGrid...

    jQuery tonytomov-jqGrid-v4.5.2 插件

    4. 调用jqGrid的API方法实现各种操作,如加载数据、刷新表格、编辑记录等。 例如,基本的HTML结构可能如下: ```html <table id="jqGrid"> <div id="gridpager"></div> ``` 然后在JavaScript中初始化jqGrid: ``...

    free-jqgrid-4.15.5.tgz

    2. **增强的API**:提供了更丰富的API接口,使得开发者能够更加灵活地控制和自定义表格行为。 3. **响应式设计**:适应各种设备屏幕,无论在桌面还是移动设备上都能保持良好的显示效果。 4. **多语言支持**:内置...

    jqGrid-3.2.zip

    通过引入这个文件,你可以利用jqGrid提供的API来定制你的数据网格,如设置列、定义数据源、绑定事件等。 3. **jqgriddocs.pdf**:这应该是jqGrid的官方文档,包含了详细的使用指南和API参考。通过阅读这份文档,...

    jquery.jqGrid-3.6.2.zip

    jqGrid 提供了丰富的 API 和事件,允许开发者实现更复杂的功能,如自定义行为、扩展功能等。例如,可以通过监听 `loadComplete` 事件来实现数据加载后的定制操作。 总结,jQuery.jqGrid 3.6.2 是一款强大的数据网格...

    jqgrid中文文档API

    本文将详细介绍jQgrid的中文文档API,涵盖了其原理、使用方法、参数配置、事件处理、数据处理、ColModel API等方面的知识点。 原理 jQgrid是典型的B/S架构,服务器端只是提供数据管理,客户端只是提供数据显示。...

    JqGrid中文API文档

    本中文API文档将帮助开发者深入理解并有效利用JqGrid的各项功能。 一、基本使用 JqGrid的使用始于HTML页面中的表格元素,通过设置`<table>`标签的`id`属性,JqGrid会绑定到这个表格。例如: ```html ...

    jqGrid_api中文文档

    文件中提及了jqGrid中的一些核心概念,例如ColModel API、参数配置、自定义搜索、搜索工具栏、搜索、自定义格式化类型、格式化、自定义按钮、翻页功能、配置json、方法和事件。这些内容涉及了如何通过编程方式操作...

    JqGrid 3.6 API中文版

    jqGrid 的 ColModel API 提供了丰富的列模型选项,帮助开发者快速构建复杂的数据表格。这些选项包括:列名、宽度、对齐方式等。 jqGrid 的 json 配置 jqGrid 提供了丰富的 json 配置选项,帮助开发者快速构建复杂...

    最新JQGrid4+ API

    在"最新JQGrid4+ API"中,我们可以深入理解JQGrid 4.*及以上版本的核心特性和使用方法。 一、JQGrid基本结构 JQGrid的初始化需要一个表格元素和相应的JavaScript配置。基本语法如下: ```html <table id="grid"></...

    Jqgrid中文使用手册

    | `colModel` | 列属性设置,同样是以数组形式。包括列名、索引、宽度、对齐方式等。 | | `pager` | 定义分页器的位置,可以放在页面的任意位置。 | | `rowNum` | 显示的行数,该参数会被发送到后端处理。 | | `...

    jqGrid API文档

    以下是对jqGrid API文档的详细解析: 1. **初始化与配置** - `jQuery("#grid_id").jqGrid(options)`:这是jqGrid的核心初始化方法,`#grid_id`是表格的DOM ID,`options`是一个包含各种配置参数的对象,如数据源、...

    JQGrid4.0以上英文API文档

    **JQGrid 4.0以上英文API文档详解** JQGrid是一款强大的JavaScript表格插件,基于jQuery库,用于在Web应用中展示和操作数据。它提供了丰富的功能,包括分页、排序、过滤、编辑、添加、删除和自定义列等。4.0版本...

    jqGrid_API中文

    以下是对jqGrid API及其相关知识的详细解释。 ### 1. 基本使用 首先,要在页面中引入jqGrid所需的CSS和JavaScript文件,通常包括`ui.jqgrid.css`和`jquery.jqGrid.min.js`。然后,你需要创建一个HTML表格元素,并...

    grid.locale-zh_CN.js和jqgrid_3.6.5_API

    例如,`$("#gridId").jqGrid()`是初始化jqGrid的基本方法,接受一个包含各种配置选项的对象参数,如colModel定义列的属性,pager设置分页,url指定数据源等。此外,还有`addRowData()`用于动态添加行,`editGridRow...

    jqGrid简单案例之API

    在“jqGrid简单案例之API”中,我们将探讨如何利用jqGrid的基本功能和API来构建一个前端与后端交互的小型示例。首先,我们需要了解jqGrid的HTML结构,通常包括一个div元素作为容器,并在其中定义表格ID。例如: ```...

    jqGrid表格插件(带中文/英文文档)

    `jqgrid_3.6.5_API_en.chm` 是英文版的API参考手册,虽然版本较旧,但仍然能为开发者提供jqGrid的基础功能和方法介绍。即使不熟悉英文,也可以通过翻译工具辅助理解,加深对jqGrid功能的理解。 `jqGrid中文说明文档...

    jqGrid 中文大全(1)

    “jqGrid基础学习:4jqGrid的ColModel API”深入探讨了ColModel,它是定义表格列属性的关键部分。通过配置ColModel,可以自定义列的宽度、对齐方式、可编辑性等特性。 5. **jqGrid中的事件**: “jqGrid基础学习...

    jqGrid_api中文文档.doc

    同时,文档还涵盖了如何处理数据加载、编辑、保存和验证的事件,以及如何使用 jqGrid 的API进行操作。 总的来说,jqGrid 是一个功能丰富的 jQuery 表格插件,通过灵活的配置和强大的功能,可以满足各种数据展示和...

    jqgrid 3.8.1 all in one

    例如,如何使用`$("#grid").jqGrid()`来初始化表格,以及如何配置colModel以定义列的属性。此外,学习如何与服务器端进行数据交互,使用`loadError`、`beforeSelectRow`等事件处理函数,以及如何利用`gridComplete`...

Global site tag (gtag.js) - Google Analytics