2012-08-01 76 views
0

如何在sencha touch 2的单个面板中有2个列表? 我可以看到第一个列表,如果我使用2在sencha touch中的一个面板内的列表

layout:'card' 

我想:

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

请让我知道我可以有相同的面板内2名列表。

回答

0

创建VBOX布局面板里面创建两个面板,适合布局,并把每一个列表转换成相应的panle

试试这个方法

+0

感谢您的答复。但上面的方法不适合我。我能看到的只是空白屏幕。 – Akshatha 2012-08-01 06:13:12

+0

如果你能通过一些代码,它会更好。 – 2012-08-01 06:43:14

+0

'Ext.define('Proj.view.myPanel',{ extend:'Ext.Panel', config:{layout:'vbox', items:[{xtype:'panel', layout:'fit ”, 项目:[{的xtype:名单', .... }] },{的xtype: '面板', 布局: '适应', 项目:[{的xtype:名单', ... }] }] – Akshatha 2012-08-01 08:20:39

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, 
     ... 
    }, 
] 
... 

您可以定义widthPanel,并且您有Ext.List

我希望能帮到你。 :)

1

您需要在每个清单上使用flex config

你可以看到和下面的例子在这里:Sencha Fiddle

希望它可以帮助