`
jean7155
  • 浏览: 62923 次
  • 性别: Icon_minigender_2
  • 来自: 上海
社区版块
存档分类
最新评论

jqGrid的使用笔记:3. colModel API

阅读更多
colmodel属性
colModel定义列属性, 语法是:
jQuery("#gridid").jqGrid({
...
   colModel: [ {name:'name1', index:'index1'...}, {...}, ... ],
...
});


属性介绍
属性类型描述默认值
alignstring配置body层的单元格数据对齐显示,三个值:left, center, rightleft
cellattrfunction数据加载时单元格动态增加属性的函数。传递给函数的参数:rowId - 行的id val - 单元格的值 rawObject - 行数据的对象:数据类型是json, 则以数组形式, 如果是xml,则为xml点。cm - colModal中列表的所有属性 rdata - 要插入到行的数据行。数组,name;value形式,name是colModel的名称。null
classesstring列可增加类。 如要增加多个列,则如例子:classes:'class1 class2'.empty string
datefmtstring当数据类型是local时,确定排序类型的格式和编辑格式{date:true}. 确定日期列的格式,比如 ”/”, ”-”, 和 ”.” 可用的格式有:y,Y,yyyy (4位数年), YY, yy (2位数年),m,mm (月),d,dd(日).ISO日期(Y-m-d)
defvalstring搜索的默认值empty
editableboolean设定字段是否可编辑,可适用于单元格,内联和表单模型。false
editoptionsarray可编辑选项emptyarray
editrulesarray编辑规则emptyarray
edittypestring编辑类型: text, textarea, select, checkbox, password, button, image and filetext
firstsortorderstring如果设置升序或倒序,第一次排序时列使用该规则排序,随后的排序按照原有的规则。null
fixedboolean如果是true,列宽不允许更改,即便shrinkToFit=true,setGridWidth方法也不能改变宽度。false
formoptionsarray表单编辑的选项。empty
formatoptionsarray为特定的列制定格式选项,覆盖默认的配置none
formattermixed控制字段格式的预定义类型(string),或自定义的函数none
frozenboolean如果是true,则使用setFrozenColumns方法后该列冻结。false
hidedlgboolean如果是true,列不会出现在对话模式中。 用户可自定义那些列显示/隐藏。false
hiddenboolean起始时列是否隐藏。false
indexstring排序时设置索引名称。empty string
jsonmapstring解析json字符串时所需的列和json数据映射关系none
keyboolean如果服务端不提供id,则以唯一的行id作为id. 只有1列有这个属性。 如果有多个,grid以第一个为标准,其它忽略。false
labelstring如果colNames数组为空,则定义列的名称。如果colNames和该定义都为空,则显示列的名称属性值。none
namestring设置列的唯一名称。不可使用以下名称:subgrid, cb and rn.Required
resizableboolean列是否可重新调整大小true
searchboolean列是否可搜索true
searchoptionsarray搜索设置empty
sortableboolean是否可排序true
sorttypemixed数据类型是local时可用该选项。为列配置适当的类型。int/integer - 排序integer, float/number/currency - 排序浮点数,date - 排序日期,text - 排序字符,function - 自定义的排序函数,可传递用于排序的参数,并返回一个值text
stypestring搜索时设定元素的类型text
surlstring自定义搜索和编辑类型为‘select’时可用empty string
templateobjectcolModel的属性,设定后可覆盖默认值。null
titleboolean如果为false,鼠标扫过单元格时不显示列标题。true
widthnumber列的起始宽度,单位是pixels, 不可以为%。150
xmlmapstringxml文件和列的映射关系。none
unformatfunction 编辑单元格时使用的自定义函数。null
viewablebooleanviewGridRow方法启动后该选项有效。如果是false, 查看Form时列不显示。true

colModel的配置:rowId - 行id, val - 添加入单元格的值,rawObject - 数据行的对象,数据类型是json- array, xml - xml node. cm - colModel的列属性, rdata - 插入行的数据行. 属性是一串数组:type name:value, 可以通过getColProp and setColProp方法来设置和返回colModel对象的属性。 当grid形成后,以下选项不可改变:.name,width,resizable,
label (method avail.)
分享到:
评论

相关推荐

    jqGrid 的使用笔记:1. 开始

    **jqGrid 使用笔记:开始** jqGrid 是一个强大的 jQuery 插件,用于创建灵活、功能丰富的数据网格。这篇笔记将引导我们逐步了解如何在项目中开始使用 jqGrid。jqGrid 提供了丰富的特性,包括数据分页、排序、过滤、...

    jqGrid使用帮助[参照].pdf

    2. jquery.jqGrid.js:jQgrid 的主插件,提供了基本的表格功能。 3. grid.basic.js:基本插件,提供了基本的表格功能。 4. grid.custom.js:高级插件,提供了高级的表格功能。 5. grid.formedit.js:用于表格编辑、...

    jquery.jqgrid最新版

    jqGrid提供了多种内置皮肤,如"ui.jqgrid.css"中的"ui-lightness"和"ui-darkness",可以通过修改CSS来改变表格样式。同时,也可以自定义CSS,调整表格、按钮、分页等元素的外观。 五、jqGrid插件 jqGrid的`plugins...

    free-jqgrid-4.15.5.tgz

    1. **js文件**:这些JavaScript文件包含了jqGrid的核心逻辑,如grid.base.js、grid.common.js、ui.jqgrid.js等,分别提供了基础功能、通用功能和UI组件。 2. **css文件**:如ui.jqgrid.css,定义了jqGrid的样式和...

    jqGrid5.X 官方全Demo下载

    - `documentation.html`:这是 jqGrid5.X 的中文文档,提供了详细的API参考、教程和示例,帮助开发者了解如何使用各种功能。 - `release_notes.txt`:记录了 jqGrid5.X 的发布说明,包括新特性、改进和已知问题,...

    jquery.jqGrid.min.js 自家博客专用

    博客专用: Jqgrid学习笔记__01__初来乍到 很多时候在网上下载一段代码,结果引用的CSS和JS文件不知道从哪里弄,结果上网下载,不是版本不对,就是完全不对。这里的JS是有对应的代码段的。请参考博客 ====> Jqgrid...

    jquery.jqGrid.groupHeader-0.2.1.js

    jqGrid没有setComplexGroupHeaders方法,使用此插件实现三级分组表头功能

    jqGrid(版本:5.1.0)

    jqGrid的安装与基本使用 首先,你需要在项目中引入jQuery库和jqGrid的JavaScript及CSS文件。通常,你可以从官方网站(<http://www.trirand.com>)下载最新版本的jqGrid资源,或者通过CDN链接直接引用。 接下来,...

    jqGrid 中文大全(1)

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

    JqGrid中文API文档

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

    jqGrid_api中文文档.doc

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

    jqGrid使用笔记.docx

    3. **restoreRow**: 如果需要取消当前行的编辑状态并恢复到原始数据,可以使用 `restoreRow` 方法。调用格式为 `restoreRow(rowid, afterrestorefunc)`,其中 `afterrestorefunc` 是恢复操作完成后执行的回调函数。 ...

    jqGrid-5.1.0表格插件.rar

    同时,jqGrid的bootstrap风格确保了它能够无缝融入使用Bootstrap框架构建的现代网页设计中,提供一致且美观的视觉效果。 在前后端交互方面,jqGrid利用ajax技术实现了异步通信。这意味着表格数据的加载、更新或删除...

    jQuery jqGrid 3.5 完整实例包.zip

    jQuery jqGrid 3.5 是一个非常流行的JavaScript库,用于创建功能丰富的数据网格。...记得先阅读使用须知,然后通过实际的示例来加深理解,最后结合API文档进行定制开发,这样就能充分发挥jqGrid的功能。

    jquery.jqGrid-4.5.2.zip

    主要文件为"ui.jqgrid.css",定义了基本的样式规则。 三、核心特性 1. **数据操作**:jqGrid支持多种数据操作,如增删改查,提供行内编辑、弹窗编辑等多种编辑模式。 2. **分页**:自动分页功能,可以轻松设置每页...

    jqGrid使用demo: 数据加载 增加, 修改, 删除, 还原, 撤销等

    jqGrid支持从服务器动态加载数据,可以使用`url`参数指定数据源,通过`datatype`参数设置数据类型(如`json`或`xml`)。数据加载过程中,还可以配置分页、排序和搜索等功能,如`loadonce`(一次性加载所有数据)、`...

    Guriddo_jqGrid_JS_5.3.1.zip

    Guriddo_jqGrid_JS_5.3.1.zip是jqGrid的一个特定版本,即v5.3.1的发行包,包含了多个关键组件和示例,旨在帮助开发者理解和使用这个工具。 首先,我们来看"bootstrap"目录,这表明jqGrid已经集成了Bootstrap框架。...

    JQGrid_API_3.6.4.chm

    JQGrid API 3.6.4 英文 CHM

    ASP.NET中使用JqGrid完整实现.docx

    2. **添加引用**:在ASP.NET页面的HTML头部,引用所有必要的CSS和JS文件,包括jQuery、jQuery UI CSS以及JqGrid的相关脚本文件,如`jquery.jqGrid.js`、`grid.locale-en.js`或`grid.locale-cn.js`以及`ui.jqgrid.css...

    jqGrid4.6完整包

    9. **自定义功能**:jqGrid 的强大之处在于其高度可定制性,开发者可以通过编写插件或扩展其 API 来实现更复杂的功能需求。 通过理解和运用这些知识点,你可以利用 jqGrid4.6 完整包构建出功能强大的、交互友好的...

Global site tag (gtag.js) - Google Analytics