jqGrid属性E文详细说明

Property

Type

Description

Default1)

Can be changed?

ajaxGridOptions

object

This option allow to set global ajax settings for the grid when we request data. Note that with this option is possible to overwrite all current ajax setting in the grid including the error, complete and beforeSend events.

empty object

Yes

ajaxSelectOptions

object

This option allow to set global ajax settings for the select element when the select is obtained via dataUrl option in editoptions or searchoptions objects

empty object

Yes

altclass

string

The class that is used for alternate rows. You can construct your own class and replace this value. This option is valid only if altRows options is set to true

ui-priority-secondary

Yes. Requires reload

altRows

boolean

Set a zebra-striped grid

false

Yes. After reload

autoencode

boolean

When set to true encodes (html encode) the incoming (from server) and posted data (from editing modules). By example < will be converted to &lt;

false

Yes

autowidth

boolean

When set to true, the grid width is recalculated automatically to the width of the parent element. This is done only initially when the grid is created. In order to resize the grid when the parent element changes width you should apply custom code and use a setGridWidth method for this purpose

false

No

caption

string

Defines the Caption layer for the grid. This caption appears above the Header layer. If the string is empty the caption does not appear.

empty string

No.Method avail.

cellLayout

integer

This option determines the padding + border width of the cell. Usually this should not be changed, but if custom changes to td element are made in the grid css file this will need to be changed. The initial value of 5 means paddingLef2+paddingRight2+borderLeft1=5

5

No

cellEdit

boolean

Enables (disables) cell editing. See Cell Editing for more details

false

Yes

cellsubmit

string

Determines where the contents of the cell are saved: 'remote' or 'clientArray'. See Cell Editing for more details

'remote'

Yes

cellurl

string

the url where the cell is to be saved. See Cell Editing for more details

null

Yes

colModel

array

Array which describes the parameters of the columns.This is the most important part of the grid. For a full description of all valid values see colModel API.

empty array

No

colNames

array[]

An array in which we place the names of the columns. This is the text that appears in the head of the grid (Header layer). The names are separated with commas. Note that the number of element in this array should be equal of the number elements in the colModel array.

empty array[]

No

data

array

A array that store the local data passed to the grid. You can directly point to this variable in case you want to load a array data. It can replace addRowData method which is slow on relative big data

empty array

Yes

datastr

string

The string of data when datatype parameter is set to xmlstring or jsonstring

null

Yes

datatype

string

Defines what type of information to expect to represent data in the grid. Valid options are xml - we expect xml data; xmlstring - we expect xml data as string; json - we expect JSON data; jsonstring - we expect JSON data as string; local - we expect data defined at client side (array data); javascript - we expect javascript as data; function - custom defined function for retrieving data. See colModel API and Retrieving Data

xml

Yes

deepempty

boolean

This option should be set to true if a event or a plugin is attached to the table cell. The option uses jQuery empty for the the row and all its children elements. This have of course speed overhead, but prevent memory leaks

false

Yes

deselectAfterSort

boolean

Applicable only when we use datatype : local. Deselects currently-selected row(s) when a sort is applied.

true

Yes

direction

string

Determines the language direction in grid. The default is “ltr” (Left To Right language). When set to “rtl” (Right To Left) the grid automatically do the needed. It is important to note that in one page we can have two (or more) grids where the one can have direction “ltr” while the other can have direction “rtl”. This option work only in FireFox 3.x versions and Internet Explorer versions >=6. Currently Safai and Google Chrome does not support fully direction “rtl”. Also the same apply to Opera browsers. The most common problem in FireFox is that the default settings of the browser does not support RTL. In order change this see HOW TO section in this chapter .

ltr

No

editurl

string

Defines the url for inline and form editing.

null

Yes

emptyrecords

string

Display the information when the returned (or the current) number of records is zero. This option is valid only if viewrecords option is set to true.

see lang file

Yes

ExpandColClick

boolean

when true, the treeGrid is expanded and/or collapsed when we click on the text of the expanded column, not only on the image

true

No

ExpandColumn

string

indicates which column (name from colModel) should be used to expand the tree grid. If not set the first one is used. Valid only when treeGrid option is set to true.

null

No

footerrow

boolean

If set to true this will place a footer table with one row below the gird records and above the pager. The number of columns equal of these from colModel

false

No

forceFit

boolean

If set to true, and resizing the width of a column, the adjacent column (to the right) will resize so that the overall grid width is maintained (e.g., reducing the width of column 2 by 30px will increase the size of column 3 by 30px). In this case there is no horizontal scrolbar. Note: this option is not compatible with shrinkToFit option - i.e if shrinkToFit is set to false, forceFit is ignored.

false

No

gridstate

string

Determines the current state of the grid (i.e. when used with hiddengrid, hidegrid and caption options). Can have either of two states: 'visible' or 'hidden'

visible

No

gridview

boolean

In the previous versions of jqGrid including 3.4.X,reading a relatively big data sets (Rows >=100 ) caused speed problems. The reason for this was that as every cell was inserted into the grid we applied about 5-6 jQuery calls to it. Now this problem is resolved; we now insert the entry row at once with a jQuery append. The result is impressive - about 3-5 times faster. What will be the result if we insert all the data at once? Yes, this can be done with a help of gridview option when set to true. The result is a grid that is 5 to 10 times faster. Of course when this option is set to true we have some limitations. If set to true we can not use treeGrid, subGrid, or afterInsertRow event. If you do not use these three options in the grid you can set this option to true and enjoy the speed.

false

Yes

headertitles

boolean

If the option is set to true the title attribute is added to the column headers

false

No

height

mixed

The height of the grid. Can be set as number (in this case we mean pixels) or as percentage (only 100% is acceped) or value of auto is acceptable.

150

No.Method avail.

hiddengrid

boolean

If set to true the grid initially is hidden. The data is not loaded (no request is sent) and only the caption layer is shown. When the show/hide button is clicked the first time to show grid, the request is sent to the server, the data is loaded, and grid is shown. From this point we have a regular grid. This option has effect only if the caption property is not empty and the hidegrid property (see below) is set to true.

false

No

hidegrid

boolean

Enables or disables the show/hide grid button, which appears on the right side of the Caption layer. Takes effect only if the caption property is not an empty string.

true

No

hoverrows

boolean

When set to false the mouse hovering is disabled in the grid data rows.

false

Yes

inlineData

empty object

an array used to add content to the data posted to the server when we are in inline editing.

{}

Yes

jsonReader

array

Array which describes the structure of the expected json data. For a full description and default setting, see Retrieving Data JSON Data

 

No

lastpage

integer

Readonly property. Determines the total number of pages returned from the request.

0

No

lastsort

integer

Readonly property. Determines the index of last sorted column beginning from 0

0

No

loadonce

boolean

If this flag is set to true, the grid loads the data from the server only once (using the appropriate datatype). After the first request the datatype parameter is automatically changed to local and all further manipulations are done on the client side. The functions of the pager (if present) are disabled.

false

No

loadtext

string

The text which appear when requesting and sorting data. This parameter is located in language file

Loading…

No

loadui

string

This option controls what to do when an ajax operation is in progress.
disable - disables the jqGrid progress indicator. This way you can use your own indicator.
enable (default) - enables “Loading” message in the center of the grid.
block - enables the “Loading” message and blocks all actions in the grid until the ajax request is finished. Note that this disables paging, sorting and all actions on toolbar, if any.

enable

Yes

mtype

string

Defines the type of request to make (“POST” or “GET”)

GET

Yes

multikey

string

This parameter have sense only multiselect option is set to true. Defines the key which will be pressed when we make multiselection. The possible values are: shiftKey - the user should press Shift Key altKey - the user should press Alt Key ctrlKey - the user should press Ctrl Key

empty string

Yes

multiboxonly

boolean

This option works only when multiselect = true. When multiselect is set to true, clicking anywhere on a row selects that row; when multiboxonly is also set to true, the multiselection is done only when the checkbox is clicked (Yahoo style). Clicking in any other row (suppose the checkbox is not clicked) deselects all rows and the current row is selected.

false

Yes

multiselect

boolean

If this flag is set to true a multi selection of rows is enabled. A new column at left side is added. Can be used with any datatype option.

false

No. see HOWTO

multiselectWidth

integer

Determines the width of the multiselect column if multiselect is set to true.

20

No

page

integer

Set the initial number of page when we make the request.This parameter is passed to the url for use by the server routine retrieving the data

1

Yes

pager

mixed

Defines that we want to use a pager bar to navigate through the records. This must be a valid html element; in our example we gave the div the id of “pager”, but any name is acceptable. Note that the Navigation layer (the “pager” div) can be positioned anywhere you want, determined by your html; in our example we specified that the pager will appear after the Table Body layer. The valid calls can be (using our example) 'pager', '#pager', jQuery('#pager'). I recommend to use the second one. See Pager

empty string. Currently only one pagebar is possible.

No

pagerpos

string

Determines the position of the pager in the grid. By default the pager element when created is divided in 3 parts (one part for pager, one part for navigator buttons and one part for record information)

center

No

pgbuttons

boolean

Determines if the Pager buttons should be shown if pager is available. Also valid only if pager is set correctly. The buttons are placed in the pager bar.

true

No

pginput

boolean

Determines if the input box, where the user can change the number of requested page, should be available. The input box appear in the pager bar.

true

No

pgtext

string

Show information about current page status. The first value is the current loaded page. The second value is the total number of pages

See lang file

Yes

prmNames

array

Default values prmNames:
{page:“page”,rows:“rows”, sort: “sidx”, order: “sord”, search:“_search”, nd:“nd”, id:“id”, oper:“oper”, editoper:“edit”, addoper:“add”, deloper:“del”, subgridid:“id”, npage: null, totalrows:“totalrows”}
Customizes names of the fields sent to the server on a Post. For example, with this setting, you can change the sort order element from “sidx” to “mysort”: prmNames: {sort: “mysort”}. The string that will be posted to the server will then be myurl.php?page=1&rows=10&mysort=myindex&sord=asc rather than myurl.php?page=1&rows=10&sidx=myindex&sord=asc
When some parameter is set to null they will be not sended to the server. By example if we set prmNames: { nd:null} the nd parameter will not be sended. For npage option see scroll option.
The options meaning the following
page - the the requested page - default value page,
rows - the number of rows requested - default value rows,
sort - the sorting column - default value sidx,
order - the sort order default value sord,
search - the search indicator - default value _search,
nd - the time passed to the request (for IE browsers not to cache the request) - default value nd,
id - the name of the id when post data in editing modules - default value id,
oper - the operation parameter - default value oper,
editoper - the name of operation when the data is posted in edit mode - default value edit,
addoper - the name of operation when the data is posted in add mode - default value add,
deloper - the name of operation when the data is posted in delete mode - default value del
totalrows - the name of the total rows to be obtained from server - see rowTotal - default value totalrows
subgridid - the name passed when we click to load data in subgrid - default value id

none

Yes

postData

array

This array is passed directly to the url. This is associative array and can be used this way: {name1:value1…}. See API methods for manipulation.

empty array

Yes

reccount

integer

Readonly property. Determines the exactly number of rows in the grid. Do not mix this with records parameter. Instead that in most cases they are equal there is a case where this is not true. By example you define rowNum parameter 15, but you return from server records parameter = 20, then the records parameter will be 20, the reccount parameter will be 15, and in the grid you will have 15 records.

0

No

recordpos

string

Determines the position of the record information in the pager. Can be left, center, right

right

No

records

integer

Readonly property. Determines the number of returned records in grid from the request

none

No

recordtext

string

Represent information that can be shown in the pager. Also this option is valid if viewrecords option is set to true. This text appear only if the tottal number of recreds is greater then zero.In order to show or hide some information the items in {} mean the following: {0} the start position of the records depending on page number and number of requested records; {1} - the end position {2} - total records returned from the data

see lang file

Yes

resizeclass

string

Assigns a class to columns that are resizable so that we can show a resize handle only for ones that are resizable

empty string

No

rowList

array[]

An array to construct a select box element in the pager in which we can change the number of the visible rows. When changed during the execution, this parameter replaces the rowNum parameter that is passed to the url. If the array is empty the element does not appear in the pager. Typical you can set this like [10,20,30]. If the rowNum parameter is set to 30 then the selected value in the select box is 30.

empty array - []

No

rownumbers

boolean

If this option is set to true, a new column at left of the grid is added. The purpose of this column is to count the number of available rows, beginning from 1. In this case colModel is extended automatically with new element with name - 'rn'. Also, be careful not to use the name 'rn' in colModel

false

No

rowNum

integer

Sets how many records we want to view in the grid. This parameter is passed to the url for use by the server routine retrieving the data. Note that if you set this parameter to 10 (i.e. retrieve 10 records) and your server return 15 then only 10 records will be loaded. 

20

Yes

rowTotal

integer

When set this parameter can instruct the server to load the total number of rows needed to work on. Note that rowNum determines the total records displayed in the grid, while rowTotal the total rows on which we operate. When this parameter is set we send a additional parameter to server named totalrows. You can check for this parameter and if it is available you can replace the rows parameter with this one. Mostly this parameter can be combined wit loadonce parameter set to true.

null

Yes

rownumWidth

integer

Determines the width of the row number column if rownumbers option is set to true.

25

No

savedRow

array

This is read only property and is used in Inline and cell editing modules to store the data, before editing the row or cell. See Cell editing and Inline editing.

empty array

No

 

 

 

 

 

scroll

boolean or
integer

Creates dynamic scrolling grids. When enabled, the pager elements are disabled and we can use the vertical scrollbar to load data. When set to true the grid will always hold all the items from the start through to the latest point ever visited.
When scroll is set to value (eg 1), the grid will just hold the visible lines. This allow us to load the data at portions whitout to care about the memory leaks. Additionally this we have optional extension to the server protocol: npage (see prmNames array). If you set the npage option in prmNames, then the grid will sometimes request more than one page at a time, if not it will just perform multiple gets.

false

No

scrollOffset

integer

Determines the width of the vertical scrollbar. Since different browsers interpret this width differently (and it is difficult to calculate it in all browsers) this can be changed.

18

No.Method avail.

scrollTimeout

integer
(milliseconds)

This control the timeout handler when scroll is set to 1.

200

Yes

scrollrows

boolean

When enabled, selecting a row with setSelection scrolls the grid so that the selected row is visible. This is especially useful when we have a verticall scrolling grid and we use form editing with navigation buttons (next or previous row). On navigating to a hidden row, the grid scrolls so the selected row becomes visible.

false

Yes

selarrrow

array-[]

This options is read only. Determines the currently selected rows when multiselect is set to true. This is one dimensional array and the values in the array correspond to the selected id's in the grid.

empty array []

No

selrow

string

This option is read only. Contain the id of the last selected row. If you sort or apply a pagging this options is set to null

null

No

shrinkToFit

boolean

This option describes the type of calculation of the initial width of each column against with the width of the grid. If the value is true and the value in width option is set then: Every column width is scaled according to the defined option width. Example: if we define two columns with a width of 80 and 120 pixels, but want the grid to have a 300 pixels - then the columns are recalculated as follow: 1- column = 300(new width)/200(sum of all width)*80(column width) = 120 and 2 column = 300/200*120 = 180. The grid width is 300px. If the value is false and the value in width option is set then: The width of the grid is the width set in option. The column width are not recalculated and have the values defined in colModel.

true

No

sortable

boolean

When enabled this option allow column reordering with mouse. Since this option uses jQuery UI sortable widget, be a sure that this widget and the related to widget files are loaded in head tag. Also be a sure too that you mark the grid.jqueryui.js when you download the jqGrid.

false

No

sortname

string

The initial sorting name when we use datatypes xml or json (data returned from server). This parameter is added to the url. If set and the index (name) match the name from colModel then to this column by default is added a image sorting icon, according to the parameter sortorder (below). See prmNames.

empty string

Yes

sortorder

string

The initial sorting order when we use datatypes xml or json (data returned from server).This parameter is added to the url - see prnNames. Two possible values - asc or desc.

asc

Yes

subGrid

boolean

If set to true this enables using a subgrid. If the subGrid is enabled a additional column at left side is added to the basic grid. This column contains a 'plus' image which indicate that the user can click on it to expand the row. By default all rows are collapsed. See Subgrid

false

No

subGridModel

array-[]

This property, which describes the model of the subgrid, has an effect only if the subGrid property is set to true. It is an array in which we describe the column model for the subgrid data. For more info see Subgrid.

empty array

No

subGridType

mixed

This option allow loading subgrid as a service. If not set, the datatype parameter of the parent grid is used.

null

Yes

subGridUrl

string

This option has effect only if subGrid option is set to true. This option points to the file from which we get the data for the subgrid. jqGrid adds the id of the row to this url as parameter. If there is a need to pass additional parameters, use the params option in subGridModel. See Subgrid

empty string

Yes

subGridWidth

integer

Determines the width of the subGrid column if subgrid is enabled.

20

No

toolbar

array

This option defines the toolbar of the grid. This is array with two values in which the first value enables the toolbar and the second defines the position relative to body Layer. Possible values “top”,”bottom”, “both”. When we set toolbar: [true,”both”] two toolbars are created – one on the top of table data and one of the bottom of the table data. When we have two toolbars then we create two elements (div). The id of the top bar is constructed like “t_”+id of the grid and the bottom toolbar the id is “tb_”+id of the grid. In case when only one toolbar is created we have the id as “t_” + id of the grid, independent of where this toolbar is created (top or bottom)

[false,'']

No

toppager

boolean

When enabled this option place a pager element at top of the grid below the caption (if available). If another pager is defined both can coexists and are refreshed in sync. The id of the new created pager is a combination of the gridid+“_toppager”.

false

No

totaltime

integer

Readonly parameter. Measure the loading time of the records - currently available only when we load xml or json data. Also the check begin when the request is complete and we begin to insert data into the grid and ends when the last row is added.

0

No

treedatatype

mixed

Determines the initial datatype (see datatype option). Usually this should not be changed. During the reading process this option is equal to the datatype option.

null

No

treeGrid

boolean

Enables (disables) the tree grid format. For more details see Tree Grid

false

No

treeGridModel

string

Deteremines the method used for the treeGrid. Can be nested or adjacency. See Tree Grid

nested

No

treeIcons

array

This array set the icons used in the tree. The icons should be a valid names from UI theme roller images. The default values are: {plus:'ui-icon-triangle-1-e',minus:'ui-icon-triangle-1-s',leaf:'ui-icon-radio-off'}

 

No

treeReader

array

extends the colModel defined in the basic grid. The fields described here are added to end of the colModel array and are hidden. This means that the data returned from the server should have values for these fields. For a full description of all valid values see Tree Grid.

 

No

tree_root_level

numeric

Determines the level where the root element begins when treeGrid is enabled

0

No

url

string

The url of the file that holds the request

null

Yes

userData

array

This array contain custom information from the request. Can be used at any time.

empty array

No

userDataOnFooter

boolean

When set to true we directly place the user data array userData at footer. The rules are as follow: If the userData array contain name which is equal to those of colModel then the value is placed in that column.If there are no such values nothing is palced. Note that if this option is used we use the current formatter options (if available) for that column

false

Yes

viewrecords

boolean

If true, jqGrid displays the beginning and ending record number in the grid, out of the total number of records in the query. This information is shown in the pager bar (bottom right by default)in this format: “View X to Y out of Z”. If this value is true, there are other parameters that can be adjusted, including 'emptyrecords' and 'recordtext'.

false

No

viewsortcols

array

The purpose of this parameter is to define different look and behavior of sorting icons that appear near the header. This parameter is array with the following default options viewsortcols : [false,'vertical',true]. The first parameter determines if all icons should be viewed at the same time when all columns have sort property set to true. The default of false determines that only the icons of the current sorting column should be viewed. Setting this parameter to true causes all icons in all sortable columns to be viewed.
The second parameter determines how icons should be placed - vertical means that the sorting icons are one under another. 'horizontal' means that the icons should be one near other.
The third parameter determines the click functionality. If set to true the columns are sorted if the header is clicked. If set to false the columns are sorted only when the icons are clicked.
Important note: When set a third parameter to false be a sure that the first parameter is set to true, otherwise you will loose the sorting.

 

No

width

number

If this option is not set, the width of the grid is a sum of the widths of the columns defined in the colModel (in pixels). If this option is set, the initial width of each column is set according to the value of shrinkToFit option.

none

No. Method avail.

xmlReader

array

Array which describes the structure of the expected xml data. For a full description refer to Retrieving Data XML Data.

 

No

 

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值