Welcome 微信登录

首页 / 脚本样式 / JavaScript / jqGrid中文文档之选项设置

jqGrid提供了大量的选项设置,开发者可以通过设置选项对应值来控制jqGrid,比如表格的宽度、高度、数据类型以及列名称等等都是通过选项设置来完成的。jqGrid的选项一般是名称:值(name:value)的形式,也可以是对象(object)及数组(array)的形式配置。
jqGrid选项(Option)
调用jqGrid只需要执行以下代码:
jQuery("#grid_id").jqGrid(options);

options即jqGrid的选项设置,请参照以下表格。
属性类型描述默认值
ajaxGridOptionsobject此项用于设置当表格设置获得数据时,ajax的全局属性,注意此项可能覆盖所有当前的ajax设置(包括error, complete和beforeSend 事件)。empty
ajaxSelectOptionsobject此项用于设置在editoptions或searchoptions对象中通过dataUrl选择元素时, ajax的全局属性。empty
altclassstring交替行的类。 此项仅当altRows设置为true时有效。ui-priority-secondary
altRowsboolean设置为交替行表格false
autoencodeboolean当设置为true时,对来自服务器的数据和提交数据进行encodes编码。如< 将被转换为<false
autowidthboolean当设置为true时,表格宽度将自动匹配到父元素的宽度。这个匹配只在表格建立时进行,为了使表格在父元素宽度变化时也随之变化,可以使用setGridWidth方法false
captionstring表格的标题。显示在Header上。若为空时将不会显示。empty
cellLayoutinteger该属性确定单元格的padding + border 宽度。通常不修改该属性,但若表格的CSS中改变了td元素,该属性需要修改。 缺省值5表示paddingLef(2) + paddingRight(2) + borderLeft(1)=55
cellEditboolean是否允许单元格编辑。false
cellsubmitstring确定单元格内容保存方式是remote还是clientArray 。"remote"
cellurlstring单元格保存的url。null
colModelarray描述列参数数组。这是表格最重要的部分,详见colModel API.null
colNamesarray[]列名称数组。该名称将在Header中显示。名称以逗号分隔,数量应与colModel 数组数量相等empty
dataarray以数组的形式保存本地数据。empty
datastrstring当datatype被设置为xmlstring或jsonstring时,为数据串。null
datatypestring定义表格希望获得的数据的类型,有效值有:
Xml —xml数据
xmlstring—xml字符串
json—JSON数据
jsonstring—JSON字符串
local—客户端数据(数组)
javascript—javascript数据
function—函数返回数据
 
xml
deselectAfterSortboolean只适用于当datatype为local时。当一个排序被应用时取消当前选定行。true
directionstring表格中的书写方向。“ltr”从左到右(缺省值),“rtl”从右到左ltr
editurlstring定义行内编辑地址URLnull
emptyrecordsstring当返回(或当前)数量为零时显示的信息此项只用当viewrecords 设置为true时才有效。 
ExpandColClickbooleantrue时,点击展开行的文字,treeGrid展开或收拢true
ExpandColumnstring指定用于张开treeGrid的列(名称来自colModel),未设置即用第一列。此项只有当treeGrid为true时有效.null
footerrowboolean如果设置为true时,将生成一个表脚行,列数等于colModelfalse
forceFitboolean如果设置为true,改变列宽,相邻列也将调整以适应整体表格,将不会出现水平滚动条。false
gridstatestring表格的当前状态。有visible或hiddenvisible
gridviewboolean设置为true将提高5~10倍的显示速度。但不能再使用treeGrid, subGrid, 或afterInsertRow事件false
groupingboolean是否设置表格组false
heightmixed表格高度。可为数值、百分比或auto150
hiddengridboolean如果设置为true,表格开始被隐藏,数据不被载入,只显示标题。当第一次点击显示/隐藏按钮显示表格,数据从服务器载入。false
hidegridboolean是否允许显示/隐藏按钮可用。只有标题不为空时可用。true
hoverrowsboolean表行是否有鼠标悬停效果true
jsonReaderarrayJSON数据结构数组 
lastpageinteger请求返回的总页数0
lastsortinteger排序的列号(0开始)0
loadonceboolean设置为true时,表格只一次读取服务器数据(使用适当datatype),之后,datatype 自动变为local ,所有进一步操作都在客户端完成,pager功能(若存在)将失效。false
loadtextstring数据请求和排序时显示的文本Loading…
loaduistring此项控制ajax进程进行时的动作。Disable—取消jqGrid的进程指示,可使用自定义的指示。 enable (缺省)—表格中间显示loading。 block – 显示“Loading”信息,禁用页面上的所有功能,直到数据装入完成。enable
mtypestring定义提交类型POST或GETGET
multikeystring此属性只有当multiselect为true时有效,定义多选时的组合键,可选值有: shiftKey ,altKey,ctrlKeyempty
multiboxonlyboolean此属性只有当multiselect为true时有效,. Multiboxonly设置为true时,只有点击checkbox时该行才被选中,点击其他列,将清除当前行的选中。false
multiselectboolean此属性设为true时启用多行选择,出现复选框false
multiselectWidthinteger若multiselect 为true时,定义多选列的宽度。20
pageinteger设置请求初始页的数量,此参数通过URL从服务器接受数据1
pagermixed定义分页浏览导航条。必须是一个HTML元素,如<div id="page"></div>empty
pagerposstring定义表格浏览导航条的位置,缺省情况下建立一个包括3部分的导航条:页码,导航按钮和记录信息。center
pgbuttonsboolean定义导航激活时导航按钮是否显示。true
pginputboolean定义导航栏是否有页码输入框。true
pgtextstring当前页信息。第一个量为当前页,第二个量为总页数。 
prmNamesarray缺省情况下prmNames: { page:“page”,rows:“rows”, sort: “sidx”,order: “sord”, search:“_search”, nd:“nd”, npage:null} 以POST方式发送到服务器,字段为: page,rows,sidx,sord,search,nd 例如要将sidx改为mysort,可写成: prmNames: {sort: “mysort”}. 这样提交到服务器的字符串就变为: page=1&rows=10&mysort=myindex&sord=asc 若将一些参数设为null,这些参数将不再发往服务器。例如prmNames: { nd:null} 则nd参数将不被发送。 Npage参数参见scroll option.none
postDataarray此数组能直接传递到url。这个数组可使用这种形式{name1:value1…}。empty
reccountinteger只读属性。定义表格显示的行数。切勿与records混淆。0
recordposstring定义页中记录信息的位置,可以是left,center,right。right
recordposobject交替行的类true
recordsinteger只读属性。定义从请求中获得的记录数none
recordtextstring可在页面上显示的提示信息,此文字只在viewrecords 为true是有效,并且当记录总数大于0时才显示。
此文字中{}中的内容表示:
{0} 该页显示的第一个记录的记录号
{1} 该页显示的最后一个记录的记录号
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图