sencha touch 2 danh sách 100% chiều cao

Question

2 tấm:

Ext.create('Ext.Container', { 
    fullscreen: true, 
    layout: 'hbox', 
    items: [ 
     { 
      xtype: 'panel', 
      html: 'message list', 
      flex: 1, 
      items: [ 
       { 
        xtype: 'list', 
        itemTpl: '{title}', 
        data: [ 
         { title: 'Item 1' }, 
         { title: 'Item 2' }, 
         { title: 'Item 3' }, 
         { title: 'Item 4' } 
        ] 
       } 
      ] 
     }, 
     { 
      xtype: 'panel', 
      html: 'message preview', 
      flex: 3 
     } 
    ] 
}); 

Không có thuộc tính chiều cao quy định tại đối tượng danh sách tấm đầu tiên, vì vậy nó không phải là có sẵn để trưng bày. Làm thế nào tôi có thể thiết lập 100% chiều cao trong xtype: 'danh sách'?

Answer 1

Bạn cần phải cung cấp danh sách vùng chứa bố cục để nó biết cách kéo dài con của nó (danh sách).

layout: 'fit' 

Sử dụng phù hợp sẽ yêu cầu bảng điều khiển làm cho tất cả trẻ em (chỉ danh sách trong trường hợp của bạn) kéo dài đến kích thước bảng điều khiển của bạn.

Example of this on Sencha Fiddle.

And here is a great guide on all the available layouts in Sencha Touch 2.0.