2列出了sencha touch中的一个面板

时间:2012-08-01 05:08:38

标签: sencha-touch extjs sencha-touch-2

如何在sencha touch 2中的一个面板中拥有2个列表? 如果我使用

,我可以看到第一个列表
layout:'card'

我试过了:

 layout: {
       type: 'vbox',
       align: 'stretch'
    }

请让我知道如何在同一个面板中有2个列表。

3 个答案:

答案 0 :(得分:1)

您需要在每个列表中使用flex config

您可以在此处查看和示例:Sencha Fiddle

希望有所帮助

答案 1 :(得分:0)

在其中创建具有vbox布局的面板,创建两个具有适合布局的面板,并将每个列表放入相应的panle

尝试这种方法

答案 2 :(得分:0)

您好@Akshatha,您可以在Ext.Panel

中尝试此操作
...
layout: {
     type: 'hbox',
     align: 'stretch'
 },
 items: [
     {
      xtype: 'list',
      width: '40%',
      flex: 1,
      styleHtmlContent: true,
      ...
     },
     {
      xtype: 'list',
      width: '60%',
      flex: 0.5,
      styleHtmlContent: true,
      ...
     },
 ]
 ...

您可以定义width PanelExt.List

我希望能帮助你。 :)