滚动面板列表

时间:2012-06-28 10:01:09

标签: sencha-touch-2

我正在尝试使用顶部的面板创建一个视图,其中包含一些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 个答案:

答案 0 :(得分:1)

一些简单的事情要做:

  1. 使用myApp.view.myViewextend: 'Ext.Container'
  2. 配置您的layout: 'vbox'
  3. 使用scrollable: false
  4. 配置您的列表

    希望它有所帮助。