jQuery插件：jqGrid引入及基本属性
1. jqGrid下载
jqGrid下载地址： http://www.trirand.com/blog/
jqGrid Demo: http://www.guriddo.net/demo/guriddojs/
2. jqGrid引用
jqGrid自身依赖于jQuery UI，引用jqGrid需要同时引用jQuery UI样式。
<link href="/Content/jquery.jqGrid/ui.jqgrid.css" rel="stylesheet"/> <link href="/Content/themes/base/theme.css" rel="stylesheet"/> <script src="/Scripts/jquery-2.1.3.js"></script> <script src="/Scripts/i18n/grid.locale-cn.js"></script> <script src="/Scripts/jquery.jqGrid.src.js"></script>
3. jqGrid属性
3.1 jqGrid基本属性
| 名称 | 类型 | 描述 | 默认值 |
|---|---|---|---|
| url | string | 获取数据URL | |
| mtype | string | Ajax提交方式，GET或POST，默认为GET | GET |
| datatype | string | 返回的数据类型，包括：xml，local，json，jsonnp，script，xmlstring，jsonstring，clientside，默认为xml。 | xml |
| colNames | Array | 列名称数组 | |
| colModel | Array | 列模型数组 | |
| width | mixed | 表格宽度，可以是数字、像素值或百分比。 | |
| height | mixed | 表格高度，可以是数字、像素值或百分比。 | |
| rowNum | integer | 每页显示记录条数，默认为20条。 | 20 |
| rowList | Array | 分页大小数组，显示为下拉框，用于选择每页需要显示的记录条数。 |
3.1 colModel属性
| 名称 | 类型 | 描述 | 默认值 |
|---|---|---|---|
| label | string | 如果colNames为空则用来作为列的显示名称，如果都没有设置则显示name 值 | |
| name | string | 列名称 | |
| width | number | 默认列的宽度，只能是像素值。 | 150 |
| fixed | boolean | 列宽度是否要固定不可变，默认为true。 | true |
| align | string | 单元格对齐方式，包括left、center及right。默认为left。 | left |
| key | boolean | 列是否为主键列，只有一个列可以做这项设置，如果设置多于一个，那么只选取第一个，其他被忽略。 | false |
| resizable | boolean | 列宽是否可调节，默认为true。 | true |
| sortable | boolean | 列是否可排序，默认为true。 | true |
| hidden | boolean | 初始化表格时是否要隐藏此列，默认为false。 | false |
| hidedlg | boolean | 是否显示或者隐藏此列（appear in the modal dialog） | false |
