jquery下 動態顯示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"

)}

  在初始化的時候,若不想執行表格的初始化方法,則需要設置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 }
            });

  這樣就可以動態的顯示錶格的數據了。

發佈了57 篇原創文章 · 獲贊 5 · 訪問量 17萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章