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

【问题标题】：Sencha Touch : FLUD style multiple scrolling panelSencha Touch：FLUD风格的多滚动面板
【发布时间】：2011-08-19 03:00:54
【问题描述】：

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

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

【问题讨论】：

标签： ipad sencha-touch extjs

【解决方案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 多件物品和中提琴倾倒在其中。只需弄清楚如何自定义滚动条（这就是我现在要做的部分）。祝你好运！

【讨论】：