Sencha Touch actualiser la liste après que les données du magasin a été changé
je veux faire ce qui suit:
J'ai un magasin qui reçoit les données JSON à partir du serveur. Le JSON ressemble à ceci:
{"id":"1","name":"Name1","address":"exampleaddress1","lat":"48.366268","lng":"10.892320","distance":"0"},{...}]
Mon modèle et store:
Ext.regModel('Filiale', {
fields: ['id', 'name', 'address', 'distance', 'lat', 'lng'],
});
var ListStore = new Ext.data.Store({
model: 'Filiale',
id: 'ListStore',
autoLoad: false,
fields:['name', 'address', 'distance'],
proxy: {
type: 'ajax',
url : 'http://example.com/getSomeJson.php',
reader: {
type: 'json'
}
},
listeners: {
load: function(){
ListStore.each(function(store){
var newData = getDistance(store.data); //this function calculates the distance from currentLocation to the received address
console.log(newData); //i see a object in the console, with the correct calculated distance
console.log(newData.distance); //this shows the old distance which is set to '0' in the databse
//at this point i want to update the received records with the new distance, but the list always shows the old distance
});
}
}
});
Je ne comprends pas, pourquoi les deux console.les journaux de montrer les différentes valeurs de la distance. Quelqu'un peut-il m'expliquer ?
Ma Liste:
var listPanel = new Ext.List({
title: 'ListStore',
store: ListStore,
id: 'addresslist',
itemTpl: '<div class="contact">{name}, {address}, {distance}</div>',
rendered: false,
listeners: {
beforerender: function(){
ListStore.load();
}
}
});
ma fonction pour calculer la distance:
var getDistance = function(dataset){
navigator.geolocation.getCurrentPosition(function(position){
var start = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
//add current position marker to map
var marker = new google.maps.Marker({
map: mapPanel.map,
position: start
});
var end = new google.maps.LatLng(dataset.lat, dataset.lng);
var service = new google.maps.DirectionsService();
var request = {
origin: start,
destination: end,
travelMode: google.maps.DirectionsTravelMode.DRIVING
};
service.route(request, function(result, status){
if (status == google.maps.DirectionsStatus.OK) {
dataset.distance = result.routes[0].legs[0].distance.value / 1000;
}
});
});
return dataset;
};
Et comme je l'ai dit, la distance est correctement calculé et les objets est retourné... mais je ne suis pas en mesure de mettre à jour les enregistrements dans le magasin ou sur la liste...
OriginalL'auteur SimonK | 2011-09-06
Vous devez vous connecter pour publier un commentaire.
Êtes-Vous à l'aide de google Chrome? Chrome console a parfois des problèmes avec la mise à jour des données de la console
Enregistrements dans le magasin de Votre script sont toujours up-to-date - en JS obejcts sont passés par référence, de sorte que Vous n'avez même pas à retourner newData magasin d'objet sera automatiquement mis à jour
Juste après l'ajout de certaines valeurs pour le type de magasin:
pour un courant de charge de stocker la liste
OriginalL'auteur Matthew