jqGrid中文文档之选项设置

前端之家收集整理的这篇文章主要介绍了jqGrid中文文档之选项设置前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

jqGrid提供了大量的选项设置,开发者可以通过设置选项对应值来控制jqGrid,比如表格的宽度、高度、数据类型以及列名称等等都是通过选项设置来完成的。jqGrid的选项一般是名称:值(name:value)的形式,也可以是对象(object)及数组(array)的形式配置。

jqGrid选项(Option)

调用jqGrid只需要执行以下代码:

options即jqGrid的选项设置,请参照以下表格。

属性属性,注意此项可能覆盖所有当前的ajax设置(包括error,complete和beforeSend 事件)。属性。自动匹配到父元素的宽度。这个匹配只在表格建立时进行,为了使表格在父元素宽度变化时也随之变化,可以使用setGridWidth方法标题。显示在Header上。若为空时将不会显示。属性确定单元格的padding + border 宽度。通常不修改属性,但若表格的CSS中改变了td元素,该属性需要修改。 缺省值5表示paddingLef(2) + paddingRight(2) + borderLeft(1)=5内容保存方式是remote还是clientArray 。.名称数组。该名称将在Header中显示名称以逗号分隔,数量应与colModel 数组数量相等 Xml —xml数据
xmlstring—xml字符串
json—JSON数据
jsonstring—JSON字符串
local—客户端数据(数组)
javascript—javascript数据
function—函数返回数据
数量为零时显示的信息此项只用当viewrecords 设置为true时才有效。文字,treeGrid展开或收拢名称来自colModel),未设置即用第一列。此项只有当treeGrid为true时有效.生成一个表脚行,列数等于colModel显示速度。但不能再使用treeGrid,subGrid,或afterInsertRow事件显示标题。当第一次点击显示/隐藏按钮显示表格,数据从服务器载入。显示/隐藏按钮可用。只有标题不为空时可用。效果自动变为local ,所有进一步操作都在客户端完成,pager功能(若存在)将失效。显示的文本自定义的指示。 enable (缺省)—表格中间显示loading。 block – 显示“Loading”信息,禁用页面上的所有功能,直到数据装入完成。属性只有当multiselect为true时有效,定义多选时的组合键,可选值有: shiftKey ,altKey,ctrlKeyBoxonly属性只有当multiselect为true时有效,. MultiBoxonly设置为true时,只有点击checkBox时该行才被选中,点击其他列,将清除当前行的选中。属性设为true时启用多行选择,出现复选框数量,此参数通过URL从服务器接受数据分页浏览导航条。必须是一个HTML元素,如
包括3部分的导航条:页码,导航按钮和记录信息。显示。页码输入框。属性。定义表格显示的行数。切勿与records混淆。属性。定义从请求中获得的记录数页面上显示提示信息,此文字只在viewrecords 为true是有效,并且当记录总数大于0时才显示
文字中{}中的内容表示:
{0} 该页显示的第一个记录的记录号
{1} 该页显示的最后一个记录的记录号
{2} 获得的记录总数显示行数的下拉列表框的元素数组。属性为true,表格左侧将添加一用于显示行数(从1开始)的列。此时colModel自动扩展出一个名为rn的元素。所以在colModel中不要定义rn。显示行数的列的宽度。属性。用于行编辑和单元格编辑保存数据之前属性。当multiselect 为true时,包含当前选定的行。此为一维数组,值为表格中选定行的ID。属性。内容是最后选定行的ID。如火应用了排序或pagging,该值为null。 若为true,并且设置了列宽度,则每列的宽度根据定义宽度缩放。
若为false,并且设置了列宽度,表格宽度为设置宽度,列宽度不会重新计算,使用colModel中定义的值添加一列,并包含一个“+”图像,用户可以点击扩展行。属性用于描述子表格的模式,只有subGrid 为true时有效。它是一个用于描述子表格列的数组。属性用于定义子表格获得数据的URL。行的ID将键入此URL中,若要添加其他参数,可使用subGridModel 中的选项。底部建立两个工具栏,两个工具栏位两个DIV元素,头部DIV元素的ID为“t_表格ID”,底部DIV元素的ID为“tb_表格ID”。若只有一个工具栏(top或bottom)时,DIV的ID为“t_表格ID”。显示分页条。方法。可以是nested或adjacency。dio-off'}添加到colModel的尾部并隐藏。服务器将返回这些字段的值。URL地址自定义信息,可随时使用显示记录总数 第一个参数设定是否显示所有定义了排序的列旁显示图标。缺省的false表示只有当前排序列旁的图标显示。设为true可使所有可排序列都显示图标。
第二个参数设定排序图标如何放置。vertical为垂直放置,horizontal为水平放置。
第三个参数设定点击功能。True表示表头点击排序,false表示只点击排序图标排序。若将此参数设为false时,请确保第一个参数为true,否则将无法排序。

ColModel API

colModel属性以数组的形式定义各个表格列。这是jqGrid中很重要的部分。语法为:

下面给大家介绍jqGrid提供的事件列表。

rowdata
rowelem 注意:若gridview 为true,此事件不会发生用户点击行,选中该行前。
该事件将返回布尔值true(行被选中)或false(行未被选中)。分页等无关。 settings修改对象属性(如headers)。 xhr 为XMLHttpRequest对象。 status,
error 错误类型描述;错误对象。 iCol,
cellcontent,
e 内容;
iRow,211) 1px solid; padding-top: 2px">此事件发生在行双击后发生。
为行ID;为行索引(勿与rowid混淆);
为列索引;
显示或隐藏表格后发生(hidegrid为true) gridstate为表格状态,有visible和hidden两个值用户输入一个与当前页页码不同的新页码并回车时。 为行ID;为行索引(勿与rowid混淆)
为列索引;
为事件对象 status标题的复选框时发生(multiselect为true)
为行ID;
为选择状态。当multiselect为true时使用,当行被选中时返回true;为选中时返回false。 sortorder 自定义的数据(如JSON字符串、XML字符串)要发给服务器时,可使用该事件。 原文链接:https://www.f2er.com/js/51336.html

猜你在找的JavaScript相关文章