Comunidad de diseño web y desarrollo en internet online

cargar listview dinamicamente con JSON

Citar            
MensajeEscrito el 11 Feb 2013 11:31 pm
Estoy desarrollando una aplicación Web con jQuery Mobile (1.2) y jQuery (1.8.2), donde cargo dinamicamente un listview a traves de AJAX, de esta manera:

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

Por 2plu

30 de clabLevel



 

firefox
Citar            
MensajeEscrito el 11 Feb 2013 11:32 pm
Por cierto, tambien funciona perfectamente desde el navegador web de mobiles y tabletas. Simplemente no funciona al convertirlo a aplicacion nativa con PhoneGap

Por 2plu

30 de clabLevel



 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.