jqGrid超详细属性说明.docx

jqGrid 超详细属性说明 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 就可以了。 options 参数 jQuery(#grid).jqGrid({ jQuery(#grid).jqGrid({ ... groupingView : { groupField : [name], groupDataSorted : true } ... }); 属性: 名称 值类型 说明 实列 url string datatype string jqGrid 控件通过这个参数得到需 要显示的数据，具体的返回值可以使 XML 也可以是 Json 这个参数用于设定将要得到的数据类型。我最常用的是 “json”， 其 余 的 类 型 还 包 括 ： xml 、xmlstring、local、javascript、 function url: ../../../../K3, datatype: json, mtype height string 定义使用哪种方法发起请求，GET 或者 POST String/int Grid 的高度，可以接受数字、% 值、auto，默认值为 150 mtype: post, width String/int Grid 的宽度，如果未设置，则宽度应为所有列宽的之和；如果设置了宽度，则每列的宽度将会根据 shrinkToFit 选项的设置，进行设置 shrinkToFit bool 此选项用于根据 width 计算每列宽度的算法。默认值为true。如果shrinkToFit 为true 且设置了width 值，则 每列宽度会根据width 成 比 例 缩 放 ； 如 果shrinkToFit 为 false 且设置了width 值，则每列的宽度不会成比例缩放，而是保持原有设置， 而 Grid 将会有水平滚动条  shrinkToFit: false, autowidth pager sortname bool string string 是否自动设置宽度 定义页码控制条 Page Bar 指定默认的排序列，可以是列名也可以是数字。此参数会在被传递到 Server 端 autowidth: true, pager: #pjqgajax, sortname: invdate, viewrecords bool 设置是否在 Pager Bar 显示所有记录的总数 caption string Grid 的标题。如果设置了，则将显示在 Grid 的 Header 层 rowNum int 用于设置 Grid 中一次显示的行数，默认值为 20。正是这个选项将参数 rows（prmNames 中设置的）通过 url 选项设置的链接传递到 Server。注意如果 Server 返回的数据行数超过了 rowNum 的设定，则 Grid 也只显示rowNum 设定的行数 rowList Array[] 一个数组，用于设置 Grid 可以接受的 rowNum 值 colNames Array[] 字符串数组，用于指定各列的题头文本，与列的顺序是对应的 viewrecords: true, caption: jqGrid标题, rowNum: 20, rowList: [10, 20, 30, 50], colNames: [物料 , 代码 , 内码], colModel object 用于设定各列的参数. 祥细见 colModel: [{ name: FMaterialNumber, index: prmNames object 用于设置 jqGrid 将要向 Server 传递的参数名称.祥细见 1.1.2