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小时内删除。
发表评论