from: http://my.oschina.net/yonge/blog/1948
jqGrid的属性很多,其实很大部分的属性,使用其默认值就可以了。但是详细了解一下属性的含义以及作用,对我们定制自己的grid是有帮助的。
以下内容描述格式是:
* 属性名称
参数值类型
描述内容(可能有多行)
默认值
是否可修改(表示grid创建完成之后,该属性是否能够被修改。也就是说,是否grid的初始化的属性值能够被修改)
————详细属性列表————
* ajaxGridOptions
object
本选项用来设置全局的Ajax设置。注意:这个选项会覆盖当前所有的ajax设置,包括ajax的error、complete以及beforeSend事件。
默认值:empty object
该属性可以修改
* ajaxSelectOptions
object
本选项用来设置select元素的ajax全局设置。在searchoptions选项或者editoptions选项属性设置中,可以通过设置 dataUrl来获取生成一个select的下拉框内容的URL。jqGrid通过ajax的方式访问这个URL来自动获取可选择值。
注意:这里要求通过dataUrl返回的结果是形如<select><option value =”1”>One</option><option value=”2”>Two</option></select>这种格式的字符串。当然,其实也可以直接返回 1:One;2:Two这种格式的数据,但是要通过另外一个选项进行处理,处理之后还是要变成上面的字符串。比如searchOptions中,就有一个属性是buildSelect,就是用来干这事儿的。
默认值:empty object
该属性可以修改
* altclass
string
用来设置jqGrid的交替行的class。只有设置了altRows为true才有效。
默认值:ui-priority-secondary
该属性可以修改. Requires reload
* altRows
boolean
设置jqGrid显示为斑马线样式。就是隔行用不同的背景色区分开。
默认值:false
该属性可以修改. After reload
* autoencode
boolean
设置为true,会对从服务器返回的数据以及编辑模式下提交的数据进行HTML编码。比如,把小于符号转换成<
默认值:false
该属性可以修改
* autowidth
boolean
设置为true,grid的宽度会根据父元素的宽度自动重新计算。注意,这个值是在初始化的时候设定好了,如果要在运行中设置宽度,需要通过setGridWidth方法来修改。
默认值:false
该属性不能修改
* caption
string
设置Grid的标题.
默认值:empty string
该属性不能修改.Method avail.
* cellLayout
integer
本选项设置单元格的padding + border宽度. 一般情况下不要去修改。
默认值:5
该属性不能修改
* cellEdit
boolean
设置Cell Editing模式是否启用。
默认值:false
该属性可以修改
* cellsubmit
string
确定Cell Editing模式下,内容保存到远程服务器还是本地数组。'remote' 或者 'clientArray'。
默认值:'remote'
该属性可以修改
* cellurl
string
确定Cell Editing模式下,访问的URL。
默认值:null
该属性可以修改
* colModel
array
重要的属性。用来设置列名称。
默认值:empty array
该属性不能修改
* colNames
array[]
重要的属性。用来设置Grid每一个列的属性,一个列作为一个数组元素设置。Name属性是必须的。
注意:这里的数组长度(也就是列数)必须和colModel数组的长度一致。更详细的内容,需要单独说明。
默认值:empty array[]
该属性不能修改
* datastr
string
如果datatype属性设置为xmlstring或者jsonstring的情况下,本属性用来设置其值。
默认值:null
该属性可以修改
* datatype
string
确定grid中显示的数据源格式。
xml – xml数据;
xmlstring – 被当做字符串的xml数据;
json – JSON格式数据 ;
jsonstring – 被当做字符串的JSON数据;
local – 定义在客户端的数组数据;
javascript – javascript的数据
function – 客户定义函数用来获取数据;
默认值:xml
该属性可以修改
* deselectAfterSort
boolean
只有当datatype设置为local才有效。当排序之后,是否重新选择排序之前选中的行(多行)。
默认值:true
该属性可以修改
* direction
string
确定grid中文本显示的方向。默认ltr表示从左道右。还有一个可选值是rtl表示从右到左。
本选项只在FireFox 3.x和IE >=6的浏览器有效。当前Safai和Google Chrome、Opera不完全支持“rtl”。FireFox默认设置是不支持RTL的,但是可以通过修改FireFox的 layout.scrollbar.side设置为1来支持。本属性是在jqGrid v3.6版本中新增加的。
默认值:ltr
该属性不能修改
* editurl
string
设置编辑的URL地址。
默认值:null
该属性可以修改
* emptyrecords
string
设置当查询记录条数是0的情况下,jqGrid上显示的信息。只有当viewrecords选项设置为true才有效。
默认值:see lang file
该属性可以修改
* ExpandColClick
boolean
设置为true,当我们点击treeGrid的文本时候,会展开或者收缩内容
默认值:true
该属性不能修改
* ExpandColumn
string
制定到底那一列(colModel的name名称来指定)用来展开树形grid.如果没有设置,默认是第一列。只有当treeGrid选项设置为true才有效。
默认值:null
该属性不能修改
* footerrow
boolean
如果设置为true,则会在grid的底部,导航条之上显示一个只有一行的table。列的数量和colModel定义的数量一致。
默认值:false
该属性不能修改
* forceFit
boolean
如果设置为true,并且用户改变了列宽度,那么右边临近的列宽度会自动调整以适应grid的整体宽度。这种情况下,是没有水平滚动条的。
注意:本选项与shrinkToFit选项不相容。如果shrinkToFit设置为false,那么forceFit的设置将被忽略。
默认值:false
该属性不能修改
* gridstate
string
设置grid的状态。有两个可选值'visible'和'hidden'
默认值:visible
该属性不能修改
* gridview
boolean
在包括jqGrid v3.4.X之前的版本中,读取大数据集会存在速度问题。主要原因就是每一个单元格都是用了5-6条jQuery调用被插入到grid中。现在我们可以通过设置gridview 选项为true来解决这个问题。这时候,我们用一个jQuery追加一次插入整行的数据。比以前快了3-5倍。
当然,使用也有限制,设置为true之后,不能使用treeGrid,subGrid或者afterInsertRow事件。
默认值:false
该属性可以修改
* height
mixed
Grid的高度设置。如果设置为’100%’那么高度可以自适应。不过要注意,假设我们设置每页显示的条数是50条记录,设置height=’100%’,可能后面的一些记录显示不出来。默认情况下,grid是没有垂直滚动条的。
默认值:150
该属性不能修改.Method avail.
* hiddengrid
boolean
设置为true,grid初始显示是隐藏的。隐藏情况下,数据没有加载(没有向服务器的请求),只显示标题。当grid第一次显示的时候,才提交服务器请求并显示数据。
默认值:false
该属性不能修改
* hidegrid
boolean
设置grid的隐藏/显示按钮是否可用。
默认值:true
该属性不能修改
* hoverrows
boolean
设置为false,在grid的数据行中鼠标悬浮被禁用。
默认值:false
该属性可以修改
* jsonReader
array
定义json数据的格式描述信息。我们默认期望的数据格式是:默认的数据根节点名称是rows,当前页的名称是page……。假设我们服务器返回的数据,root的名称不是rows而是datas,page的名称不是page而是currentPage,那么可以如下重新定义jsonReader来读取数据:
jsonReader:{
root:”datas”,
page:”currentPage”
}
默认值:无
该属性不能修改
* lastpage
integer
只读属性,指定请求总共可以返回多少页。
默认值:0
该属性不能修改
* lastsort
integer
只读属性。指定了最后排序列。从0开始计数。
默认值:0
该属性不能修改
* loadonce
boolean
如果设置为true,grid只从服务器加载一次数据。加载数据完成之后,datatype就被指定为local,并且以后所有的操作都是基于客户端的操作,同时,导航功能也会被禁用。
默认值:false
该属性不能修改
* loadtext
string
请求或者排序数据的时候,显示在页面上的等待信息内容。
默认值:Loading…
该属性不能修改
* loadui
string
本选项控制在一个ajax请求执行过程中做什么。
disable – jqGrid的指示信息不可用。
enable - 显示 “Loading”信息。
block – 可以显示“Loading”信息,同时阻止grid的所有操作直到ajax请求完成。注意,这会禁止所有的排序、导航或者任何工具条的操作。
默认值:enable
该属性可以修改
* mtype
string
确定请求方式。“POST”或“GET”
默认值:GET
该属性可以修改
* multikey
string
只有当multiselect选项设置为true的时候才有意义。定义使用哪一个键来做多选。可选值: shiftKey/altKey/ctrlKey
默认值:empty string
该属性可以修改
* multiboxonly
boolean
只有当multiselect = true时起作用,如果multiselect设置为true,那么点击行任何位置都可以选中行。当multiboxonly设置为ture之后,就只有点击行前面的checkbox才会选中行。如果点击其它没有被选中的行,那么点中的行被选择,其它行取消选择。(Yahoo模式)
默认值:false
该属性可以修改
* multiselect
boolean
定义grid中的数据行是否可以被多选。会在grid的最左边增加一列checkbox的选择框。
默认值:false
该属性不能修改. see HOWTO
* multiselectWidth
integer
当multiselect为true时设置multiselect列宽度
默认值:20
该属性不能修改
* page
integer
设置初始的页码。这个参数会被自动添加到URL后面,传递到后台服务器处理程序中。
默认值:1
该属性可以修改
* pager
mixed
指定导航条对象,这里要使用jQuery的语法来指定一个实际存在的html元素对象。大部分情况下,都是指定一个div对象的ID。
有几种方式指定:(假设div的id=nav)
jQuery(‘#nav’)
‘#nav’(推荐用这种方式调用)
‘nav’
默认值:empty string. Currently only one pagebar is possible.
该属性不能修改
* pagerpos
string
确定pager在grid中的位置。默认情况下,pager被分成三个部分。一部分用来显示pager,一部分用作导航条按钮,一部分用来显示记录信息。
默认值:center
该属性不能修改
* pgbuttons
boolean
确定是否显示pager的按钮。
默认值:true
该属性不能修改
* pginput
boolean
确定是否显示允许用户直接输入页码进行跳转的输入框。
默认值:true
该属性不能修改
* pgtext
string
显示关于当前页状态的信息。第一个参数是当前页码,第二个参数是总共的页数。
默认值:See lang file
该属性可以修改
* prmNames
array
定制传递到服务器上的Post数据的字段名称。默认值是:
prmNames: {page:“page”,rows:“rows”, sort: “sidx”,order: “sord”, search:“_search”, nd:“nd”, npage:null}
默认的情况下,上传的数据如下url所示:
URL?page=1&rows=10&sidx=myindex&sord=asc
如果我们设置一下本属性{sort:”mysort”}那么实际调用的URL地址如下:
URL?page=1&rows=10&mysort=myindex&sord=asc
通过这个属性的设置,可以改变字段的名称。
默认值:none
该属性可以修改
* postData
array
设置直接通过url传递到服务器的其他参数。本属性的调用方式是传递一个形如{name1:value,name2:value2…}的数组。
默认值:empty array
该属性可以修改
* reccount
integer
只读属性。确定grid中显示的记录数量。不要把这个属性和records参数混淆了。records参数确定每页最多可以显示的数据条数。
默认值:0
该属性不能修改
* recordpos
string
确定记录条数信息在pager上面的位置。可能的值是left, center, right
默认值:right
该属性不能修改
* records
integer
只读属性。确定从请求返回的记录条数。
默认值:none
该属性不能修改
* recordtext
string
显示在pager上面的信息。在viewrecords属性被设置为true时有效。只有在总数量大于0的时候才显示。
这是一个用{n}格式化的显示字符串。其中第一个参数{0}代表记录的起始位置(grid显示的第一条记录在所有记录中的位置),第二个参数{1}表示grid最后一条记录在总记录中的位置,第三个参数{2}代表总的记录条数。
比如:从{0}到{1}共{2}
默认值:see lang file
该属性可以修改
* resizeclass
string
为列指定一个调整宽度时候的现实风格class。
默认值:empty string
该属性不能修改
* rowList
array[]
本参数用来为grid生成一个可供选择的调整每页显示记录条数的下拉菜单。在grid中选择修改这个值,jqGrid会用新的选择值来修改rowNum参数并传递到服务器端。可以设置的格式如 [10,20,30]
默认值:empty array - []
该属性不能修改
* rownumbers
boolean
如果设置为true,则会在grid的左边增加一列,增加的列用来显示记录行数,记录从1开始显示。这种情况下,colModel被一个name为rn的列自动扩展。由此,我们要注意了,在我们自己定义的列中,不要使用name=’rn’这种名称。
默认值:false
该属性不能修改
* rowNum
integer
设置每一个grid的页做多显示多少条记录。
这个参数会通过url参数传递到服务器端进行分页处理。
注意,如果你设置了页面最多显示10条记录,也就是rowNum=10,但是服务器端返回了15条记录,页面上也只会显示10条记录。
设置本值为-1表示页面显示记录没有限制。
默认值:20
该属性可以修改
* rownumWidth
integer
如果rownumbers设置为true,本属性用来设置该列的宽度。
默认值:25
该属性不能修改
* savedRow
array
只读属性。本属性用在Inline Editing和Cell Editing模式下,用来在编辑行或者单元格之前保存数据。
默认值:empty array
该属性不能修改
* scroll
boolean or integer
创建一个动态滚动的grid。如果本属性可用,pager元素被禁用,改用垂直滚动条来动态加载数据。当设置为true时,grid会在第一次加载的时候,把所有的数据取出到客户端,当scroll被设置为一个数字,grid将只显示可见的几行数据。
请注意,这里有一个可选的扩展参数npage传递到服务器端。如果在prmNames数组中设置了npage的值,那么grid将一次请求多页数据。所以这里服务器端的按页获取数据的方法需要特别注意处理。
默认值:false
该属性不能修改
* scrollOffset
integer
设置垂直滚动条宽度。
默认值:18
该属性不能修改.Method avail.
* scrollrows
boolean
设置为true,当我们用setSelection选中记录时,grid会自动滚动到选中的行记录,让该行记录可见。假设grid有垂直滚动条,当我们在 Form Editing编辑模式下修改记录,用编辑页的前后导航按钮定位记录的时候,当导航到一个隐藏的行记录的时候,grid会自动滚动以使让选中的行记录变成可见。
默认值:false
该属性可以修改
* selarrrow
array-[]
只读属性。在multiselect=true的情况下,确定当前选中的所有行。数组中包含的值只是选中列的id,用逗号隔开。比如[1,3,4,5]表示选中了id为1、3、4、5的行。
默认值:empty array []
该属性不能修改
* selrow
string
只读属性。最后选中行的id。如果重新排序或者进行了导航,这个值为null。(也就是没有选中任何行的意思!)
这个属性很重要,很多时候,假设我们要对选中的行的数据进行一些处理,那么就必须要用到这个属性。大家可以看看jqGrid的Demo中有很多例子都用到这个属性。
默认值:null
该属性不能修改
* shrinkToFit
boolean
确定初始化时候每列的宽度的算法。如果设置为true,表示每列的宽度按照所有列设定的宽度值的和与grid设定的宽度按比例进行缩放。如果设置为false,则列宽按照colModel中设定的宽度显示。
默认值:true
该属性不能修改
* sortable
boolean
设置grid是否可以按照列进行排序。这个属性用到了jQuery UI的sortable插件。要确保加载了相应的文件,同时要确保下载jqGrid的时候,包含了grid.jqueryui.js包。
默认值:false
该属性不能修改
* sortname
string
当使用xml或者json数据类型时,设置默认的排序字段名称。这个参数会被增加到url上传递到服务器端。
默认值:empty string
该属性可以修改
* sortorder
string
当使用xml或者json数据类型时,设置默认的排序方式。可选值asc或desc.
默认值:asc
该属性可以修改
* subGrid
boolean
设置是否能使用subgrid。
默认值:false
该属性不能修改
* subGridModel
array-[]
设置subGrid的描述信息。只在subGrid设置为true才有效。具体可设置的属性需要参考subGrid的文档。
默认值:empty array
该属性不能修改
* subGridType
mixed
允许通过一个service来加载subgrid。如果没有设置,则采用父grid的datatype。
默认值:null
该属性可以修改
* subGridUrl
string
加载subgrid数据的url,jqGrid会把每行的id值当作参数加到url中。只有在subGrid=true是才有效。如果需要传递额外的参数,请使用subGridModel中的params选项。
默认值:empty string
该属性可以修改
* subGridWidth
integer
设置subGrid列的宽度。
默认值:20
该属性不能修改
* toolbar
array
Grid的工具栏。数组中有两个值,第一值指示toolbar是否可用,第二个值定义了toolbar相对于body Layer的位置,可能的值包括“top”,”bottom”, “both”
当我们设置值为[true,”both”],会创建两个工具栏,一个在table的顶部,一个在table的底部。
顶部的工具栏的div的id等于”t_”+grid的Id。底部的工具栏的div的id等于”tb_” +grid的Id。 注意:当只创建一个工具栏的时候,不管位置是在顶部还是底部,工具栏的div的id都等于”t_”+grid的Id。
默认值:[false,'']
该属性不能修改
* totaltime
integer
只读属性。计算加载数据的时间。目前只支持加载xml以及json格式数据。从请求完成开始计算时间,到加载完最后一行记录截至。
默认值:0
该属性不能修改
* treedatatype
mixed
树形grid情况下,datatype。通常与grid自身定义的datatype保持一致。很少会改变。
默认值:null
该属性不能修改
* treeGrid
boolean
开启或者禁用树形grid的模式。
默认值:false
该属性不能修改
* treeGridModel
string
确定treeGrid的方法。可能是nested或 adjacency
默认值:nested
该属性不能修改
* treeIcons
array
树形grid使用的图标。默认值是{plus:'ui-icon-triangle-1-e',minus:'ui-icon-triangle-1-s',leaf:'ui-icon-radio-off'}
默认值:无
该属性不能修改
* treeReader
array
扩展grid的colModel且加在colModel定义的后面这意味着从服务器返回的数据必须包含这些字段值。
默认值:无
该属性不能修改
* tree_root_level
numeric
treeGrid root元素的级别
默认值:0
该属性不能修改
* url
string
请求的URL地址。
默认值:null
该属性可以修改
* userData
array
本属性包含一些从request中获取的自定义的信息。比如不想直接显示在grid中的一些数据。
默认值:empty array
该属性不能修改
* userDataOnFooter
boolean
如果设置为true,则直接把userData中的数据显示在grid的页脚。规则是:如果userData数据包含和colModel中name一样的名字,那么userData的值就显示在该列。否则,什么都不显示。
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 该属性不能修改 such values 该属性不能修改thing is palced.
默认值:false
该属性可以修改
* viewrecords
boolean
确定是否显示总的记录条数。
默认值:false
该属性不能修改
* viewsortcols
array
本参数主要用来定义出现在标题附近的排序图标的不同的外观和行为。
参数数组的组成如下: [false,'vertical',true]. 第一个参数确定,如果所有的列排序属性都是true,是否所有的图标都能同时看到。默认值false表示只有最后排序列的图标可见。
第二个参数确定图标的位置。可能的值是vertical 表示排序图标一个在另一个的上面。'horizontal' 表示水平放置两个图标。
第三个参数确定鼠标点击事件功能。设置为true,表示,表示点击列标题可排序;设置为false表示只能点击图标才能排序。
重要提示:如果设置第三个参数为false,那么必须要设置第一个参数为true,否则,排序功能可能丢失。
默认值:无
该属性不能修改
* width
number
设置grid的宽度。如果本属性没有设置,则按照各个列定义在colModel中的宽度总和作为grid的宽度。如果设置了本值,则grid中每一个列的初始宽度按照shrinkToFit参数定义来确定。
默认值:none
该属性不能修改. Method avail.
* xmlReader
array
对xml的数据格式的说明。参考jsonReader的描述。
默认值:无
该属性不能修改
jqGrid的属性很多,其实很大部分的属性,使用其默认值就可以了。但是详细了解一下属性的含义以及作用,对我们定制自己的grid是有帮助的。
以下内容描述格式是:
* 属性名称
参数值类型
描述内容(可能有多行)
默认值
是否可修改(表示grid创建完成之后,该属性是否能够被修改。也就是说,是否grid的初始化的属性值能够被修改)
————详细属性列表————
* ajaxGridOptions
object
本选项用来设置全局的Ajax设置。注意:这个选项会覆盖当前所有的ajax设置,包括ajax的error、complete以及beforeSend事件。
默认值:empty object
该属性可以修改
* ajaxSelectOptions
object
本选项用来设置select元素的ajax全局设置。在searchoptions选项或者editoptions选项属性设置中,可以通过设置 dataUrl来获取生成一个select的下拉框内容的URL。jqGrid通过ajax的方式访问这个URL来自动获取可选择值。
注意:这里要求通过dataUrl返回的结果是形如<select><option value =”1”>One</option><option value=”2”>Two</option></select>这种格式的字符串。当然,其实也可以直接返回 1:One;2:Two这种格式的数据,但是要通过另外一个选项进行处理,处理之后还是要变成上面的字符串。比如searchOptions中,就有一个属性是buildSelect,就是用来干这事儿的。
默认值:empty object
该属性可以修改
* altclass
string
用来设置jqGrid的交替行的class。只有设置了altRows为true才有效。
默认值:ui-priority-secondary
该属性可以修改. Requires reload
* altRows
boolean
设置jqGrid显示为斑马线样式。就是隔行用不同的背景色区分开。
默认值:false
该属性可以修改. After reload
* autoencode
boolean
设置为true,会对从服务器返回的数据以及编辑模式下提交的数据进行HTML编码。比如,把小于符号转换成<
默认值:false
该属性可以修改
* autowidth
boolean
设置为true,grid的宽度会根据父元素的宽度自动重新计算。注意,这个值是在初始化的时候设定好了,如果要在运行中设置宽度,需要通过setGridWidth方法来修改。
默认值:false
该属性不能修改
* caption
string
设置Grid的标题.
默认值:empty string
该属性不能修改.Method avail.
* cellLayout
integer
本选项设置单元格的padding + border宽度. 一般情况下不要去修改。
默认值:5
该属性不能修改
* cellEdit
boolean
设置Cell Editing模式是否启用。
默认值:false
该属性可以修改
* cellsubmit
string
确定Cell Editing模式下,内容保存到远程服务器还是本地数组。'remote' 或者 'clientArray'。
默认值:'remote'
该属性可以修改
* cellurl
string
确定Cell Editing模式下,访问的URL。
默认值:null
该属性可以修改
* colModel
array
重要的属性。用来设置列名称。
默认值:empty array
该属性不能修改
* colNames
array[]
重要的属性。用来设置Grid每一个列的属性,一个列作为一个数组元素设置。Name属性是必须的。
注意:这里的数组长度(也就是列数)必须和colModel数组的长度一致。更详细的内容,需要单独说明。
默认值:empty array[]
该属性不能修改
* datastr
string
如果datatype属性设置为xmlstring或者jsonstring的情况下,本属性用来设置其值。
默认值:null
该属性可以修改
* datatype
string
确定grid中显示的数据源格式。
xml – xml数据;
xmlstring – 被当做字符串的xml数据;
json – JSON格式数据 ;
jsonstring – 被当做字符串的JSON数据;
local – 定义在客户端的数组数据;
javascript – javascript的数据
function – 客户定义函数用来获取数据;
默认值:xml
该属性可以修改
* deselectAfterSort
boolean
只有当datatype设置为local才有效。当排序之后,是否重新选择排序之前选中的行(多行)。
默认值:true
该属性可以修改
* direction
string
确定grid中文本显示的方向。默认ltr表示从左道右。还有一个可选值是rtl表示从右到左。
本选项只在FireFox 3.x和IE >=6的浏览器有效。当前Safai和Google Chrome、Opera不完全支持“rtl”。FireFox默认设置是不支持RTL的,但是可以通过修改FireFox的 layout.scrollbar.side设置为1来支持。本属性是在jqGrid v3.6版本中新增加的。
默认值:ltr
该属性不能修改
* editurl
string
设置编辑的URL地址。
默认值:null
该属性可以修改
* emptyrecords
string
设置当查询记录条数是0的情况下,jqGrid上显示的信息。只有当viewrecords选项设置为true才有效。
默认值:see lang file
该属性可以修改
* ExpandColClick
boolean
设置为true,当我们点击treeGrid的文本时候,会展开或者收缩内容
默认值:true
该属性不能修改
* ExpandColumn
string
制定到底那一列(colModel的name名称来指定)用来展开树形grid.如果没有设置,默认是第一列。只有当treeGrid选项设置为true才有效。
默认值:null
该属性不能修改
* footerrow
boolean
如果设置为true,则会在grid的底部,导航条之上显示一个只有一行的table。列的数量和colModel定义的数量一致。
默认值:false
该属性不能修改
* forceFit
boolean
如果设置为true,并且用户改变了列宽度,那么右边临近的列宽度会自动调整以适应grid的整体宽度。这种情况下,是没有水平滚动条的。
注意:本选项与shrinkToFit选项不相容。如果shrinkToFit设置为false,那么forceFit的设置将被忽略。
默认值:false
该属性不能修改
* gridstate
string
设置grid的状态。有两个可选值'visible'和'hidden'
默认值:visible
该属性不能修改
* gridview
boolean
在包括jqGrid v3.4.X之前的版本中,读取大数据集会存在速度问题。主要原因就是每一个单元格都是用了5-6条jQuery调用被插入到grid中。现在我们可以通过设置gridview 选项为true来解决这个问题。这时候,我们用一个jQuery追加一次插入整行的数据。比以前快了3-5倍。
当然,使用也有限制,设置为true之后,不能使用treeGrid,subGrid或者afterInsertRow事件。
默认值:false
该属性可以修改
* height
mixed
Grid的高度设置。如果设置为’100%’那么高度可以自适应。不过要注意,假设我们设置每页显示的条数是50条记录,设置height=’100%’,可能后面的一些记录显示不出来。默认情况下,grid是没有垂直滚动条的。
默认值:150
该属性不能修改.Method avail.
* hiddengrid
boolean
设置为true,grid初始显示是隐藏的。隐藏情况下,数据没有加载(没有向服务器的请求),只显示标题。当grid第一次显示的时候,才提交服务器请求并显示数据。
默认值:false
该属性不能修改
* hidegrid
boolean
设置grid的隐藏/显示按钮是否可用。
默认值:true
该属性不能修改
* hoverrows
boolean
设置为false,在grid的数据行中鼠标悬浮被禁用。
默认值:false
该属性可以修改
* jsonReader
array
定义json数据的格式描述信息。我们默认期望的数据格式是:默认的数据根节点名称是rows,当前页的名称是page……。假设我们服务器返回的数据,root的名称不是rows而是datas,page的名称不是page而是currentPage,那么可以如下重新定义jsonReader来读取数据:
jsonReader:{
root:”datas”,
page:”currentPage”
}
默认值:无
该属性不能修改
* lastpage
integer
只读属性,指定请求总共可以返回多少页。
默认值:0
该属性不能修改
* lastsort
integer
只读属性。指定了最后排序列。从0开始计数。
默认值:0
该属性不能修改
* loadonce
boolean
如果设置为true,grid只从服务器加载一次数据。加载数据完成之后,datatype就被指定为local,并且以后所有的操作都是基于客户端的操作,同时,导航功能也会被禁用。
默认值:false
该属性不能修改
* loadtext
string
请求或者排序数据的时候,显示在页面上的等待信息内容。
默认值:Loading…
该属性不能修改
* loadui
string
本选项控制在一个ajax请求执行过程中做什么。
disable – jqGrid的指示信息不可用。
enable - 显示 “Loading”信息。
block – 可以显示“Loading”信息,同时阻止grid的所有操作直到ajax请求完成。注意,这会禁止所有的排序、导航或者任何工具条的操作。
默认值:enable
该属性可以修改
* mtype
string
确定请求方式。“POST”或“GET”
默认值:GET
该属性可以修改
* multikey
string
只有当multiselect选项设置为true的时候才有意义。定义使用哪一个键来做多选。可选值: shiftKey/altKey/ctrlKey
默认值:empty string
该属性可以修改
* multiboxonly
boolean
只有当multiselect = true时起作用,如果multiselect设置为true,那么点击行任何位置都可以选中行。当multiboxonly设置为ture之后,就只有点击行前面的checkbox才会选中行。如果点击其它没有被选中的行,那么点中的行被选择,其它行取消选择。(Yahoo模式)
默认值:false
该属性可以修改
* multiselect
boolean
定义grid中的数据行是否可以被多选。会在grid的最左边增加一列checkbox的选择框。
默认值:false
该属性不能修改. see HOWTO
* multiselectWidth
integer
当multiselect为true时设置multiselect列宽度
默认值:20
该属性不能修改
* page
integer
设置初始的页码。这个参数会被自动添加到URL后面,传递到后台服务器处理程序中。
默认值:1
该属性可以修改
* pager
mixed
指定导航条对象,这里要使用jQuery的语法来指定一个实际存在的html元素对象。大部分情况下,都是指定一个div对象的ID。
有几种方式指定:(假设div的id=nav)
jQuery(‘#nav’)
‘#nav’(推荐用这种方式调用)
‘nav’
默认值:empty string. Currently only one pagebar is possible.
该属性不能修改
* pagerpos
string
确定pager在grid中的位置。默认情况下,pager被分成三个部分。一部分用来显示pager,一部分用作导航条按钮,一部分用来显示记录信息。
默认值:center
该属性不能修改
* pgbuttons
boolean
确定是否显示pager的按钮。
默认值:true
该属性不能修改
* pginput
boolean
确定是否显示允许用户直接输入页码进行跳转的输入框。
默认值:true
该属性不能修改
* pgtext
string
显示关于当前页状态的信息。第一个参数是当前页码,第二个参数是总共的页数。
默认值:See lang file
该属性可以修改
* prmNames
array
定制传递到服务器上的Post数据的字段名称。默认值是:
prmNames: {page:“page”,rows:“rows”, sort: “sidx”,order: “sord”, search:“_search”, nd:“nd”, npage:null}
默认的情况下,上传的数据如下url所示:
URL?page=1&rows=10&sidx=myindex&sord=asc
如果我们设置一下本属性{sort:”mysort”}那么实际调用的URL地址如下:
URL?page=1&rows=10&mysort=myindex&sord=asc
通过这个属性的设置,可以改变字段的名称。
默认值:none
该属性可以修改
* postData
array
设置直接通过url传递到服务器的其他参数。本属性的调用方式是传递一个形如{name1:value,name2:value2…}的数组。
默认值:empty array
该属性可以修改
* reccount
integer
只读属性。确定grid中显示的记录数量。不要把这个属性和records参数混淆了。records参数确定每页最多可以显示的数据条数。
默认值:0
该属性不能修改
* recordpos
string
确定记录条数信息在pager上面的位置。可能的值是left, center, right
默认值:right
该属性不能修改
* records
integer
只读属性。确定从请求返回的记录条数。
默认值:none
该属性不能修改
* recordtext
string
显示在pager上面的信息。在viewrecords属性被设置为true时有效。只有在总数量大于0的时候才显示。
这是一个用{n}格式化的显示字符串。其中第一个参数{0}代表记录的起始位置(grid显示的第一条记录在所有记录中的位置),第二个参数{1}表示grid最后一条记录在总记录中的位置,第三个参数{2}代表总的记录条数。
比如:从{0}到{1}共{2}
默认值:see lang file
该属性可以修改
* resizeclass
string
为列指定一个调整宽度时候的现实风格class。
默认值:empty string
该属性不能修改
* rowList
array[]
本参数用来为grid生成一个可供选择的调整每页显示记录条数的下拉菜单。在grid中选择修改这个值,jqGrid会用新的选择值来修改rowNum参数并传递到服务器端。可以设置的格式如 [10,20,30]
默认值:empty array - []
该属性不能修改
* rownumbers
boolean
如果设置为true,则会在grid的左边增加一列,增加的列用来显示记录行数,记录从1开始显示。这种情况下,colModel被一个name为rn的列自动扩展。由此,我们要注意了,在我们自己定义的列中,不要使用name=’rn’这种名称。
默认值:false
该属性不能修改
* rowNum
integer
设置每一个grid的页做多显示多少条记录。
这个参数会通过url参数传递到服务器端进行分页处理。
注意,如果你设置了页面最多显示10条记录,也就是rowNum=10,但是服务器端返回了15条记录,页面上也只会显示10条记录。
设置本值为-1表示页面显示记录没有限制。
默认值:20
该属性可以修改
* rownumWidth
integer
如果rownumbers设置为true,本属性用来设置该列的宽度。
默认值:25
该属性不能修改
* savedRow
array
只读属性。本属性用在Inline Editing和Cell Editing模式下,用来在编辑行或者单元格之前保存数据。
默认值:empty array
该属性不能修改
* scroll
boolean or integer
创建一个动态滚动的grid。如果本属性可用,pager元素被禁用,改用垂直滚动条来动态加载数据。当设置为true时,grid会在第一次加载的时候,把所有的数据取出到客户端,当scroll被设置为一个数字,grid将只显示可见的几行数据。
请注意,这里有一个可选的扩展参数npage传递到服务器端。如果在prmNames数组中设置了npage的值,那么grid将一次请求多页数据。所以这里服务器端的按页获取数据的方法需要特别注意处理。
默认值:false
该属性不能修改
* scrollOffset
integer
设置垂直滚动条宽度。
默认值:18
该属性不能修改.Method avail.
* scrollrows
boolean
设置为true,当我们用setSelection选中记录时,grid会自动滚动到选中的行记录,让该行记录可见。假设grid有垂直滚动条,当我们在 Form Editing编辑模式下修改记录,用编辑页的前后导航按钮定位记录的时候,当导航到一个隐藏的行记录的时候,grid会自动滚动以使让选中的行记录变成可见。
默认值:false
该属性可以修改
* selarrrow
array-[]
只读属性。在multiselect=true的情况下,确定当前选中的所有行。数组中包含的值只是选中列的id,用逗号隔开。比如[1,3,4,5]表示选中了id为1、3、4、5的行。
默认值:empty array []
该属性不能修改
* selrow
string
只读属性。最后选中行的id。如果重新排序或者进行了导航,这个值为null。(也就是没有选中任何行的意思!)
这个属性很重要,很多时候,假设我们要对选中的行的数据进行一些处理,那么就必须要用到这个属性。大家可以看看jqGrid的Demo中有很多例子都用到这个属性。
默认值:null
该属性不能修改
* shrinkToFit
boolean
确定初始化时候每列的宽度的算法。如果设置为true,表示每列的宽度按照所有列设定的宽度值的和与grid设定的宽度按比例进行缩放。如果设置为false,则列宽按照colModel中设定的宽度显示。
默认值:true
该属性不能修改
* sortable
boolean
设置grid是否可以按照列进行排序。这个属性用到了jQuery UI的sortable插件。要确保加载了相应的文件,同时要确保下载jqGrid的时候,包含了grid.jqueryui.js包。
默认值:false
该属性不能修改
* sortname
string
当使用xml或者json数据类型时,设置默认的排序字段名称。这个参数会被增加到url上传递到服务器端。
默认值:empty string
该属性可以修改
* sortorder
string
当使用xml或者json数据类型时,设置默认的排序方式。可选值asc或desc.
默认值:asc
该属性可以修改
* subGrid
boolean
设置是否能使用subgrid。
默认值:false
该属性不能修改
* subGridModel
array-[]
设置subGrid的描述信息。只在subGrid设置为true才有效。具体可设置的属性需要参考subGrid的文档。
默认值:empty array
该属性不能修改
* subGridType
mixed
允许通过一个service来加载subgrid。如果没有设置,则采用父grid的datatype。
默认值:null
该属性可以修改
* subGridUrl
string
加载subgrid数据的url,jqGrid会把每行的id值当作参数加到url中。只有在subGrid=true是才有效。如果需要传递额外的参数,请使用subGridModel中的params选项。
默认值:empty string
该属性可以修改
* subGridWidth
integer
设置subGrid列的宽度。
默认值:20
该属性不能修改
* toolbar
array
Grid的工具栏。数组中有两个值,第一值指示toolbar是否可用,第二个值定义了toolbar相对于body Layer的位置,可能的值包括“top”,”bottom”, “both”
当我们设置值为[true,”both”],会创建两个工具栏,一个在table的顶部,一个在table的底部。
顶部的工具栏的div的id等于”t_”+grid的Id。底部的工具栏的div的id等于”tb_” +grid的Id。 注意:当只创建一个工具栏的时候,不管位置是在顶部还是底部,工具栏的div的id都等于”t_”+grid的Id。
默认值:[false,'']
该属性不能修改
* totaltime
integer
只读属性。计算加载数据的时间。目前只支持加载xml以及json格式数据。从请求完成开始计算时间,到加载完最后一行记录截至。
默认值:0
该属性不能修改
* treedatatype
mixed
树形grid情况下,datatype。通常与grid自身定义的datatype保持一致。很少会改变。
默认值:null
该属性不能修改
* treeGrid
boolean
开启或者禁用树形grid的模式。
默认值:false
该属性不能修改
* treeGridModel
string
确定treeGrid的方法。可能是nested或 adjacency
默认值:nested
该属性不能修改
* treeIcons
array
树形grid使用的图标。默认值是{plus:'ui-icon-triangle-1-e',minus:'ui-icon-triangle-1-s',leaf:'ui-icon-radio-off'}
默认值:无
该属性不能修改
* treeReader
array
扩展grid的colModel且加在colModel定义的后面这意味着从服务器返回的数据必须包含这些字段值。
默认值:无
该属性不能修改
* tree_root_level
numeric
treeGrid root元素的级别
默认值:0
该属性不能修改
* url
string
请求的URL地址。
默认值:null
该属性可以修改
* userData
array
本属性包含一些从request中获取的自定义的信息。比如不想直接显示在grid中的一些数据。
默认值:empty array
该属性不能修改
* userDataOnFooter
boolean
如果设置为true,则直接把userData中的数据显示在grid的页脚。规则是:如果userData数据包含和colModel中name一样的名字,那么userData的值就显示在该列。否则,什么都不显示。
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 该属性不能修改 such values 该属性不能修改thing is palced.
默认值:false
该属性可以修改
* viewrecords
boolean
确定是否显示总的记录条数。
默认值:false
该属性不能修改
* viewsortcols
array
本参数主要用来定义出现在标题附近的排序图标的不同的外观和行为。
参数数组的组成如下: [false,'vertical',true]. 第一个参数确定,如果所有的列排序属性都是true,是否所有的图标都能同时看到。默认值false表示只有最后排序列的图标可见。
第二个参数确定图标的位置。可能的值是vertical 表示排序图标一个在另一个的上面。'horizontal' 表示水平放置两个图标。
第三个参数确定鼠标点击事件功能。设置为true,表示,表示点击列标题可排序;设置为false表示只能点击图标才能排序。
重要提示:如果设置第三个参数为false,那么必须要设置第一个参数为true,否则,排序功能可能丢失。
默认值:无
该属性不能修改
* width
number
设置grid的宽度。如果本属性没有设置,则按照各个列定义在colModel中的宽度总和作为grid的宽度。如果设置了本值,则grid中每一个列的初始宽度按照shrinkToFit参数定义来确定。
默认值:none
该属性不能修改. Method avail.
* xmlReader
array
对xml的数据格式的说明。参考jsonReader的描述。
默认值:无
该属性不能修改
相关推荐
jQgrid 属性中文配置文档 jqGrid 是一个功能强大且灵活的 JavaScript 库,用于构建交互式网格控件。它提供了许多属性来配置网格的行为和外观。下面是jqGrid的一些重要属性的配置文档。 ajaxGridOptions jqGrid 的 ...
### jqGrid 属性中文详细说明 #### 一、简介 jqGrid是一款非常强大的jQuery插件,主要用于在网页上实现表格数据展示与管理的功能。通过设置不同的属性,可以灵活地控制表格的表现形式和交互行为,满足各种复杂的...
jqGrid表格属性大全 jqGrid是基于jQuery的表格控件库,它提供了许多有用的属性和方法来操作HTML表格。下面是jqGrid表格属性大全的详细介绍: Table对象 Table对象是jqGrid中的一个基本对象,表示HTML文档中的表,...
### jqGrid属性中文详细说明 #### 一、概述 `jqGrid`是一款非常强大的jQuery插件,用于在网页上展示表格数据。它支持多种数据格式(XML、JSON等),并且具备丰富的功能,如分页、排序、搜索、编辑等。为了更好地...
jqgrid属性说明问的文档,学习必备,大家一起学习进步,互相交流
最近一直在研究jqGrid控件,整理出全部的属性和方法,希望对大家有用!
本文将深入解析JqGrid的一些核心属性,帮助开发者更好地理解和使用这个工具。 1. **colModel**:这是JqGrid最重要的属性之一,用于定义网格中的列及其行为。每个列都有自己的属性,如名称、宽度、对齐方式、可编辑...
Jqgrid 中文文档 Jqgrid 属性参数详细解释 Jqgrid 属性大全
以下是对jqGrid部分属性的详细说明: 1. **ajaxGridOptions** (object): 此属性允许用户设置全局的Ajax请求配置。它可以覆盖默认的Ajax设置,包括error、complete和beforeSend事件,从而在与服务器通信时进行自定义...
在IT领域,jqGrid是一个非常流行的JavaScript库,用于创建数据密集型网格视图。它提供了丰富的功能,包括数据检索、排序、分页以及查询。在本篇中,我们将深入探讨jqGrid中的查询功能,特别是如何根据多个或单个条件...
### jqGrid超详细属性说明(追加整理) #### 概述 `jqGrid`是一款功能强大的jQuery插件,主要用于在Web应用中展示表格数据。它不仅支持多种数据格式(如XML、JSON等),还提供了丰富的配置选项来实现复杂的前端交互...
在“JqGrid列表自动生成(不确定列)”这个主题中,我们主要探讨如何在JqGrid中动态生成列,特别是在列的数量或结构未知的情况下。 1. **动态生成列**: 当数据列的数量或结构在运行时不确定时,JqGrid允许通过编程...
JqGrid的使用始于HTML页面中的表格元素,通过设置`<table>`标签的`id`属性,JqGrid会绑定到这个表格。例如: ```html <table id="grid"></table> ``` 然后在JavaScript中初始化JqGrid,如: ```javascript $("#grid...
以下是对jqGrid常用属性的详细说明: 1. **colModel**:这是jqGrid最重要的配置之一,用于定义表格列的属性。每个列都有一个对象,包含列名(name)、标题(title)、宽度(width)等属性,还可以设置是否可编辑...
- 创建表格:通过HTML代码创建一个空的表格元素,设置id属性作为jqGrid的标识。 - 初始化jqGrid:使用JavaScript初始化表格,配置各项参数,如数据源、列信息、分页设置等。 - 加载数据:根据配置加载数据,可以是...
1. 基本HTML结构:在页面上创建一个表格元素,设置id属性,jqGrid会据此初始化表格。 ```html <table id="jqGrid"> <div id="jqGridPager"></div> ``` 2. 初始化jqGrid:通过JavaScript代码设置参数,调用jqGrid...
你可以通过 `url` 属性指定远程数据源,或者直接通过 `data` 属性提供本地数据。 5. **列定义**:每列的显示和操作可以通过 `colModel` 配置项来定义,包括列名、宽度、对齐方式、可编辑性等。 6. **功能特性**:...
2. **配置表格**:学习如何定义表格的列、数据源、操作按钮等基本属性。 3. **事件处理**:理解jqGrid提供的各种事件(如loadComplete、onSelectRow等),并编写相应的回调函数来实现特定功能。 4. **数据操作**:...