JQuery Mobile Parser JSON pour ListView

Cette question a été posée beaucoup et ont passé les 3 derniers jours, en passant par un certain nombre de différentes "solutions", aucun de qui je peux me rendre au travail.

J'ai un énorme fichier JSON, quelques 150 entrées, que je voudrais voir comme une ListVIew en JQuery Mobile. (Je vais utiliser le Filtre à fait utiliser les données)

Le meilleur que j'ai est ce

<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/jqm-docs.css" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>




</head>

<body>
    <div data-role="page">
    <div data-role="content">
        <div id="output">
            <ul data-role="listview" data-inset="true" data-filter="true">

            </ul>
        </div>
    </div>
</div>


<script type="text/javascript">
        //simulating the JSON coming from the server
var json = '["City1","City2","City3"]';
//jQuery getJSON will do this step
var data = $.parseJSON(json);

//and this is your code
$.each(data, function (index, value) {
        $('#output').children('ul').append('<p>'+value+'</p>').listview('refresh');
});

</script> 

</body>
</html>

Si je supprime le .listview('refresh'), alors tous les trois JSON entrées répertoriées dans la même ListView champ. Je veux évidemment leur séparés.

Quelqu'un peut vous conseiller sur la façon de faire cela?

Avec grâce

Tim

InformationsquelleAutor tjmgis | 2012-06-10