快捷導(dǎo)航

jquery下動(dòng)態(tài)顯示jqGrid以及jqGrid的屬性設(shè)置容易出現(xiàn)問(wèn)題的解決方法

更新時(shí)間：2010年10月22日 14:50:20 作者：

jquery下動(dòng)態(tài)顯示jqGrid以及jqGrid的屬性設(shè)置容易出現(xiàn)問(wèn)題的解決方法，使用jqgrid的朋友可以參考下。

一般的，一個(gè)jqGrid的基本屬性有一下幾個(gè)常用的。

 
$("#id").jqGrid({ 
url: "", 
datatype: "local", 
postData: { strJson: Data }, 
mtype: "post", 
height: 45, 
width: 450, 
rowNum: rum, //每頁(yè)的記錄數(shù) 
pgtext: "第{0}頁(yè) 共{1}頁(yè)", 
pgbuttons: true, 
autoheight: true, 
rownumbers: false, // 是否顯示行數(shù) 
pgbuttons: true, // 分頁(yè)按鈕是否顯示 
pginput: true, // 是否允許輸入分頁(yè)頁(yè)數(shù) 
scrollrows: false, // 是否顯示行滾動(dòng)條 
viewrecords: true, // 是否顯示總記錄數(shù) 
multiselect: true, // 是否顯示復(fù)選框 
recordpos: "left", // 記錄數(shù)顯示位置 
sortorder: "asc", //排序方式 
pager: "#Pager" 

)} 

　　在初始化的時(shí)候，若不想執(zhí)行表格的初始化方法，則需要設(shè)置url為空，datatype設(shè)置為"local",否則會(huì)有js錯(cuò)誤，導(dǎo)致頁(yè)面上的button按鈕不起作用。

　　如果需要在開(kāi)始時(shí)候執(zhí)行表格的初始化，則需要設(shè)置url的值，在.net mvc架構(gòu)下，即“/controller/action/”這樣的格式，第一個(gè)"/"是必須的，否則不能進(jìn)入后臺(tái)的action中，最后一個(gè)“/”好像不是必需的，一般都加上。在設(shè)置了url后，還要注意的問(wèn)題就是datatype要與postData的數(shù)據(jù)類型相匹配，否則會(huì)有錯(cuò)誤。例如datatype:"json",那么postData需要傳的是json對(duì)象。

　　如果想動(dòng)態(tài)的執(zhí)行表格的初始化，那么剛開(kāi)始可以不用設(shè)置url值，datatype設(shè)置為"local"（否則報(bào)錯(cuò)）。然后動(dòng)態(tài)的觸發(fā)jqGrid的初始化action。

比如，在一張表中雙擊后后觸發(fā)，代碼如下：

復(fù)制代碼代碼如下:

 
　　 //雙擊行事件 
ondblClickRow: function () { 
courseData = JSON.stringify({ 
stuNum: studentNum, 
rowNum: rum, 
page: 1 
}); 
jQuery("#courseInfoGrid").jqGrid("setGridParam", { 
url: "/PersonalArrearsSettlement/GetStudentCourseInfo", //設(shè)置表格的url 
datatype: "json", //設(shè)置數(shù)據(jù)類型 
postData: { strJson: courseData } 
}); 

　　這樣就可以動(dòng)態(tài)的顯示表格的數(shù)據(jù)了。

您可能感興趣的文章: