jqgrid : div si aggiorna in ritardo

**ablazione** · 13-12-2011, 00:07

Salve
Con il codice seguente quando clicco su Enter mando il testo del campo 'prova' ad gethint.php
e ricevo una stringa nel div txtHint e questo valore lo inserisco nella variabile globale.
Ma succede che la prima volta che premo Enter la variabile prende il valore 'PIPPO' anziche' la stringa ricevuta da gethint.php;
al secondo Enter la variabile prende il valore della prima stringa(primo Enter) ricevuta da gethint.php.Praticamente la variabile globale
acquisisce il valore corretto in ritardo.Ho fatto diverse prove(adesso commentate)ma senza successo. Grazie a tutti .

codice:

<script type="text/javascript"> var globale ; jQuery(document).ready(function(){   $("#list").jqGrid({     url:'prova.php?q=1',     datatype: 'xml',     colNames:['Inv No','Date','Cliente','Amount','Tax','prova','Total','Notes'],       colModel :[       {name:'invid', index:'invid', width:55,editable:true,editoptions:{readonly:true,size:10}},       {name:'invdate', index:'invdate', width:90,editable:true,editoptions:{size:10}},       {name:'client_id', index:'client_id', width:80, align:'right',editable:true,editoptions:{size:25}},       {name:'amount', index:'amount', width:80, align:'right', align:"right",editable:true,editoptions:{size:10}},       {name:'tax', index:'tax', width:80, align:"right",editable:true,editoptions:{size:10}},       {name:'prova', index:'prova', width:80, align:"right",editable:true,editoptions:{size:10 , dataEvents: [         {         type: 'keypress',         fn: function(e) {             var key = e.charCode || e.keyCode ; // to support all browsers             if(key == 13)                    {                 codbar($('#prova').val());                  alert(globale);                 return false;             }         }     } ]                       }},       {name:'total', index:'total', width:80, align:'right',editable:true,editoptions:{size:10}},       {name:'note', index:'note', width:150, sortable:false,editable: true,edittype:"textarea", editoptions:{rows:"2",cols:"20"}}     ],     pager: '#pager',     rowNum:10,     rowList:[10,20,30],     sortname: 'invid',     sortorder: 'desc',     viewrecords: true,     gridview: true,     caption: 'My first grid',     editurl:"someurl.php"   }); }); $(document).ready(function(){ jQuery("#list").jqGrid('navGrid','#pager', { add: false, edit: false, del: false, reload: true })   .navButtonAdd('#pager',{    caption:"Cancella",    buttonicon:"ui-icon-del",    onClickButton: function(){      alert("Cancella Row");    },    position:"last" }) .navButtonAdd('#pager',{    caption:"Aggiungi",    buttonicon:"ui-icon-add",     onClickButton: function(){   jQuery("#list").editGridRow("New",{beforeSubmit:validateData, url :"someurl.php",closeAfterEdit:true}); //      alert("Deleting Row");    },      position:"last" });   });   function codbar(cod){  showHint(cod); globale=$('#txtHint').html(); //globale=document.getElementById("txtHint").innerHTML; //$(document).ready(function(){ //var globale=document.getElementById("txtHint"); // alert(globale); // }); }  function showHint(str) {   xmlhttp=new XMLHttpRequest(); xmlhttp.onreadystatechange=function()   {   if (xmlhttp.readyState==4 && xmlhttp.status==200)     { //   document.getElementById("txtHint").innerHTML=xmlhttp.responseText;     $('#txtHint').html(xmlhttp.responseText);     }   } xmlhttp.open("GET","gethint.php?q="+str,true); xmlhttp.send();  }  </script>  </head> <body> <table id="list"></table> <div id="pager"></div> <div id="txtHint">PIPPO</div>

**ablazione** · 13-12-2011, 20:18

Riscrivo il codice perchè forse non era leggibile.

<script type="text/javascript">
var globale ;
jQuery(document).ready(function(){
$("#list").jqGrid({
url:'prova.php?q=1',
datatype: 'xml',
colNames:['Inv No','Date','Cliente','Amount','Tax','prova','Total ','Notes'],
colModel :[
{name:'invid', index:'invid', width:55,editable:true,editoptions:{readonly:true, size:10}},
{name:'invdate', index:'invdate', width:90,editable:true,editoptions:{size:10}},
{name:'client_id', index:'client_id', width:80, align:'right',editable:true,editoptions:{size:25}} ,
{name:'amount', index:'amount', width:80, align:'right', align:"right",editable:true,editoptions:{size:10}} ,
{name:'tax', index:'tax', width:80, align:"right",editable:true,editoptions:{size:10}} ,
{name:'prova', index:'prova', width:80, align:"right",editable:true,editoptions:{size:10 , dataEvents: [

{
type: 'keypress',
fn: function(e) {
var key = e.charCode || e.keyCode ; // to support all browsers
if(key == 13)
{
// $("<div id='txtHint'</div>");
codbar($('#prova').val());
// globale=document.getElementById("txtHint").innerHT ML;
// var x=document.getElementById("txtHint");
alert(globale);
return false;
}
}
}
]

}},
{name:'total', index:'total', width:80, align:'right',editable:true,editoptions:{size:10}} ,
{name:'note', index:'note', width:150, sortable:false,editable: true,edittype:"textarea", editoptions:{rows:"2",cols:"20"}}
],
pager: '#pager',
rowNum:10,
rowList:[10,20,30],
sortname: 'invid',
sortorder: 'desc',
viewrecords: true,
gridview: true,
caption: 'My first grid',
editurl:"someurl.php"
});
});
$(document).ready(function(){
jQuery("#list").jqGrid('navGrid','#pager', { add: false, edit: false, del: false, reload: true })
}
function codbar(cod){
// alert(globale);

showHint(cod);
//globale=document.getElementById("txtHint").innerHT ML;
globale=$('#txtHint').html();
//lung=cod.length;
//$(document).ready(function(){
//var x=document.getElementById("txtHint");
// alert(globale);
// });
}

function showHint(str)
{
xmlhttp=new XMLHttpRequest();
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{

document.getElementById("txtHint").innerHTML=xmlht tp.responseText;
// $('#txtHint').html(xmlhttp.responseText);

}
}
xmlhttp.open("GET","gethint.php?q="+str,true);
xmlhttp.send();
///<div id="txtHint">W jQuery!</div>
}

</script>

</head>
<body>
<table id="list"></table>
<div id="pager"></div>
<div id="txtHint">PIPPO</div>

</body>

</html>

Discussione: jqgrid : div si aggiorna in ritardo

Strumenti discussione

Ricerca discussione

Visualizza

jqgrid : div si aggiorna in ritardo

Permessi di invio