список загрузки Sencha Touch AJAX - PullRequest
Новая
       1

список загрузки Sencha Touch AJAX

1 голос
/ 16 ноября 2011

Вот мой код. Я хочу загрузить некоторые данные с помощью Jsonp и отобразить их в виде элементов списка. 

Ext.setup({
    onReady: function(){

        Ext.regModel('Provinces', {
            fields: [{
                name: 'ProvinceID',
                type: 'int'
            }, {
                name: 'ProvinceName',
                type: 'string'
            }]
        });

        var store = new Ext.data.Store({
            autoLoad: true,
            model: 'Provinces',
            fields:['ProvinceName', 'ProvinceID'], 
            proxy: {
                url: 'http://172.19.44.122/BC/Home/GetProvices',
                type: 'jsonp'  
            },
              autoLoad:true
        });

        new Ext.List({
            fullscreen: true,
            itemSelector: '.province',
            tpl: '<tpl for="."><div class="province">{ProvinceName} - {ProvinceID}</div></tpl>',
            store: store
        });
    }
});

Данные JSONP выглядят так: 

Ext.data.JsonP.callback1([{"ProvinceID":1,"ProvinceName":"shanghai"},"ProvinceID":2,"ProvinceName":"zhejiang"}]);

, но результатна странице отображаются только две пустые строки.

1 Ответ

1 голос
/ 13 декабря 2011

Вы должны использовать свойство itemTpl в списке вместо tpl, например: 

new Ext.List({
    fullscreen: true,        
    itemTpl: '{ProvinceName} - {ProvinceID}',
    store: store
});
...