`
a3mao
  • 浏览: 563501 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jqGrid学习 -------------- ColModel API

    博客分类:
  • Work
阅读更多
ColModel 是jqGrid里最重要的一个属性,设置表格列的属性。
用法:
jQuery("#gridid").jqGrid({
...
   colModel: [ {name:'name1', index:'index1'...}, {...}, ... ],
...
});


属性数据类型备注默认值
alignstring定义单元格对齐方式;可选值:left, center, right.left
classesstring设置列的css。多个class之间用空格分隔,如:'class1 class2' 。表格默认的css属性是ui-ellipsisempty string
datefmtstring对日期列进行格式化。”/”, ”-”, and ”.”都是有效的日期分隔符。y,Y,yyyy 年YY, yy 月m,mm for monthsd,dd 日. ISO Date (Y-m-d)
defvalstring查询字段的默认值
editableboolean单元格是否可编辑false
editoptionsarray对列进行编辑时设置的一些属性empty array
editrulesarray对于可编辑单元格的一些额外属性设置empty array
edittypestring可以编辑的类型。可选值:text, textarea, select, checkbox, password, button, image and file. text
fixedboolean列宽度是否要固定不可变false
formoptionsarray对于form进行编辑时的属性设置empty
formatoptionsarray对某些列进行格式化的设置none
formattermixed对列进行格式化时设置的函数名或者类型none
hidedlgboolean是否显示或者隐藏此列false
hiddenboolean在初始化表格时是否要隐藏此列false
indexstring当排序时定义排序字段名称的索引,参数名为sidx empty string
jsonmapstring定义了返回的json数据映射none
keyboolean当从服务器端返回的数据中没有id时,将此作为唯一rowid使用,默认只能有一个id属性false
labelstring如果colNames为空则用此值来作为列的显示名称,如果都没有设置则使用name 值none
namestring必输项,表格列的名称,所有关键字,保留字都不能作为名称使用包括subgrid, cb and rn.Required
resizableboolean是否可以被resizabletrue
searchboolean在搜索模式下,定义此列是否可以作为搜索列true
searchoptionsarray设置搜索参数empty
sortableboolean是否可排序true
sorttypestring用在当datatype为local时,定义搜索列的类型,可选值:int/integer - 对integer排序float/number/currency - 排序数字date - 排序日期text - 排序文本text
stypestring定义搜索元素的类型text
surlstring搜索数据时的urlempty string
widthnumber默认列的宽度,只能是象素值,不能是百分比150
xmlmapstring定义当前列跟返回的xml数据之间的映射关系none
unformatfunction‘unformat’单元格值null


有一些参数当表格初始化完成后是不能被修改的:    *
      name
    *
      width
    *
      resizable
    *
      label (method avail.)
分享到:
评论

相关推荐

    jqGrid-master

    这些示例对于初学者来说非常有用,可以快速理解和学习如何应用jqGrid。 3. **文档**:可能还会有详细的API文档和用户手册,帮助开发者了解jqGrid的所有功能和选项。通过阅读文档,你可以了解如何设置列定义、数据...

    jqgrid中文文档API

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

    jQuery tonytomov-jqGrid-v4.5.2 插件

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

    JqGrid中文API文档

    JqGrid是一款强大的JavaScript数据网格组件,用于在Web应用...通过深入学习JqGrid中文API文档,开发者可以充分利用其强大功能,创建功能丰富的数据展示和管理界面。结合提供的示例代码,实践应用将变得更加直观和便捷。

    free-jqgrid-4.15.5.tgz

    本文将深入探讨free-jqgrid-4.15.5版本,此版本包含了所有的js和css文件,为开发者提供了完整的jqGrid学习和应用资源。 一、jqGrid概述 jqGrid是一款基于jQuery的开源数据网格组件,它允许用户在网页上创建交互式...

    jqGrid_api中文文档

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

    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 3.6 API中文版

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

    Jqgrid中文使用手册

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

    最新JQGrid4+ API

    JQGrid是一款强大的JavaScript数据网格插件,广泛用于创建交互式的HTML表格,它支持大量功能,包括数据排序、筛选、分页、编辑等。...通过深入学习和实践,我们可以利用JQGrid实现各种复杂的Web表格应用。

    jqgrid 中文文档

    #### 六、jqGrid ColModel API - **列模型**: 通过ColModel API可以定义表格每一列的特性,包括宽度、标题、排序规则等。 #### 七、jqGrid实例 - **第一个实例**: 介绍了如何创建一个简单的jqGrid表格,并演示了其...

    jqGrid API文档

    jqGrid是一款功能强大的jQuery插件,用于创建交互式的网格视图。它提供了丰富的API,使得开发者可以方便地定制和操作数据表格。...通过深入学习和实践,开发者能够充分利用jqGrid实现复杂的数据展示和管理功能。

    JQGrid4.0以上英文API文档

    本篇将详细解析4.0及以上版本的JQGrid英文API文档,以便离线查阅和学习。 **1. JQGrid初始化与基本设置** JQGrid的初始化通常通过`$("#gridId").jqGrid()`方法完成,其中`gridId`是表格元素的ID。初始化时可以设置...

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

    CHM文件集合了jqGrid 3.6.5的所有API函数、方法、事件和配置选项,是开发者学习和查阅jqGrid API的重要参考资料。尽管文件名是英文,但内容包含了jqGrid的详细说明,对于理解API的用法极其关键。开发者可以通过搜索...

    jqGrid_API中文

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

    jqGrid 中文大全(1)

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

    jqGrid简单案例之API

    通过学习和实践这个案例,开发者可以掌握如何用jqGrid构建高效、交互性强的数据展示和管理界面。在实际项目中,可以根据需求进一步探索jqGrid的高级特性,如分组、子网格、自定义编辑器等,以满足更复杂的需求。

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

    files` 和 `jqGrid中文说明文档——选项设置-Helloweba-致力于WEB前端技术在中国的应用_files` 可能是相关文档的配套示例代码或资源,用于演示如何在实际项目中使用jqGrid,这些例子可以帮助开发者更直观地学习和...

    jqGrid_api中文文档.doc

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

Global site tag (gtag.js) - Google Analytics