List not appears at android 3.0.1 Browser

[dschano]

Hello

I'm wondering why i see this List in the latest Google Chrome on PC (Win XP) and not on my Tablets with the latest Android 3.0.1 Update.

Somebody can tell me what im doing wrong, please?

Thank You

this is the easy snippet:



var list = new Ext.List({
itemTpl: '<div>{item}</div>',
store: store_nav,
//height: 500,
//width: 100,
flex:1,
listeners:{
'select':function(t,o,n){
if(o.data.index=='0'){
pnl_r.setActiveItem(0);
}else if(o.data.index=='1'){
pnl_r.setActiveItem(1);
}else if(o.data.index=='2'){
pnl_r.setActiveItem(2);
}else if(o.data.index=='3'){
pnl_r.setActiveItem(3);
}else if(o.data.index=='4'){
pnl_r.setActiveItem(4);
}
//alert('tapped'+o.data.item);
}
}
});



var a = new Ext.TabPanel({
items: [a_1,a_2,a_3]
});


var b = new Ext.TabPanel({
items: [b_1,b_2,b_3]
});


var c = {title:'3',html:'empty 3'}
var d = {title:'4',html:'empty 4'}
var e = {title:'5',html:'empty 5'}


var tb_main = new Ext.Toolbar({
docked:'top',
items:[
{
xtype:'textfield',
id:'tf_beschreibung'
},{
xtype:'textfield',
id:'tf_value'
}
]
});


var pnl_r = new Ext.Panel({
layout:'card',
items: [a,b,c,d,e],
flex:4
});


Ext.create('Ext.Panel', {
fullscreen: true,
layout: 'hbox',
items: [
list,pnl_r
],
dockedItems:tb_main
});

[Jamie Avins]

Possibly nothing, Android 3 has some unique challenges that we still have to work on implementing. The browser in Honeycomb is... well, lets just say that I used to think IE was bad.

[dschano]

hmm ok. but the kitchen sink app works fine with NestedList. So i replaced my List with NestedList, but same behaviour(works on PC, not on Tablet). Something other must be different and then probably also the List will work. I have to look...

[robl]

The browser in Honeycomb is... well, lets just say that I used to think IE was bad.

LOL.

[anthoang]

dschano,

Any luck getting your list to work on an Android? I'm having a similiar problem. My list works on nearly all the platforms (Google Chrome for pc, Safari for pc, iPhone, iPad) but not on any Android mobile device.

My list is an item inside a panel being declared as xtype:list.

is anyone else having this problem? or know how to solve this?

[ramachandran]

use layout:'card' in config options

[anthoang]

thanks ramachandran. But layout:'card' is already being used. this issue probably has something to do with the store/json call from my custom made webservice. although it works perfectly fine in all platforms except the Android. Although if a sencha app works in Google Chrome, i would expect it to also work in Google Android.
Is this something Sencha is working on to fix? or am i on my own here?

[dschano]

it seems to have nothing to do with the list itself. if i hardcode the json object to the data paramter of the store the list will appear correctly.

the problem seems to be somthing about the ajax connection:


Ext.Ajax.defaultHeaders = {
'Accept': 'application/json'
};
Ext.Ajax.request({
url:'http://www.xxx.xx/xxx.php' (http://www.sencha.com/forum/'http://www.xxx.xx/xxx.php'), // gives back a jsonlint validated json
params:{task:'personal_st', beratercode:br_code},
method:"POST",
success:function(response){
alert("Success :"+response.status+' '+response.responseText);
},
failure:function(response){
alert("Error :"+response.status+' '+response.responseText);
}
});

works with success in CHROME.
But not on Android Devices (either 3.01 and 3.2).

regards