溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

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

發(fā)布時(shí)間:2020-07-27 14:18:02 來(lái)源:網(wǎng)絡(luò) 閱讀:807 作者:沒(méi)有水勒魚 欄目:web開(kāi)發(fā)

一般的,一個(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ā),代碼如下: 

代碼如下:


   //雙擊行事件 
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ù)了。


向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI