jquery下動態顯示jqGrid以及jqGrid的屬性設定容易出現問題的解決方案

一般的，一個jqGrid的基本屬性有一下幾個常用的。 複製代碼 代碼如下:$("#id").jqGrid({
url: "",
datatype: "local",
postData: { strJson: Data },
mtype: "post",
height: 45,
width: 450,
rowNum: rum, //每頁的記錄數
pgtext: "第{0}頁 共{1}頁",
pgbuttons: true,
autoheight: true,
rownumbers: false, // 是否顯示行數
pgbuttons: true, // 分頁按鈕是否顯示
pginput: true, // 是否允許輸入分頁頁數
scrollrows: false, // 是否顯示行捲軸
viewrecords: true, // 是否顯示總記錄數
multiselect: true, // 是否顯示複選框
recordpos: "left", // 記錄數顯示位置
sortorder: "asc", //排序方式
pager: "#Pager"

)}

　　在初始化的時候，若不想執行表格的初始化方法，則需要設定url為空白，datatype設定為"local",否則會有js錯誤，導致頁面上的button按鈕不起作用。

　　如果需要在開始時候執行表格的初始化，則需要設定url的值，在.net mvc架構下，即“/controller/action/”這樣的格式，第一個"/"是必須的，否則不能進入背景action中，最後一個“/”好像不是必需的，一般都加上。在設定了url後，還要注意的問題就是datatype要與postData的資料類型相匹配，否則會有錯誤。例如datatype:"json",那麼postData需要傳的是json對象。

　　如果想動態執行表格的初始化，那麼剛開始可以不用設定url值，datatype設定為"local"（否則報錯）。然後動態觸發jqGrid的初始化action。

比如，在一張表中雙擊後後觸發，代碼如下： 複製代碼 代碼如下:　　 //雙擊行事件
ondblClickRow: function () {
courseData = JSON.stringify({
stuNum: studentNum,
rowNum: rum,
page: 1
});
jQuery("#courseInfoGrid").jqGrid("setGridParam", {
url: "/PersonalArrearsSettlement/GetStudentCourseInfo", //設定表格的url
datatype: "json", //設定資料類型
postData: { strJson: courseData }
});

　　這樣就可以動態顯示表格的資料了。