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
Vous devez vous connecter pour publier un commentaire.
Afin d'utiliser $.parseJSON vous devez d'abord avoir la bonne Chaîne JSON format
donc je suppose que votre variable
devrait ressembler à:
alors avant de le convertir en JSON, vous préférez vous voulez séparer d'abord
et de les convertir en JSON chaque partie séparée dans un tableau
alors vous pouvez manipuler
data
comme un objet javascriptIl vous manque
li
éléments.Supprimer Listview(actualiser) basé sur ce que vous faites ici, vous n'avez pas besoin d'une actualisation à chaque fois. Si vous êtes l'ajout dynamique de il par dire en php... Vous auriez besoin de les actualiser à la fin.