ColModel 是jqGrid里最重要的一个属性,设置表格列的属性。
用法:
java 代码:
jQuery("#gridid").jqGrid({
...
colModel: [ {name:'name1', index:'index1'...}, {...}, ... ],
...
});
有一些参数当表格初始化完成后是不能被修改的:
name
width
resizable
label (method avail.)
例子:$("#grid1").xgrid({
url:{url:'../data/json-grid-standard.htm',pageSize:'10',currentPage:'1'},// 列表数据
colModel:[{"display":"序号","width":"20","align":"center","sortable":"false","name":"xuhao"},
{"display":"登陆ID","width":32,"align":"center","sortable":"true","name":"LOGIN_ID"},
{"display":"姓名","width":32,"align":"center","sortable":"true","name":"XM"},
{"display":"组织机构","width":32,"align":"left","sortable":"true","name":"ORG_ID"},
{"display":"区域","width":32,"align":"center","sortable":"true","name":"REGION_ID"},
{"display":"日期","width":32,"align":"center","sortable":"true","name":"DATE"},
{"display":"是否删除","width":32,"align":"center","sortable":"true","name":"ISDEL","hide":"true"}
], //列表结构配置
title:'列表控件',
searchitems:[
{"display":"登陆ID","name":"LOGIN_ID"},
{"display":"姓名","name":"XM"},
{"display":"时间","name":"ORG_ID"},
{"display":"日期","name":"DATE"},
{"display":"区域代码","name":"REGION_DM"}
],//列表中搜索的条件项
width:800,
callback:function(){ alert('列表初始化完成后,执行回调') },
searchMode:true //搜索模式,初始化时不加载数据并隐藏列表
});
- 大小: 60.7 KB
分享到:
相关推荐
jqGrid 的安装非常简单,只需将相应的 CSS 和 JS 文件加入到页面中即可。jqGrid 需要 jQuery 和 jQuery UI 的支持。 2. jqGrid 的皮肤 从 3.5 版本开始,jqGrid 完全支持 jQuery UI 的主题。用户可以从 jQuery UI ...
总结:jQuery.jqGrid是一款功能强大的表格组件,其全面的数据处理能力使得它在Web开发中占据了重要地位。通过深入学习和灵活运用,开发者可以构建出高效、美观的数据管理界面,提升用户体验。理解并熟练掌握jqGrid的...
jqGrid是一款功能强大的jQuery插件,用于创建交互式的表格,其中`colModel`是jqGrid的核心配置之一,它定义了表格列的各种属性和行为。在本篇文档中,我们将深入探讨`colModel`的各项配置选项。 1. `align`: 这个...
在“jqGrid中文大全(1)”这个压缩包中,包含了一系列关于jqGrid的中文教程和文档,这些资料可以帮助开发者更深入地理解和应用jqGrid。以下是一些主要知识点的详细介绍: 1. **安装jqGrid**: jqGrid的安装通常涉及...
本文将详细介绍jQgrid的中文文档API,涵盖了其原理、使用方法、参数配置、事件处理、数据处理、ColModel API等方面的知识点。 原理 jQgrid是典型的B/S架构,服务器端只是提供数据管理,客户端只是提供数据显示。...
jqGrid是一种基于jQuery的网格控件,用于在Web应用程序中显示和编辑数据。它提供了许多参数来控制网格的行为和显示样式。下面是jqGrid的一些常见参数的中文说明: 1. options参数 jqGrid的options参数是一个对象,...
JqGrid是一款强大的JavaScript数据网格组件,用于在Web应用程序中展示和操作数据。它基于jQuery库,提供了丰富的功能,如分页、排序、过滤、编辑和格式化数据。本中文API文档将帮助开发者深入理解并有效利用JqGrid的...
使用jqGrid时,我们需要在HTML页面中引入jqGrid的CSS和JS文件,并在JavaScript中初始化jqGrid,设置表格的列定义、数据源等参数。例如: ```html <link rel="stylesheet" type="text/css" href="css/ui.jqgrid.css...
在网页开发中,jQuery Grid是一款强大的数据管理组件,它提供了丰富的功能,如数据分页、排序、搜索等。本文将详细讲解如何利用jQuery实现网格(Grid)中的列拖动功能,以及如何展示和压缩内容,以达到类似Excel的...
jqGrid 是一个基于 jQuery 的数据网格插件,用于在网页上展示和操作表格数据。它通过 AJAX 方式与服务器端进行通信,实现了数据的异步加载、排序、筛选、编辑等功能,大大简化了Web应用程序中表格数据管理的复杂性。...
在本文中,我们将深入探讨如何在JQuery Mobile中实现jqGrid数据分组,这是一个非常实用的功能,可以帮助用户更有效地组织和展示大量数据。首先,我们需要理解JQuery Mobile和jqGrid的基本概念。 JQuery Mobile是一...
文件中提及了jqGrid中的一些核心概念,例如ColModel API、参数配置、自定义搜索、搜索工具栏、搜索、自定义格式化类型、格式化、自定义按钮、翻页功能、配置json、方法和事件。这些内容涉及了如何通过编程方式操作...
4. **配置列**:每个列可以通过`colModel`参数定义,包括列名、宽度、是否可编辑、对齐方式等。 5. **数据加载**:可以使用本地数据,也可以通过Ajax从服务器获取数据。如果是远程数据源,需配置`url`和`dataType`...
4. 多级排序:可以通过 `sortorder` 参数在 `gridSortParam` 对象中指定多个排序条件,以实现多级排序。 5. 自定义排序:jqGrid 允许通过 `sorttype` 配置自定义排序函数,以处理特殊的排序逻辑。 总结,jqGrid ...
总的来说,jQuery.jqGrid 4.5.4是Web开发中处理表格数据的强大工具,它不仅提供丰富的功能,还具有良好的可扩展性和自定义性。掌握jqGrid的使用,能够极大地提升网页数据展示的用户体验和开发效率。
**jQuery网格插件jqGrid详解** jqGrid是一个强大的基于jQuery的开源插件,专门用于在Web页面上展示和操作网格数据。它提供了丰富的功能,包括数据分页、排序、搜索、编辑、添加、删除和导出,使得在网页中创建交互...
通过 `jqGridFirstDemo`,你可以学习到如何在实际项目中运用 `jQuery.jqGrid 3.6.4`,包括基本的配置、功能的启用以及对各种特性的定制。这个演示不仅展示了 `jqGrid` 的强大功能,还提供了一个动手实践的平台,帮助...
JqGrid 是一个基于 jQuery 的表格插件,提供了丰富的功能和灵活的配置选项,帮助开发者快速构建复杂的数据表格。下面是 JqGrid 3.6 API 中文版的知识点总结: jqGrid 的原理 jqGrid 是典型的 B/S 架构,服务器端...
3. 初始化jqGrid:调用jQuery的jqGrid方法,传入配置对象,配置数据源、列信息、分页等参数。 4. 实现交互:根据业务需求,添加搜索、排序、编辑等交互功能。 四、最佳实践与注意事项 1. 优化性能:对于大数据量的...