SenchaTouch ListView 在视口中？

Question

在过去的几个小时里，我一直在努力弄清楚如何让它发挥作用，但我很挣扎。

我目前正在尝试制作一个具有四个选项卡按钮的应用程序，每个选项卡按钮都有自己的视口 js 文件，这工作正常，但是在其中一个视图上我需要显示列表视图。

这是我到目前为止所拥有的，

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

    title: "Settings    ",
    iconCls: "settings", 
    layout: 'fit',


    initComponent: function() { 

        MobileApp.listPanel = new Ext.List({
            id: 'indexlist',
            store: MobileApp.listStore,
            itemTpl: 'div class="contact">{firstName} {lastName}</div>'
        });
    },

    items: [MobileApp.listPanel], 
});

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

但是当我运行应用程序并单击设置选项卡栏按钮时，屏幕上没有显示任何内容。

任何帮助将不胜感激。

谢谢亚伦

Answer 1

我只能对您发布的代码发表评论，因此我无法告诉您标签栏是否有问题 - 但是这个 Settings_screen 有一些问题...

如果您要要包含您自己的 initComponent 函数，您需要从您的 initComponent 函数中调用其超类的 initComponent 函数...就像您的情况一样..

initComponent: function() {
  MobileApp.views.Settings_screen.superclass.initComponent.call(this);
}

另一个问题是你正在创建MobileApp.listPanel 在 initComponent 函数中，因此您不能像您尝试的那样将其包含在 items 数组中...而是摆脱它items 属性全部放在一起，并在创建后在 initComponent 函数中使用 this.add(MobileApp.listPanel) 。

您还需要更改Settings_screen以扩展Ext.Panel，您不向List组件添加List组件，您需要有一个容器..无论是另一个面板还是您的视口容器的主体..

无论这些更改是否足以使其正常工作将取决于您未发布的代码是否存在问题。