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