Código Javascript :
$.ajax({
type: "POST",
data: { id_usuario : id_usuario },
dataType: "json",
url:"./php/listadoListas.php",
success: function(datos){
var dataJson = eval(datos);
$("#listadoListas").html('<ul data-role="listview" data-filter="true" data-split-icon="gear" data-filter-placeholder="Buscar Lista de Tareas" id="listadoListas">');
for(var i in dataJson){
if(dataJson[i].esAutor == 1)
$("#listadoListas").append('<li><a href="listadoTareas.html?id_usuario='+ id_usuario +'&id_lista='+ dataJson[i].id_lista +'" data-ajax="false">'+ dataJson[i].titulo +'</a><a href="lista.html?id_usuario='+ id_usuario +'&id_lista='+ dataJson[i].id_lista +'" data-ajax="false"></a></li>');
else
$("#listadoListas").append('<li><a href="listadoTareas.html?id_usuario='+ id_usuario +'&id_lista='+ dataJson[i].id_lista +'" data-ajax="false">'+ dataJson[i].titulo +'</a></li>');
}
$("#listadoListas").append('</ul>');
$("#listadoListas").trigger("create");
$("#listadoListas").listview('refresh');
}
});Esto funciona perfectamente desde un navegador de PC (tanto Firefox, Google Chrom, Opera ..)
Pero al convertirlo a aplicacion nativa de Android con PhoneGap (2.4), la aplicacion me va correctamente, excepto la parte del listview, que no se carga o no se refresca (vamos, el caso es que no aparecen los elementos).
NOTA: He probado iniciar la carga del listado tanto con:
- $("#paginaPrincipal").live('pagebeforeshow', function(event) { .. });
- $(document).bind('mobileinit', function(event) { .. });
- $(document).ready(function(e){ ... });
Alguna idea?
Gracias
