SenchTouch onItemDisclosure 加载详细视图问题

Question

我正在尝试让我的测试项目正常工作，并为其设置每个屏幕的各种视口 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');
}

谢谢亚伦

Answer 1

你需要在 Settings_screen 的命名空间下定义这个面板，像这样：

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

另外，你需要将detailPanel添加到Settings_screen的item中，让它成为它的一个item。

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