Sencha Touch：FLUD 风格的多滚动面板

Question

我正在尝试通过 Sencha Touch 开发 FLUD 样式的面板列表。所有面板都可以自行滚动。以下是我想要的图像 灵感来自于这个 FLUD 面板：

现在，如果我只是创建一个带有溢出项目的 Ext.Panel（或者可能是一个选项卡面板）的 Ext.List，它们是否都可以被点击并且在自己内部滚动？或者你能提供一些其他的想法来实现这个吗？

Answer 1

嘿，我只是为了工作而考虑这个想法。您可能已经看过这个，但如果您还没有看过，这里有一些起始代码：

new Ext.Container({
  xtype:container,
  layout:'hbox',
  scroll:'horizontal',
  items: [
    new Ext.Container({
      width:'250',
      height:'100',
      cls:'css-class-you-want-for-these-buttons',
      listeners: {
        click: {
          element: 'el',
          fn: function() {
            alert('beep')
          }
        }
      }
    }
  ]
});

然后将 10 多个这些项目转储到其中和中提琴中。只需弄清楚如何自定义滚动条（这就是我现在正在进行的部分）。祝你好运！