jquery下動態(tài)顯示jqGrid以及jqGrid的屬性設置容易出現問題的解決方法
更新時間：2010年10月22日 14:50:20 作者：
jquery下動態(tài)顯示jqGrid以及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"
)}
在初始化的時候，若不想執(zhí)行表格的初始化方法，則需要設置url為空，datatype設置為"local",否則會有js錯誤，導致頁面上的button按鈕不起作用。
如果需要在開始時候執(zhí)行表格的初始化，則需要設置url的值，在.net mvc架構下，即“/controller/action/”這樣的格式，第一個"/"是必須的，否則不能進入后臺的action中，最后一個“/”好像不是必需的，一般都加上。在設置了url后，還要注意的問題就是datatype要與postData的數據類型相匹配，否則會有錯誤。例如datatype:"json",那么postData需要傳的是json對象。
如果想動態(tài)的執(zhí)行表格的初始化，那么剛開始可以不用設置url值，datatype設置為"local"（否則報錯）。然后動態(tài)的觸發(fā)jqGrid的初始化action。
比如，在一張表中雙擊后后觸發(fā)，代碼如下：
//雙擊行事件
ondblClickRow: function () {
courseData = JSON.stringify({
stuNum: studentNum,
rowNum: rum,
page: 1
});
jQuery("#courseInfoGrid").jqGrid("setGridParam", {
url: "/PersonalArrearsSettlement/GetStudentCourseInfo", //設置表格的url
datatype: "json", //設置數據類型
postData: { strJson: courseData }
});
這樣就可以動態(tài)的顯示表格的數據了。
復制代碼 代碼如下:
$("#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"
)}
在初始化的時候，若不想執(zhí)行表格的初始化方法，則需要設置url為空，datatype設置為"local",否則會有js錯誤，導致頁面上的button按鈕不起作用。
如果需要在開始時候執(zhí)行表格的初始化，則需要設置url的值，在.net mvc架構下，即“/controller/action/”這樣的格式，第一個"/"是必須的，否則不能進入后臺的action中，最后一個“/”好像不是必需的，一般都加上。在設置了url后，還要注意的問題就是datatype要與postData的數據類型相匹配，否則會有錯誤。例如datatype:"json",那么postData需要傳的是json對象。
如果想動態(tài)的執(zhí)行表格的初始化，那么剛開始可以不用設置url值，datatype設置為"local"（否則報錯）。然后動態(tài)的觸發(fā)jqGrid的初始化action。
比如，在一張表中雙擊后后觸發(fā)，代碼如下：
復制代碼 代碼如下:
//雙擊行事件
ondblClickRow: function () {
courseData = JSON.stringify({
stuNum: studentNum,
rowNum: rum,
page: 1
});
jQuery("#courseInfoGrid").jqGrid("setGridParam", {
url: "/PersonalArrearsSettlement/GetStudentCourseInfo", //設置表格的url
datatype: "json", //設置數據類型
postData: { strJson: courseData }
});
這樣就可以動態(tài)的顯示表格的數據了。
相關文章
JSON 可通過 JavaScript 進行解析，JSON 數據可使用 AJAX 進行傳輸，這篇文章主要介紹了通過jsonp獲取json數據（實現AJAX跨域請求），有興趣的可以了解一下。2017-01-01
這篇文章主要為大家詳細介紹了jquery購物車結算功能的實現方法,購買多個商品進行統(tǒng)一結算，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-11-11
此文將實現一個的jQuery表格插件jQuery.DataGrid。需要的朋友可以參考下。2010-07-07
jQuery實現點擊下拉框輸入框時，自動顯示下面的下拉列表，而且是根據輸入框中輸入的搜索添加，自動在后臺查找，然后傳到前臺，展現頁面2013-10-10
終于實現精彩的jquery彈幕效果了，這篇文章就為大家詳細介紹了jquery彈幕效果的實現代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-07-07
有時候為了更好的用戶體驗，使用jquery的朋友可以參考下代碼。2011-09-09
本文主要介紹了jQuery實現拖動剪裁圖片作為頭像的具體實例方法，具有很好的參考價值，下面跟著小編一起來看下吧2016-12-12
這篇文章主要介紹了jQuery實現的簡單拖拽功能,結合實例形式分析了jQuery鼠標事件響應及頁面元素動態(tài)修改相關技巧,需要的朋友可以參考下2016-09-09
最近在做一個網站，遇到需要給網站內所有的文章加關鍵字鏈接的問題，我們在瀏覽一些網站的文章的時候，會發(fā)現文章里面的某些關鍵字是加了鏈接的，并且高亮顯示。2010-10-10
Timer是比較常用的工具類，用于按時間計劃執(zhí)行任務。這篇文章給大家介紹java中的timer的用法詳解，涉及到java timer相關知識學習，對本文感興趣的朋友可以參考下本篇文章2015-10-10