jqgrid impossible de charger les données dans mon JSP

Question

Lorsque je clique sur un lien, il doit charger mon jqGrid avec des données. Je suis en train de convertir les données à afficher en json et en essayant de remplir les données. J'ai vérifié mon objet json (pour la conversion, j'utilise Gson(). Tojson (listObject)) et son impression correctement.

Cependant onclick Data = localhost: 8080/App/jsp/servlet Param1 = xxxx & Param2 = 333, je ne suis pas en mesure de charger les données, je ne quelques recherches en utilisant développeur Firebug et F12, a découvert que? demande qu'il ne soit pas envoyé au servlet pour récupérer les données. Je ne sais pas ce qui ne va pas. Je suis nouveau à JqGrid peut un point mes erreurs?

<link type="text/css" href="../jquery-ui-1.9.2.custom/css/ui-lightness/jquery-ui-1.9.2.custom.css" rel="stylesheet" /> 
<link rel="stylesheet" type="text/css" media="screen" href="../jquery-ui-1.9.2.custom/js/src/css/ui.jqgrid.css" /> 
<script type="text/javascript" src="../jquery-ui-1.9.2.custom/js/jquery-1.8.3.js"></script> 
<script type="text/javascript" src="../jquery-ui-1.9.2.custom/js/jquery-ui-1.9.2.custom.js"></script> 
<script src="js/i18n/grid.locale-en.js" type="text/javascript"></script> 
<script type="text/javascript" src="../jquery-ui-1.9.2.custom/js/src/jquery.jqGrid.js"></script> 
<script type="text/javascript" src="../jquery-ui-1.9.2.custom/js/custom.js"></script> 
<script src="../jquery-ui-1.9.2.custom/js/jquery-1.4.2.min.js" type="text/javascript"></script> 
<script src="../jquery-ui-1.9.2.custom/js/src/grid.loader.js" type="text/javascript"></script> 

Voici mon code jquery

jQuery("#jqqGrid").jqGrid({ 

    url: data, // the data is 
    datatype: 'json', 
    mtype: 'GET', // tried with POST as well as GET 
    colNames: ['ID','Name', 'From Date', 'To Date', 'Status'], 
    colModel: [ 
      {name:'Id', index:'Id', width:55 }, 
      {name: 'name', index:'name', width:90}, 
      {name: 'from_Date', index: 'from_date', width: 90}, 
      {name: 'to_Date', index: 'to_date', width: 90}, 
      {name: 'status', index: 'status', width: 90}, 
       ], 
    rowNumber:10, 
    sortname: 'emp_Id', 
    pager: '#jqqGrid_pager', 
    viewrecords: true, 
    sortorder:'desc', 
    caption:'Employee Leave List', 
    onSelectRow: function(){ 
     var sel = jQuery("#jqqGrid").jqGrid('getGridParam','selrow'); 
     alert(sel); 
    } 

Answer 1

u doivent définir explicitement l'URL et déclencheur dans votre fonction onclick comme ci-dessous

$('#jqqGrid').setGridParam({url : data}); 
            $('#jqqGrid').trigger("reloadGrid", [ {page : 1} ]);