Question

我是Sencha Touch 2的新手，我希望有类似的东西：

一个列表（例如，对于todos，仅用于尝试ST2）我可以点击进行编辑或设置为完成等。

我不确定我做得对，但我想我的左边有一个列表，右边有详细视图。查看Conatiner的文档：

//this is the Panel we'll be adding below
var aboutPanel = Ext.create('Ext.Panel', {
    html: 'About this app'
});

//this is the Panel we'll be adding to
var mainPanel = Ext.create('Ext.Panel', {
    fullscreen: true,

    layout: 'hbox',
    defaults: {
        flex: 1
    },

    items: {
        html: 'First Panel',
        style: 'background-color: #5E99CC;'
    }
});

//now we add the first panel inside the second
mainPanel.add(aboutPanel);

我想我可能可以使用config属性来配置我的面板：

Ext.define("SimpleTodo.view.Main", {
    extend: 'Ext.Panel',
    config: {
        items: [
            {
                xtype: 'panel',
                config: {
                    html: 'Panel 1 ...'
                }
            },
            {
                xtype: 'panel',
                config: {
                    html: 'Panel 2 ...'
                }
            }
        ]
    }
});

失败：空白屏幕。如果我将html属性添加到config我会显示HTML，但我对items做错了什么？

您可能也注意到，我有一个左侧列表和右侧详细信息。这对于平板电脑很有用，但我怎么能用于手机呢？我是否需要使用“个人档案”并为他们分别查看？

Answer 1

但是我对这些项目做错了什么？

config组件没有panel属性。因此，删除每个人config的{{1}}属性，并直接使用panel属性在每个html内设置html

像这样，

panel

Sencha Touch面板中的面板2

1 个答案: