PDA

View Full Version : Create hidden search field on to of a list



lsstacc
2 Feb 2011, 5:10 AM
I am try to reproduce the interface similar to ipod under iphone, with a hidden search field on top of a list, with drag down to have it appear.
I was able to add a search field on top of a list with vertical scroll.
But wasn't able to hide it by default.

Any idea?

Thanks in advance



var tab = {
scroll: 'vertical',
title: 'title',
id: 'id',
cls: 'css',
iconCls: 'icon',
items: [{
xtype: 'toolbar',
dock:'top',
ui:'light',
items: [
{
xtype: 'searchfield',
placeHolder: 'Search',
name: 'searchfield'
},
{xtype: 'spacer'},
{
cls: 'c-searchfield-buton',
text: 'Advanced',
handler: function() { searchPicker.show()}
}
]
},
{store:store}]
}

};

hawkinbj
12 Jan 2013, 12:01 PM
http://docs.sencha.com/touch/2-0/#!/api/Ext.scroll.Scroller

Configure the scrollable property on your list and define an 'initialOffset.' For example (this is taken from my list config):


scrollable : { initialOffset: {
x: 0,
y: 45
}
},