需要根據下拉列表改變事件加載的jqGrid

Question

我用下面的腳本基於下拉值更改事件，將數據裝入jqGrid的

它將工作只有一個時間。如果我選​​擇落第二個選項下格柵着能夠打到URL

$(document).ready(function() { 

     $("#skill").on('change', function() { 


      $("#Jobtable").jqGrid({ 
       url: '/Admin/ViewSelectedJobs?skill=' + $("#skill").val(), 
       datatype: "json", 
       mtype: 'GET', 
       colNames: ['ID', 'Title'], 
       colModel: [ 
          { name: 'ID', index: 'ID', width: 150, align: 'left', editable: true }, 
          { name: 'Title', index: 'Title', width: 150, align: 'left', editable: true } 

       ], 
       rowNum: 10, 
       rowList: [10, 20, 30], 
       viewrecords: true, 
       loadonce: true, 
       gridview: true 
}); 
}) 

Answer 1

你必須先卸載網格，然後用下面的jQuery再次裝入：

$("#Jobtable").jqGrid('GridUnload'); 

所以你的代碼應該是：

$("#skill").on('change', function() { 

      $("#Jobtable").jqGrid('GridUnload'); 
      $("#Jobtable").jqGrid({ 
       url: '/Admin/ViewSelectedJobs?skill=' + $("#skill").val(), 
       datatype: "json", 
       mtype: 'GET', 
       colNames: ['ID', 'Title'], 
       colModel: [ 
          { name: 'ID', index: 'ID', width: 150, align: 'left', editable: true }, 
          { name: 'Title', index: 'Title', width: 150, align: 'left', editable: true } 

       ], 
       rowNum: 10, 
       rowList: [10, 20, 30], 
       viewrecords: true, 
       loadonce: true, 
       gridview: true 
});