Question

我基本上制作2个horixzontal面板来分割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

我认为你可能会错过列表中的flex配置选项，如sencha docs和itemTpl中所述

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

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

也没有为商店设置storeId。 storeId：'Items'，

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

1 个答案: