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

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',
items: [
xtype: 'searchfield',
placeHolder: 'Search',
name: 'searchfield'
{xtype: 'spacer'},
cls: 'c-searchfield-buton',
text: 'Advanced',
handler: function() { searchPicker.show()}


12 Jan 2013, 12:01 PM

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