Sencha Touch - отображение списка - PullRequest
Новая
       1

Sencha Touch - отображение списка

0 голосов
/ 13 июля 2011

Я пытаюсь извлечь несколько записей из базы данных и отобразить их в виде списка на одной из панелей (или экрана). Но я ничего не вижу на экране. Пожалуйста, помогите мне, где я не прав.

Сервер возвращает ответ JSON 

{"success":true,"savedDeals":[
{"dealId":"17","dealName":"$2 Off Any Sandwich","dealText":"Valid with the purchase of any drink on Tuesday through Thursday from 11am to 4pm. Cannot be combined with other offers.","dealCategory":"Restaurant","dealCount":"0","dealRemaining":99999},
{"dealId":"21","dealName":"$10 OFF Kid's Clothing & Gifts","dealText":"Spend $50 and receive $10 off your total purchase","dealCategory":"Baby\/Kids","dealCount":"3","dealRemaining":3}
]}

Модель выглядит так: 

myapp.models.SavedDeals = Ext.regModel("myapp.models.savedDeals", {

     fields: [
        {name : "dealId", type: "int"},
        {name : "dealName", type : "string"},
        {name : "dealText", type : "string"},
        {name : "dealImg", type : "string"},
        {name : "dealCategory", type : "string"},
        {name : "dealCount", type : "int"},
        {name : "dealRemaining", type : "int"},

    ]

 });

Магазин выглядит как 

myapp.stores.SSavedDeals = new Ext.data.Store({
model: 'myapp.models.savedDeals',
autoload: true,
id : 'savedDealsStore',
proxy: {
    type: 'ajax',
    url: '/myappfiles/savedDeals.php',
    params: {
        UserID: '62'
    },      
    reader: {
        type: 'json',
        root: 'savedDeals',

    }
},

});

и вид выглядит как 

        myapp.views.DealraiserSavedDeals = Ext.extend(Ext.Panel,{ 

        fullscreen : true,

        standardSubmit : false,

        dockedItems: [{
            xtype: 'toolbar',
            title: 'Deals List',
            dock: 'top',
            items: [{
                xtype: 'button',
                text: 'Home',
                ui: 'Home',
                handler: function(){                     
                  myapp.views.viewport.setActiveItem(myapp.views.dealraiserHome , 'slide');
                }

            }]
        },
        ],

       items: [{
         xtype: 'list',
         id : 'savedList',
         emptyText   : 'No data available.',
         store: myapp.stores.SSavedDeals,
         itemTpl: '{dealName}'
       }]

       initComponent: function() {
         myapp.stores.SSavedDeals.load();
         myapp.views.DealraiserHome.superclass.initComponent.apply(this, arguments);
       }
 });

Пожалуйста, помогите, что я должен сделать, чтобы решить эту проблему.

Спасибо.

1 Ответ

0 голосов
/ 13 июля 2011

Я думаю, виновником является тот факт, что вы вызываете метод initComponent суперкласса другого класса, если это имеет смысл! 

initComponent: function() {
    myapp.stores.SSavedDeals.load();
    myapp.views.**DealraiserSavedDeals**.superclass.initComponent.apply(this, arguments);
}

Вам также не хватает запятой после массива 'items' непосредственно перед определением initComponent.

После внесения этих изменений список отображался для меня в локальной копии - единственное отличие заключается в том, что я загружал данные в виде массива, а не из вашего файла PHP.

...