SenchTouch onItemDisclosure загрузить проблему детального просмотра - PullRequest
Новая
       8

SenchTouch onItemDisclosure загрузить проблему детального просмотра

0 голосов
/ 29 августа 2011

Я пытаюсь заставить мой тестовый проект работать с различными js-файлами области просмотра для каждого экрана. Теперь мне удалось загрузить данные на экран с помощью приведенного ниже кода, однако я пытаюсь настроить функцию onItemDisclosure, чтобы она переключалась в подробный вид, который отображает дополнительную информацию об элементе выбора. 

MobileApp.views.Settings_screen = Ext.extend(Ext.Panel, {

    title: "Settings    ",
    iconCls: "settings", 
    fullscreen: true,
    layout: 'card', 

    dockedItems: [{
        xtype: "toolbar",
        title: "Settings"
    }],

    initComponent: function() { 

        detailPanel = new Ext.Panel({
            id: 'detailPanel',
            tpl: 'Hello, World'
        }), 


        this.list = new Ext.List({
            id: 'indexlist',
            store: MobileApp.listStore,
            itemTpl: '<div class="contact">{firstName} {lastName}</div>',
            grouped: false,
            onItemDisclosure: function() {
                MobileApp.views.setActiveItem('detailPanel');
            }
        });

        this.items = [this.list];   

        MobileApp.views.Settings_screen.superclass.initComponent.apply(this, arguments);

    }

});

Ext.reg('settings_screen', MobileApp.views.Settings_screen);

Я попытался разместить здесь некоторый код, чтобы переключиться на detailPanel, но возникла неопределенная ошибка. 

onItemDisclosure: function() {
    MobileApp.views.setActiveItem('detailPanel');
}

Спасибо, Аарон

1 Ответ

0 голосов
/ 30 августа 2011

Вам необходимо определить эту панель в пространстве имен Settings_screen, например: 

this.detailPanel = new Ext.Panel({
        id: 'detailPanel',
        tpl: 'Hello, World'
    }),

Кроме того, вам необходимо добавить detailPanel к элементам Settings_screen, чтобы он стал его элементом. 

this.items = [this.list, this.detailPanel];
...