PDA

View Full Version : Scroll Bar is not coming in Combobox.



Sandeep
4 Apr 2011, 4:51 AM
Hi All,
I am facing a strange problem with Combo boxes.
I have created an web application with the help of ExtJS, which run on iPhone device.
When i am testing my application page on iphone, vertical scroll bar is not coming on combobox list.
Now I have a combobox (dropdown) in js file.
code is :
{
xtype : 'combo',
fieldLabel: 'Birth Date',
name:'passengerBirthDate',
store: new Ext.data.SimpleStore({
fields: ['birthDate', 'bdate'],
data : [
["01", "01"],["02", "02"],["03", "03"],["04", "04"],["05", "05"],["06", "06"],["07", "07"],["08", "08"],["09", "09"],["10", "10"],
["11", "11"],["12", "12"],["13", "13"],["14", "14"],["15", "15"],["16", "16"],["17", "17"],["18", "18"],["19", "19"],["20", "20"],
["21", "21"],["22", "22"],["23", "23"],["24", "24"],["25", "25"],["26", "26"],["27", "27"],["28", "28"],["29", "29"],["30", "30"]
]}),
valueField: 'birthDate',
displayField: 'bdate',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
emptyText:'Select Day',
selectOnFocus:true,
maxHeight:90,
autoScroll:true,
}

now combobox list is showing 30 days. but vertical scroll bar is not coming on combobox list.
Please see the screenshots attached.25473
So, i want your help regarding how to show scroll bar in combobox list.

mankz
4 Apr 2011, 11:14 AM
IPhone never shows scrollbar for nested divs. http://stackoverflow.com/questions/4436734/ipad-iphone-scrolling-div-scroll-bars-to-appear

Sandeep
5 Apr 2011, 3:01 AM
Hi,

As you replied IPhone never shows scrollbar for nested divs.
if I have 30 days in combobox list as code i use in previous post, then if user want to select 28th day from combobox then how the user will go on 28th days without scrolling . how this is possible to scroll bar up and down in combobox.
So Please give me idea how to fix this problem.

mankz
5 Apr 2011, 3:06 AM
You scroll these areas with 2 finger swipes... Or you might want to start using Sencha Touch.

Sandeep
5 Apr 2011, 8:51 PM
Hi,

As you replied we can scroll these areas with 2 finger swipes.
But how would be user know which area is scrolling.
Please tell me the different ways to use scroll bar in combobox in Extjs.
My Aplication is almost complete using Extjs so now i cant start with Sencha Touch.

mankz
5 Apr 2011, 9:14 PM
For iPhone there is no simple solution afaik

Sandeep
5 Apr 2011, 10:12 PM
Hi,

I have seen some mobile sites are using this scroll bar functionality in combobox.
How they do that such type of scrolling functionality.
u can check this site:- http://m.kayak.com (http://mobile.orbitz.com) and http://mobile.orbitz.com/f/
So, Please tell me how they show scroll bar in combobox list.

Thanx.

mankz
5 Apr 2011, 10:49 PM
Those are native HTML comboboxes, they will always work. Ext JS combobox is not using the native one, it's rather a bunch of DIVs trying to mimic a combobox.

NG1982
7 May 2012, 5:14 PM
Hi Sandeep,

We are also facing the same issue? Have you got any work around here. Pls help asap.

mankz,
I got you but still asking as I want to check the possibility to get some work around for
vertical scroll bar on combobox list.