jqGrid相应操作
1.jqGrid Options
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" /TR/xhtml1/DTD/xhtml1-transitional.dtd>
声明了文档的根元素是 html，它在公共标识符被定义为 "-//W3C//DTD XHTML 1.0 Transitional//EN" 的 DTD 中进行了定义。浏览器将明白如何寻匹配此公共标识符的 DTD。如果不到，浏览器将使用公共标识符后面的 URL 作为寻 DTD 的位置。
另外，需要知道的是，HTML 4.01 规定的三种文档类型、XHTML 1.0 规定的三种 XML 文档类型都是：Strict、Transitional 以及 Frameset。
而这句<html xmlns="/1999/xhtml">，是在文档中的<html> 标签中使用 xmlns 属性，以指定整个文档所使用的主要命名空间。
对于文档声明，了解这些就足够了，现在的html5不再这么繁琐，只需要：
<!DOCTYPE html>
<html>
就可以了。
1.1.options 参数
jQuery("#grid").jqGrid({jquery下载文件请求
  ...
  groupingView : {
    groupField : ['name'],
    groupDataSorted : true
  }
  ...
});
属性:
名称
值类型
说明
实列
url
string
jqGrid控件通过这个参数得到需要显示的数据，具体的返回值可以使XML也可以是Json
url: '../../../../K3',
datatype
string
这个参数用于设定将要得到的数据类型。我最常用的是“json”，其余的类型还包括：xml、xmlstring、local、javascript、function
datatype: "json",
mtype
string
定义使用哪种方法发起请求，GET或者POST
mtype: 'post',
height
String/int
Grid的高度，可以接受数字、%值、auto，默认值为150
width
String/int
Grid的宽度，如果未设置，则宽度应为所有列宽的之和；如果设置了宽度，则每列的宽度将会根据shrinkToFit选项的设置，进行设置
shrinkToFit
bool
此选项用于根据width计算每列宽度的算法。默认值为true。如果shrinkToFit为true且设置了width值，则每列宽度会根据width成比例缩放；如果shrinkToFit为false且设置了width值，则每列的宽度不会成比例缩放，而是保持原有设置，而Grid将会有水平滚动条
shrinkToFit: false,
autowidth
bool
是否自动设置宽度
autowidth: true,
pager
string
定义页码控制条Page Bar
pager: '#pjqgajax',
sortname
string
指定默认的排序列，可以是列名也可以是数字。此参数会在被传递到Server端
sortname: 'invdate',
viewrecords
bool
设置是否在Pager Bar显示所有记录的总数
viewrecords: true,
caption
string
Grid的标题。如果设置了，则将显示在Grid的Header层
caption: 'jqGrid标题',
rowNum
int
用于设置Grid中一次显示的行数，默认值为20。正是这个选项将参数rows（prmNames中设置的）通过url选项设置的链接传递到Server。注意如果Server返回的数据行数超过了rowNum的设定，则Grid也只显示rowNum设定的行数
rowNum: 20,
rowList
Aproposition是什么意思rray[]
一个数组，用于设置Grid可以接受的rowNum值
rowList: [10, 20, 30, 50],
colNames
Array[]
字符串数组，用于指定各列的题头文本，与列的顺序是对应的
  colNames: ['物料' , '代码' , '内码'],
colModel
object
用于设定各列的参数.祥细见 1.1.1
colModel: [{ name: 'FMaterialNumber', index: 'FMaterialNumber', width: 150, sortable: true },{ name: flash控件'FMaterialName', index: 'FMaterialName', width: 150, sortable: true }],
prmNames
object
用于设置jqGrid将要向Server传递的参数名称.祥细见 1.1.2
prmNames: {page: "page",
rows: "rows"}
jsonReader
object
tabletotal函数
设定如何解析从Server端发回来的json数据.祥细见 1.1.3
jsonReader: { root: "rows",page: "page"}
grouping
bool
是否显示分组，true为显示，默认值为:false
grouping: true,
               
groupingView
object
分组设置.祥细见 1.1.4
groupingView: {groupField: ['FBillNo', 'FSupplyIDName'], groupColumnShow: [true]}
multiselect
boolean
定义是否可以多选.默认值：false
multiselect: true,
multiboxonly
boolean
只有当multiselect = true.起作用，当multiboxonly 为ture时只有选择checkbox才会起作用.默认值：false
multiboxonly: true,
multiselectWidth
int
当multiselect为true时设置multiselect列宽度.默认值：20
multiselectWidth:20,
page
int
设置初始的页码.默认值：1
page:1,
pager
String/jquery
指定分页栏对象，必须为一个有效的html元素。可以是'pager', '#pager', jQuery('#pager').推荐用'#pager'
pager: '#pjqgajax',
pagerpos
string
指定分页栏的位置. 值为: left,center(默认值),right
pagerpos: ' center ',
pgbuttons
boolean
是否显示翻页按钮. 默认值：true
pginput
boolean
是否显示跳转页面的输入框. 默认值：true
pgtext
string
当前页信息    语言包中设置
prmNames
array
当参数为null时不会被发到服务器端. 默认值：none
prmNames :{page:'page',rows: 'rows', sort: 'sidx',order: 'sord', search: '_search', nd: 'nd', npage:null}
postData
array
此数组内容直接赋值到url上，参数类型：{name1:value1…}空array
jQuery("#jqgajax").jqGrid('setGridParam',{ postData:{ 'sesKey':escape($("#hfsesKey").val()),'pid':escape($("#hfParIDs").val()),'n':escape($("#cbName").val()),'v':escape($("#tbVal").val())},page:1}).trigger("reloadGrid");
1.1.1.colModel设定各列的参数
jQuery("#grid").jqGrid({
  ...
    colModel: [
                    { name: 'FInterID', index: 'FInterID', width: 80, sortable: true, hidden: true },
                    { name: 'FEntryID', index: 'FEntryID', width: 80, sortable: true, hidden: true }],
  ...
});
属性:
名称
值类型
说明
实列
name
string
为Grid中的每个列设置唯一的名称，这是一个必需选项，其中保留字包括subgrid、cb、rn
name: 'FInterID',
index
string
设置排序时所使用的索引名称，这个index名称会作为sidx参数（prmNames中设置的）传递到Server。
index: 'FInterID',
label
string
当jqGrid的colNames选项数组为空时，为各列指定题头。如果colNames和此项都为空时，则name选项值会成为题头
width
int
设置列的宽度，目前只能接受以px为单位的数值，默认为150
width: 80,
sortable
bool
设置该列是否可以排序，默认为true
sortable: true,
search
bool
设置该列是否可以被列为搜索条件，默认为true
search: true,
resizable
bool
设置列是否可以变更尺寸，默认为true。
resizable: true,
hidden
bool
设置此列初始化时是否为隐藏状态，默认为false
hidden: false,
align
string
显示文字的方式，值为: left(默认值),center,right
align: "right",
formatter
string
预设类型或用来格式化该列的自定义函数名。常用预设格式有：integer、date、currency、number等,（具体参见文档 ）。
formatter: 'number',
formatoptions
object
格式化显示列数据
formatoptions: { decimalSeparator: ".", thousandsSeparator: ",", decimalPlaces: 4, prefix: "" }
summaryType
string
如果汇总页脚行启用，在列模式下设置汇总字段的类型
值列表: sum(求合), count(汇总), avg(平均值), min, max
详细信息
summaryType:'sum'
summaryTpl
string
此选项作为模板可用于在总结页脚行。默认情况下，它的价值被定义为{0} - 这意味着，这将打印的汇总值。该参数可以包含任何有效的HTML代码。详细信息
summaryTpl: '({0}) 小计:'
classes
string
设置列的css。多个class之间用空格分隔，如：'class1 class2' 。表格默认的css属性是ui-ellipsis
datefmt
string
对日期列进行格式化。”/”, ”-”, and ”.”都是有效的日期分隔符。y,Y,yyyy 年YY, yy 月m,mm for monthsd,dd 日.    ISO Date (Y-m-d)
defval
string
查询字段的默认值
editable
boolean
单元格是否可编辑.默认值：false
editoptions
array
对列进行编辑时设置的一些属性
editrules
array
对于可编辑单元格的一些额外属性设置
edittype
string
可以编辑的类型。可选值：text, textarea, select, checkbox, password, button, image and file, custom
fixed
boolean
列宽度是否要固定不可变.默认值：false
formoptions
array
对于form进行编辑时的属性设置
formatoptions
array
美琪扮演者孙侨潞怎么了
对某些列进行格式化的设置
formatter
mixed
对列进行格式化时设置的函数名或者类型
hidedlg
boolean
是否显示或者隐藏此列.默认值：false
index
string
当排序时定义排序字段名称的索引，参数名为sidx
jsonmap
string
定义了返回的json数据映射
key
boolean
当从服务器端返回的数据中没有id时，将此作为唯一rowid使用，默认只能有一个id属性.默认值：false
search
boolean
在搜索模式下，定义此列是否可以作为搜索列.默认值：true
searchoptions
array
设置搜索参数
sorttype
string
绿搭配什么颜最佳图片用在当datatype为local时，定义搜索列的类型，可选值：int/integer - 对integer排序float/number/currency - 排序数字date - 排序日期text - 排序文本.默认值：text
stype
string
定义搜索元素的类型.默认值：text
surl
string
搜索数据时的url
cellattr
function
此功能属性添加到细胞的过程中创造的数据 - 即动态。例如表格单元格的所有有效的属性，可以使用或与不同性质的风格属性。函数应该返回字符串。传递给这个函数的参数是：ROWID - 行ID
VAL - 这将是在细胞内的增值
rawObject - 数据行的原始对象 - 也就是说，如果数据类型是JSON - 数组，如果数据类型是XML XML节点。
CM - 此列所有在colModel中列出的属性
RDATA - 这将是在该行插入的数据行。此参数是数组类型的名称：价值，其中name是在colModel的名称
null
firstsortorder
string
如果设置为ASC或DESC，将被列在这个方向排序列第一sort.Subsequent各种像往常一样将切换
null
hidden
boolean
定义如果此列是隐藏在初始化。
false
template
object
设置有效的colModel属性。如果你想在方便的列模型覆盖了很多的默认值，可以使用此选项。在网格选项，请参阅cmTemplate
null

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。