在sencha touch中在面板中显示列表

Question

我基本上是在做2水平面板来为ipad分割屏幕。

我试图在左侧面板中显示列表，并在右侧面板中显示详细信息视图，但是无论如何我都没有得到列表。

下面是我正在使用的视图：

Ext.define("Sencha.view.Main", {
extend: 'Ext.Container',    
config: {

layout: 'hbox',

    items: [
    {
        xtype: 'panel',
        width: 300,
        items: [

                {
                    xtype: "list",
                    id:'contactlist',
                    store:'Items',
                }
                 ],
    },
    {
        xtype: 'panel',
        html: 'Message Detail view goes here ....'

    }
]
}

}）;

以下是我正在使用的商店：

Ext.define('Sencha.store.Items', {
extend: 'Ext.data.Store',

config: {
    model: 'Sencha.model.Item',
    defaultRootProperty: 'items',
    root: {
        items: [
            {
                text: 'Drinks',

            },
            {
                text: 'Snacks',

            }
        ]
    }
}

}）;

Answer 1

我认为您可能会像sencha docs和itemTpl中所述的那样在列表中缺少flex config选项

{
      xtype: "list",
      id:'contactlist',
      flex: 1,
      itemTpl: {text},
      store:'Items',
}

docs：“如果此项目位于Ext.layout.HBox或Ext.layout.VBox布局内，则此项目的灵活性。”

也没有为商店设置storeId。 storeId：“商品”，