2010-03-15 2 views
1

Type de données JQGrid en tant que fonction Ajax non appelée. Une fois que j'ai essayé de déboguer en utilisant firebug, j'ai découvert que ces lignes ne sont pas exectuées. S'il vous plaît laissez-moi savoir le problème avec mon code. Merci d'avance.Type de données JQGrid lorsque la fonction Ajax n'est pas appelée

jQuery("#list").jqGrid({ 
     //url:'example.xml', 

      datatype: function() { 
       $.ajax({ 
        url: "example.xml", 
        data: "{}", 
        dataType: "xml", 
        mtype: "GET", 
        complete: function(jsondata, stat) { alert((jsondata.responseText)); 
         if (stat == "success") { 
         alert("ew"); 
         } 
        }, 
        error : function() {alert("error")} 
       }); 
      }, 
     colNames:['QueueName','SLA Associated', 'SLA met', 'SLA Breached', 'SLA MET %', 'SLA Breached %'], 
     colModel :[ 
      {name:'QueueName',index:'QueueName', width:150}, 
      {name:'SLAAssociated',index:'SLAAssociated', width:150}, 
      {name:'SLAmet',index:'SLAmet', width:150}, 
      {name:'SLABreached',index:'SLABreached', width:150}, 
      {name:'SLAMETPer',index:'SLAMETPer', width:150}, 
      {name:'SLABreachedPer',index:'SLABreachedPer', width:150} 
     ], 
     pager: jQuery('#pager1'), 
     rowNum:1, 
     rowList:[5,10], 
     imgpath: 'themes/basic/images' 
    });  

en-tête i ajouter comme suit

<html xmlns="http://www.w3.org/1999/xhtml"> 

<link rel="stylesheet" type="text/css" media="screen" href="themes/basic/grid.css" /> 
<link rel="stylesheet" type="text/css" media="screen" href="themes/jqModal.css" /> 
<link rel="stylesheet" type="text/css" media="screen" href="css/report.css" /> 
<script src="jquery.js" type="text/javascript"></script> 
<script src="jquery.jqGrid.js" type="text/javascript"></script> 
<script src="js/jqModal.js" type="text/javascript"></script> 
<script src="js/jqDnR.js" type="text/javascript"></script> 

Salut S'il vous plaît trouver tout mon code HTML. Y a-t-il des problèmes avec ce code? la fonction Ajax que j'ai appelée dans le type de données n'est pas exécutée.

 


jqGrid Demo 







    
    
    
    

    

jQuery(document).ready(function(){ 
       jQuery("#list").jqGrid({ 
          datatype: function (postData) { 
           $.ajax({ // THis function is not getting called @ any time. 
            url: '1234.xml', 
            type: 'POST', 
            dataType: 'xml', 
            data:postdata, 
            error: function(){ 
             alert(1); 
            }, 
            complete: function (xmlData, stat){ 
             alert(0); 
            }, 

           }); 

          }, 
          colNames:['Inv No','Date', 'Amount','Tax','Total','Notes'], 
          colModel :[ 
          {name:'invid',index:'invid', width:55}, 
          {name:'invdate',index:'invdate', width:90}, 
          {name:'amount',index:'amount', width:80, align:'right'}, 
          {name:'tax',index:'tax', width:80, align:'right'}, 
          {name:'total',index:'total', width:80,align:'right'}, 
          {name:'note',index:'note', width:150, sortable:false} ], 
          pager: jQuery('#pager'), 
          rowNum:10, 
          rowList:[10,20,30], 
          sortname: 'id', 
          sortorder: "desc", 
          viewrecords: true, 
          pager: jQuery('#pager'), 
          imgpath: 'themes/basic/images', 
          caption: "My first grid" 
}); 
}); 


Répondre

0

votre fonction doit prendre dans le postdata comme paramètre

datatype: function(postData) { 
       $.ajax({ 
        url: "example.xml", 
        data: postData, 
        dataType: "xml", 
        mtype: "GET", 
        complete: function(jsondata, stat) { alert((jsondata.responseText)); 
         if (stat == "success") { 
         alert("ew"); 
         } 
        }, 
        error : function() {alert("error")} 
       }); 
      }, 
+0

Merci pour votre réponse. Mais ça ne marche pas mais quand même :( – Manikandan

+0

J'ai essayé de donner le chemin relatif de l'URL, mais des problèmes persistent, s'il vous plaît aidez-moi à sortir de ce problème – Manikandan

+0

pourquoi double parenthèses ici 'alert ((jsondata.responseText)) ; '? et l'absence d'un point-virgule ici' error: function() {alert ("error")} ' –

Questions connexes