Sench Touch 2 - рендеринг списка - PullRequest
Новая
       6

Sench Touch 2 - рендеринг списка

0 голосов
/ 23 января 2012

У меня есть простое приложение MVC Sencha Touch, с 1 магазином, 2 моделями и 2 представлениями - панелью инструментов и списком. Моя панель инструментов работает хорошо, а список - нет. Не исключение не выбрасывается, и я не могу найти, что я делаю неправильно.

Магазин (Books.js): 

Ext.define('App.store.Books', {
    extend: 'Ext.data.Store',
    model: 'App.model.Book',
    autoLoad: true,
    data: [
    { id: '1', name: '1984', publisher: 'Orwell' },
    { id: '2', name: 'Biography',  publisher: 'abcde' },
    { id: '3', name: 'The Old Man and the Sea',  publisher: 'Hemingway' }
    ]
});

Представление (List.js - у меня есть другой Bar.js, который хорошо отображается): 

Ext.define('App.view.List', {
    extend: 'Ext.List',
    store : 'Books',
    xtype : 'mylist',
    itemTpl: '<div><strong>Name: {name}</strong>Publisher: {publisher}</div>'
});

Область просмотра (Viewport.js) - расширяет Ext.Container, как я видел в нескольких примерах: 

Ext.define('App.view.Viewport', {
    extend: 'Ext.Container',
    requires : [
        'App.view.Bar',
        'App.view.List'
    ],
    config: {
        fullscreen: true,
        layout: 'fit',
        items: [
        {
            xtype : 'toolbar',
            docked: 'top'
        },
        {
            xtype: 'mylist'
        }
        ]
    }
});

Как я уже писал, моя панель инструментов показана, а мой список ('mylist') - нет. Что я пропускаю или делаю неправильно?

Спасибо

1 Ответ

1 голос
/ 30 марта 2012

Попробуйте добавить конфигурацию к вашему виду 

Ext.define('App.view.List', {

    extend:    'Ext.List',
    config:    {

        title:   'Books',
        cls:     'books',
        store:   'Books',
        itemTpl: '<div><strong>Name: {name}</strong>Publisher: {publisher}</div>'

    }

});
...