2012-08-01 38 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

希望它可以幫助