besoin de charger jqGrid basé sur le changement dropdownlist événement

Question

J'utilise le script suivant pour le chargement des données dans jqGrid en fonction de la liste déroulante événement de changement de valeur

Il ne fonctionnera qu'une seule time.If je choisis la deuxième option drop en bas de la grille ne peux pas en mesure de frapper l'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

Vous devez décharger la grille d'abord, puis le charger en utilisant à nouveau ci-dessous jQuery:

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

Votre code doit donc être:

$("#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 
});