Обновление списка Sencha Touch после изменения данных в хранилище - PullRequest
3 голосов
/ 06 сентября 2011

Я хочу сделать следующее:

У меня есть магазин, который получает данные JSON с сервера. JSON выглядит так:

{"id":"1","name":"Name1","address":"exampleaddress1","lat":"48.366268","lng":"10.892320","distance":"0"},{...}]

Моя модель и магазин:

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
                                    });

                                }



                        }

                    });

Я не понимаю, почему два файла console.logs показывают разные значения для расстояния. Кто-нибудь может мне это объяснить?

Мой список:

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();

                    }
                }

            });

моя функция для расчета расстояния:

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;

    };

И, как я уже сказал, расстояние рассчитывается правильно и объекты возвращаются ... но я не могу обновить записи в магазине или списке ...

1 Ответ

3 голосов
/ 07 сентября 2011

Я не понимаю, почему два console.logs показывают разные значения для расстояния. Кто-нибудь может мне это объяснить?

Вы используете Chrome? В консоли Chrome иногда возникают проблемы с актуальными данными консоли

И, как я уже сказал, расстояние рассчитывается правильно и объекты возвращаются ... но я не могу обновить записи в магазине или списке ...

Записи в хранилище в Вашем скрипте всегда актуальны - в JS объекты передаются по ссылке, поэтому вам даже не нужно возвращать newData - объект хранилища будет обновляться автоматически

Сразу после добавления некоторых значений в тип хранилища:

listpanel.refresh()

для загрузки текущего магазина в список

...