sencha-touch-2 - 带有列表的滚动面板

Question

我正在尝试创建一个视图，顶部有一个面板，其中包含一些 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 类。

Answer 1

一些简单的事情要做：

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

希望能帮助到你。