1

我是 Sencha Touch 2 的新手，我想要类似的东西：

  • 一个列表（例如，用于待办事项，仅用于试用 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？

你可能也注意到了，我有一个左边的列表和右边的细节。这对平板电脑很好，但我怎样才能让它适用于手机呢？我是否需要为它们使用配置文件和单独的视图？

4

1 回答 1

1

但是我对这些物品做错了什么？

您没有组件的config属性panel。因此，删除config每个人的属性panel并直接使用html属性在每个人中设置htmlpanel

像这样，

{
  xtype: 'panel',
  html: 'Panel 1 ...'
},
{
  xtype: 'panel',
  html: 'Panel 2 ...'
}
于 2012-05-13T07:11:09.320 回答