2016-06-21 57 views
1

我已經創建了一個jQuery網格並將json數據加載到它中。並且我彈出了一些單選按鈕..基於該選擇,json值被更改。第一次,json被加載到gqgrid中。但是當我選擇其他單選按鈕的JSON值更改,但新的JSON沒有加載到jqgrid。舊json正在展示。如何重新加載jQuery中的數據jqGrid每當json值發生變化?

我都試過了,

obj.datatype = "local"; 
     obj.viewrecords = true; 
     obj.rowNum = 20; 
     obj.pager = "#jqGridPager"; 
     obj.data = jsonValue; 
     obj.localReader = {repeatitems: true}; 
     obj.rowList = [20,30,50]; 
     obj.loadonce = true; 
     obj.colModel = [ 
         { "label": 'Id', "name": 'studentId', "width": "150" , "key" : true}, 
         { "label": 'No', "name": 'studentNo', "width": "150"}, 
         { "label": 'Name', "name": 'studentName', "width": "150"}, 
         { "label": 'Phone', "name": 'studentPhone', "width": "150"}, 
         { "label":'Email', "name": 'primaryContactEmail', "width": "150" }, 
         { "label":'Address', "name": 'studentAddress', "width": "150" } 

        ]; 
     obj.multiselect = true; 
     obj.navOptions = { reloadGridOptions: { fromServer: true } }; 
     //console.log(obj) 
    $("#grid_json").jqGrid(obj).jqGrid('filterToolbar').navGrid('#jqGridPager', 
       { edit: false, add: false, del: false, search: true, refresh: true, view: true, position: "left", cloneToTop: true }, 
    { 
     editCaption: "The Edit Dialog", 
     recreateForm: true, 
     checkOnUpdate : true, 
     checkOnSubmit : true, 
     closeAfterEdit: true, 
     errorTextFormat: function (data) { 
      return 'Error: ' + data.responseText 
     } 
    }, 
    // options for the Add Dialog 
    { 
     closeAfterAdd: true, 
     recreateForm: true, 
     errorTextFormat: function (data) { 
      return 'Error: ' + data.responseText 
     } 
    }, 
    // options for the Delete Dailog 
    { 
     errorTextFormat: function (data) { 
      return 'Error: ' + data.responseText 
     } 
    }, 
    { 
    multipleSearch: true 
    } 

    ) 
    // add first custom button 
    /* $('#grid_json').navButtonAdd('#jqGridPager', 
     { 
      buttonicon: "ui-icon-mail-closed", 
      title: "Send Mail", 
      caption: "Send Mail", 
      position: "last", 
      // onClickButton: customButtonClicked 
     }); */ 


    /// add second custom button 
    $('#grid_json').navButtonAdd('#jqGridPager', 
     { 
      buttonicon: "ui-icon-pencil", 
      title: "Edit", 
      caption: "Edit", 
      position: "last", 
      //onClickButton: customButtonClicked 
     }); 

回答

0

試試這個先清除,則網格數據的網格選項的數據屬性重置爲新的JSON數據。

var grid = $("#grid_json"); 

    grid.jqGrid('clearGridData').jqGrid('setGridParam', { 
    data: new_data 
    }).trigger('reloadGrid', [{ page: 1 }]); 
相關問題