上有很多jqGrid的API，大家可以查看。
在$("#tableId").jqGrid(optional);中，optional对象包含如下的属性：（属性按字母顺序排列）
|
参数名称
|
类型
|
描述
|
默认值
|
是否可以被修改
|
|
ajaxGridOptions
|
object
|
对ajax参数进行全局设置，可以覆盖ajax事件：error，complete 和 beforeSend
|
空值
|
是
|
|
ajaxGridOptions
|
object
|
对ajax参数进行全局设置
|
空值
|
是
|
|
ajaxSelectOptions
|
object
|
对ajax的select参数进行全局设置，设置editoptions跟searchoptions 参数的select属性值
|
空值
|
是
|
|
altclass
|
String
|
用于表格行交替变色的class属性。你可以定义自己的class来替代默认值。只有当altRows属性设置为true时，该属性才起作用
|
ui-priority-secondary
|
是，但需要重新加载
|
|
altRows
|
boolean
|
设置表格是否允许行交替变色值
|
false
|
是，需重新加载
|
|
autoencode
|
boolean
|
当为 ture 时对url进行编码
|
false
|
是
|
|
autowidth
|
boolean
|
如果为ture时，则当表格在首次被创建时会根据父元素比例重新调整表格宽度。如果父元素宽度改变，为了使表格宽度能够自动调整则需要实现函数：setGridWidth
|
false
|
否
|
|
caption
|
String
|
定义表格名称
|
空值
|
否，但是可以用api修改
|
|
cellLayout
|
integer
|
定义了单元格padding + border 宽度。通常不必修改此值。初始值为5，paddingLef?2+paddingRight?2+borderLeft?1=5
|
5
|
否
|
|
cellEdit
|
boolean
|
启用或者禁用单元格编辑功能
|
false
|
是
|
|
cellsubmit
|
String
|
定义了单元格内容保存位置：“remote”，“clientArray”
|
‘remote’
|
是
|
|
cellurl
|
String
|
单元格提交的url
|
空值
|
是
|
|
colModel
|
array
|
对显示列属性的设置，是一个数组对象。常用到的属性：name 列显示的名称；index传到服务器端用来排序用的列名称；width 列宽度；align 对齐方式；sortable是否可以排序
|
空值
|
否
|
|
colNames
|
array[]
|
放置列名称的数组，必须与colModel大小相同
|
空数组
|
否
|
|
datastr
|
String
|
xmlstring或者jsonstring
|
空值
|
是
|
|
datatype
|
string
|
从服务器端返回的数据类型，（表格期望接收的数据类型）。可选类型：xml，xmlstring，json，local，function
|
xml
|
是
|
|
deselectAfterSort
|
boolean
|
只有当datatype为local时起作用。当排序时不选择当前行
|
true
|
是
|
|
direction
|
string
|
表格中文字的显示方向，从左向右（ltr）或者从右向左（rtr）。
|
ltr
|
否
|
|
editurl
|
string
|
定义对form编辑时的url
|
空值
|
是
|
|
emptyrecords
|
string
|
当返回的数据行数为0时显示的信息。只有当属性 viewrecords 设置为ture时起作用
|
在语言包中
|
是
|
|
ExpandColClick
|
boolean
|
当为true时，点击展开行的文本时，treeGrid就能展开或者收缩，不仅仅是点击图片
|
true
|
否
|
|
ExpandColumn
|
string
|
指定那列来展开tree grid，默认为第一列，只有在treeGrid为true时起作用
|
空值
|
否
|
|
footerrow
|
boolean
|
当为true时，会在翻页栏之上增加一行
|
false
|
否
|
|
forceFit
|
boolean
|
当为ture时，调整列宽度不会改变表格的宽度。当shrinkToFit 为false时，此属性会被忽略
|
false
|
否
|
|
gridstate
|
string
|
定义当前表格的状态：'visible' or 'hidden'
|
visible
|
否
|
|
gridview
|
boolean
|
构造一行数据后添加到grid中，如果设为true则是将整个表格的数据都构造完成后再添加到grid中，但treeGrid, subGrid, or afterInsertRow 不能用
|
false
|
是
|
|
height
|
mixed
|
表格高度，可以是数字，像素值或者百分比
|
150
|
否
|
|
hiddengrid
|
boolean
|
当为ture时，表格不会被显示，只显示表格的标题。只有当点击显示表格的那个按钮时才会去初始化表格数据。只有当caption 属性不为空而且hidegrid为ture时才起作用
</t
分享到：
Global site tag (gtag.js) - Google Analytics
|
相关推荐
在描述中提到的"jqgird+struts2标签框架"是指将jqGrid与Struts2框架结合使用，Struts2是一个Java EE平台上的MVC（Model-View-Controller）框架，用于构建动态Web应用。 Struts2的标签库大大简化了视图层的开发，而...
### jqGrid Edit 功能详解 #### 一、简介 `jqGrid` 是一款基于 jQuery 的高级数据网格插件，能够创建复杂的数据表格和编辑界面。`jqGrid edit` 功能则专注于提供行级别的数据编辑能力，允许用户在不离开当前页面的...
jqGrid 是一个基于 jQuery 的数据网格插件，用于在网页上展示和操作大量结构化数据。这个插件提供了丰富的功能，如数据分页、排序、过滤、编辑等，使得前端开发人员可以方便地构建功能强大的表格应用。...
**jqGrid和DWZ框架扩展详解** 在Web开发领域，jqGrid和DWZ框架是两个常用的工具，它们分别用于数据展示和页面构建。本篇文章将深入探讨如何在DWZ框架中扩展jqGrid，以及如何利用它们实现JSON数据的初始化加载。...
《jQuery jqGrid 1.3.2：高效数据展示与管理的神器》 jQuery jqGrid是一款功能强大的数据网格插件，专为Web应用程序提供数据展示和管理的解决方案。在1.3.2版本中，jqGrid展现出其在数据处理领域的卓越性能，特别...
**jqGrid介绍** jqGrid是一款基于jQuery的开源插件，用于创建交互式的数据网格，它提供了丰富的功能，如数据分页、排序、过滤、编辑等。这个“jqgirdDemo”是一个适合初学者的示例，它展示了如何利用jqGrid与JSON...
**jqGrid介绍** jqGrid是一款基于JavaScript的开源数据网格组件，它是jQuery库的一部分，用于创建交互式的、数据丰富的Web表格。jqGrid以其强大的数据管理能力、丰富的功能集和灵活的可定制性，深受开发者的喜爱。...
在IT领域，特别是前端开发中，使用jQuery插件如jGrid进行数据展示和管理是非常常见的。jGrid（也称为jqGrid）是一个强大的jQuery表格插件，用于创建高度交互的、可排序、可过滤、可分页的数据网格。...
**jqGrid4.3.2及其相关Demo详解** jqGrid是一款在Web开发中广泛使用的开源JavaScript组件，专门用于创建交互式、数据丰富的表格。在版本4.3.2中，jqGrid提供了许多强大的功能，包括但不限于排序、分组、分页、行内...
jQGrid 3.5 jQuery UI 1.7.2 Lightness theme (get more here) Sample static JSON file Sample static XML file (do not put this one into the 'url', it won't work) ...mySQL script for rapid demo integration
在IT行业中，前端数据展示是用户体验的关键一环。"基于jqgrid实现树形菜单分页列表查询"这一主题，旨在创建一个既能展示层级结构又能进行高效分页查询的表格组件。jqGrid是一款强大的jQuery插件，它提供了丰富的功能...
在IT领域，尤其是在Web开发中，数据展示是一个关键部分，特别是在处理大量结构化数据时。JqGrid是一款基于jQuery的数据表格插件，它提供了一种高效、可定制的方式来展示和操作表格数据。本文将深入探讨“数据表格...
jqgrid合并行、合并列 先看示例图片最终效果： jqgrid合并单元格 .jqgrid { width: 80%; margin: 0 auto; } /* 这个代码是解决表头有一点点错位的问题 */ .ui-state-default, .ui-widget-content .ui-state...
JqGrid是一款强大的JavaScript表格插件，用于在Web应用程序中展示和操作数据。它基于jQuery库，提供了丰富的功能，如数据排序、筛选、分页、编辑等。在本"JqGrid国际化Demo.zip"中，我们将探讨如何使用JqGrid的国际...
**JSTL与jqGrid整合详解** 在Web开发中，JSP Standard Tag Library（JSTL）是一个标准的标签库，它提供了许多用于处理常见任务的标签，如迭代、条件语句、XML处理等，极大地简化了JSP页面的编写。...
**jqGrid简介** jqGrid是一款基于JavaScript的开源网格控件，它是jQuery库的一部分，用于创建交互式的、数据丰富的Web表格。jqGrid支持多种功能，包括数据分页、排序、搜索、编辑、添加和删除记录，以及自定义列...
在IT行业中，jqGrid是一个非常流行的JavaScript库，用于创建数据密集型Web应用程序，特别是用于展示和操作表格数据。jqGrid提供了丰富的功能，包括排序、筛选、分页以及行编辑等。在本例中，我们将深入探讨如何实现...
jqGrid in ASP.NET MVC 3 and Razor.zipjqGrid in ASP.NET MVC 3 and Razor.zipjqGrid in ASP.NET MVC 3 and Razor.zip
**jqGrid 图片上传功能（Java版）详解** jqGrid 是一个强大且灵活的JavaScript表格插件，它允许用户在Web应用中展示、编辑、排序和过滤数据。在这个主题中，我们将探讨如何利用jqGrid来实现图片上传的功能，并结合...
jqGrid是一款基于jQuery的开源数据网格插件，版本3.8是其早期的一个稳定版本，广泛应用于Web开发中，尤其在展示大量结构化数据时，提供了丰富的功能和优秀的性能。这款插件允许开发者轻松地创建交互式、可排序、可...