Question

我一直试图弄清楚过去几个小时如何让这个工作，我正在努力。

我目前正在尝试创建一个具有四个标签按钮的应用程序，每个按钮都有自己的viewport 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);

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

非常感谢任何帮助。

谢谢Aaron

Answer 1

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

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

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

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

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

这些更改是否足以使其正常运行取决于您未发布的代码是否存在问题。

Viewport中的Sencha Touch ListView？

1 个答案: