2012-06-28 138 views
0

我想創建一個視圖,包含頂部的一個面板,其中包含一些HTML,並在下面我想列出一個列表。當用戶滾動面板時,我希望整個事情都能滾動,以便頂部面板滾動屏幕,用戶可以瀏覽列表。列表滾動面板

我似乎無法弄清楚正確的佈局設置,使這項工作。基本代碼如下:

Ext.define("myApp.view.myView", { 
    extend: 'Ext.Panel', 
    config: { 
    title: 'Nieuw', 
    fullscreen: true, 
    scrollable: true, 
    items: [ 
     { 
     xtype: 'panel', 
     html: 'my content', 
     }, 
     { 
     xtype: 'my_list', 
     } 
    ] 
    } 
}); 

my_list是一個簡單的Ext.List類。

回答

1

一些簡單的事情:

  1. 配置您的myApp.view.myView有:extend: 'Ext.Container'layout: 'vbox'
  2. 配置列表與scrollable: false

希望它能幫助。

+0

與myView一起使用可滾動:真正的伎倆。謝謝!我真的開始喜歡這個框架。 – Martijn