开发者

Sencha Touch : FLUD style multiple scrolling panel

I am trying to develop a FLUD style list of Panels by Sencha Touch. All the panels will be scrollable b开发者_运维技巧y themselves. Here are the images of what I want

Sencha Touch : FLUD style multiple scrolling panel

inspired by a this FLUD panel :

Sencha Touch : FLUD style multiple scrolling panel

Now, if I just create a Ext.List of Ext.Panel (or may be a Tab Panel) with overflowed items, can they all be tapped and scrolled within themselves? Or can you provide some other idea to implement this?


Hey, I was just playing with this idea for work. You've probably seen this already, but here's some starter code if you haven't:

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')
          }
        }
      }
    }
  ]
});

Then dump like 10+ of those items in there and viola. Just got to figure out how to customize the scrollbar (that's the part I'm on right now). Good luck!

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜