Sencha Touch:FLUD风格的多个滚动面板

时间:2011-05-05 06:58:20

标签: ipad sencha-touch extjs

我正在尝试通过Sencha Touch开发一个FLUD样式的Panels列表。所有面板都可以自行滚动。以下是我想要的A panel like this灵感来自此FLUD面板的图像:FLUD

现在,如果我只是创建一个包含溢出项目的Ext.Panel(或者可能是选项卡面板)的Ext.List,它们是否可以在自己内部轻敲和滚动?或者你能提供一些其他想法来实现这个吗?

1 个答案:

答案 0 :(得分: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多个和中提琴一样倾倒。只需弄清楚如何自定义滚动条(这就是我现在正在使用的部分)。祝你好运!