一般的,一個(gè)jqGrid的基本屬性有一下幾個(gè)常用的。
10余年的普寧網(wǎng)站建設(shè)經(jīng)驗(yàn),針對(duì)設(shè)計(jì)、前端、開發(fā)、售后、文案、推廣等六對(duì)一服務(wù),響應(yīng)快,48小時(shí)及時(shí)工作處理。成都全網(wǎng)營(yíng)銷的優(yōu)勢(shì)是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同,自動(dòng)調(diào)整普寧建站的顯示方式,使網(wǎng)站能夠適用不同顯示終端,在瀏覽器中調(diào)整網(wǎng)站的寬度,無(wú)論在任何一種瀏覽器上瀏覽網(wǎng)站,都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì),從而大程度地提升瀏覽體驗(yàn)。成都創(chuàng)新互聯(lián)從事“普寧網(wǎng)站設(shè)計(jì)”,“普寧網(wǎng)站推廣”以來(lái),每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。
代碼如下:
$("#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按鈕不起作用。
如果需要在開始時(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í)行表格的初始化,那么剛開始可以不用設(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ù)了。