я загружаю магазин/модель, но список Emty в Сенча Touch,

Question

я загружаю данные, то из остальных API:

Ext.ModelManager.getModel('Test.model.DogDetails').load(12); 

Да, он будет загружен. Я вижу api.example.com/dogdetails/12 в сетевых событиях. У него есть одна собака («массив»).

У меня есть список внутри контейнера:

Ext.define('Test.view.DogDetails', { 
    extend: 'Ext.Container', 
    xtype: 'DogDetails', 
    //singleton: true, 
    config: { 
     layout: 'fit', 
     items : [ 
      { 
       xtype: 'list', 
       store: 'DogDetails', 
       itemTpl: [ 
        '{NAME}' 
       ], 
       variableHeights: true 
      } 
     ] 
    } 
}); 

Затем я нажимаю кнопку, чтобы выскочить вид.

this.dogD = Ext.widget('DogDetails', { 
    title: "hghgh" 
}); 
Ext.ComponentQuery.query('dogNavigationView')[0].push(this.dogD); 

И список emty. Я проверил магазин в списке, и он говорит, что магазин никогда не был загружен. Таким образом, похоже, что это не способ загрузки данных. Но потом я попробовал Test.view.DogDetails.items.items[0].getStore().getModel().load(12);. Этот загружает магазин, который я хочу, но он не загружает api.example.com/dogdetails/12, он загружает api.example.com/dogdetails/, который является emty. Также я попытался использовать singelton, но тогда Test.view.DogDetails.items.items[0] не существует.

Каков правильный способ открыть список в магазине?

Answer 1

Вот примеры, чтобы показать список с магазином:

Ext.define('Contact', { 
    extend: 'Ext.data.Model', 
    config: { 
     fields: ['firstName', 'lastName'] 
    } 
}); 

var store = Ext.create('Ext.data.Store', { 
    model: 'Contact', 
    sorters: 'lastName', 

    grouper: { 
     groupFn: function(record) { 
      return record.get('lastName')[0]; 
     } 
    }, 

    data: [ 
     { firstName: 'Tommy', lastName: 'Maintz' }, 
     { firstName: 'Rob',  lastName: 'Dougan' }, 
     { firstName: 'Ed',  lastName: 'Spencer' }, 
     { firstName: 'Jamie', lastName: 'Avins' }, 
     { firstName: 'Aaron', lastName: 'Conran' }, 
     { firstName: 'Dave', lastName: 'Kaneda' }, 
     { firstName: 'Jacky', lastName: 'Nguyen' }, 
     { firstName: 'Abraham', lastName: 'Elias' }, 
     { firstName: 'Jay',  lastName: 'Robinson'}, 
     { firstName: 'Nigel', lastName: 'White' }, 
     { firstName: 'Don',  lastName: 'Griffin' }, 
     { firstName: 'Nico', lastName: 'Ferrero' }, 
     { firstName: 'Jason', lastName: 'Johnston'} 
    ] 
}); 

Ext.create('Ext.List', { 
    fullscreen: true, 
    itemTpl: '<div class="contact">{firstName} <strong>{lastName}</strong></div>', 
    store: store, 
    grouped: true 
}); 

Для большего понимания, посмотрите на docs.