一般的,一個jqGrid的基本屬性有一下幾個常用的。
10余年的普寧網站建設經驗,針對設計、前端、開發、售后、文案、推廣等六對一服務,響應快,48小時及時工作處理。成都全網營銷的優勢是能夠根據用戶設備顯示端的尺寸不同,自動調整普寧建站的顯示方式,使網站能夠適用不同顯示終端,在瀏覽器中調整網站的寬度,無論在任何一種瀏覽器上瀏覽網站,都能展現優雅布局與設計,從而大程度地提升瀏覽體驗。成都創新互聯從事“普寧網站設計”,“普寧網站推廣”以來,每個客戶項目都認真落實執行。
代碼如下:
$("#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 }
});
這樣就可以動態的顯示表格的數據了。
名稱欄目:jquery下動態顯示jqGrid以及jqGrid的屬性設置容易出現問題的解決方法
網址分享:http://m.newbst.com/article34/gdocse.html
成都網站建設公司_創新互聯,為您提供網站營銷、電子商務、定制開發、品牌網站建設、App開發、網頁設計公司
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯