Question

我想将一个简单的列表放入面板或容器但不起作用，我可以看到titleBar而不是列表..这是代码：

（此Container位于TabPanel内）

Ext.define("PrimaProva.view.ClientList", {
    extend: "Ext.Container",
    xtype: 'clientlist',
    //fullscreen: true,


    config: {
        title    : 'Gsrid',
    iconCls: 'user',

        items: [
    {
        xtype: 'titlebar',
        docked: 'top',
        title: 'Clients List'
    },
    {
        xtype: 'list',
        store: 'Grid',
        itemTpl: '{text}',
    }
    ]
     },
});

你可以看到很容易...... 商店“网格”绝对不是问题，因为它在另一个视图中工作.... 无论如何这是代码：

Ext.define('PrimaProva.store.Grid', {
    extend : 'Ext.data.Store',

   requires : [
        'PrimaProva.model.Grid'
    ],

config : {
    model : 'PrimaProva.model.Grid',
    data  : [
        { text : 'One',   amount : 1  },
        { text : 'Two',   amount : 2  },
        { text : 'Three', amount : 3  },
        { text : 'Four',  amount : 4  },
        { text : 'Five',  amount : 5  },
        { text : 'Six',   amount : 6  },
        { text : 'Seven', amount : 7  },
        { text : 'Eight', amount : 8  },
        { text : 'Nine',  amount : 9  },
        { text : 'Ten',   amount : 10 }
    ],
groupField: 'text', 
}
});

Answer 1

添加

layout: 'fit',
fullscreen: true,

到ClientList的配置

工作小提琴：http://www.senchafiddle.com/#onlHz

将一个列表放在一个面板/容器中

1 个答案: