List not showing up on Android 2.3
I have a list of comments being loaded on demand via an ajax proxy in an app I'm building and they show up just fine on desktop browsers and my iPhone, but for some reason they are not showing up on an older android phone.
The comments are loaded in via a store as such:
Code:
Ext.define('Kona.store.Comments', {
extend: 'Ext.data.Store',
requires: 'Ext.DateExtras',
config: {
model: 'Kona.model.Comment',
proxy: {
type: 'ajax',
url: 'comments.json',
reader: {
type: 'json',
record: 'comment'
}
},
sorters: [
]
}
})
which is triggered from a controller:
Code:
Ext.define('Kona.controller.Activities', {
extend: 'Ext.app.Controller',
config: {
refs: {
activity: 'activity',
chatButton: 'chatButton',
commentsStore: 'commentsStore',
comments: 'comments'
},
control: {
activity: {
initialize: 'initActivity',
activate: 'onActivityActivate'
},
commentsStore: {
load: 'onCommentsLoad'
},
chatButton: {
toggle: 'onChatButtonChange'
}
}
},
initActivity: function() {
},
onCommentsLoad: function() {
},
onActivityActivate: function() {
var comments = this.getComments();
this.commentStore = Ext.getStore('Comments');
this.commentStore.load({url: this.getActivity().config.commentsUrl, callback: function(records) {
alert(records[0].content);
var scroller = comments.getScrollable().getScroller();
scroller.scrollBy(0,100000)
}
});
}
});
they are loaded into the comments list view:
Code:
Ext.define('Kona.view.comment.List', {
extend: 'Ext.List',
xtype: 'comments',
config: {
items: [
],
itemTpl: [
'<div class="comment"><div class="content">{content}</div></div>'
]
},
initialize: function() {
this.callParent(arguments);
}
});
Any idea what might be the issue? Thanks in advance!
Also experiencing this issue (listview showing blank on 2.3 with ST2)..
I have a listview that is working for 4.0+, but does not work for 2.3..
The strange this is, it looks like just white space, and the scrollbar shows.
In my scenario I am using an itemTpl, and setting the store in the controller, and reloading. Works fine on iOS, straight HTML5, but not on 2.3.
This is the culprit listview:
{
xtype: 'list',
id: 'resultsList',
itemId: 'resultsList',
scrollToTopOnRefresh: false,
itemTpl: [
'<div style="text-align: left;float: left;">'+
'{overallPlace} <small><b>{fullName}</b> </div></small>'+ //({number})
'<div style="text-align: right;float: right;">'+
'<small>{totalTime}</small></div>'
],
plugins: [
{
xclass: 'Ext.plugin.PullRefresh',
pullRefreshText: 'Pull down to refresh!',
refreshFn: function(plugin) {
var store = Ext.data.StoreManager.lookup('RaceResultsDataStore');
store.load();
var groupstore = Ext.data.StoreManager.lookup('GroupRaceDataStore');
groupstore.load();
}
}
],
}
Anything I can do to get this to work?
