List not showing up on Android 2.3

[marknutter]

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:

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:

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:

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!

[Jamie Avins]

Nothing jumps out, is it a display issue or is there no list at all? Also, do you have the correct DOCTYPE in your index.html?

[nak1]

I've got a similar issue. What type of information do you need to resolve the issue?

[cbrownstar]

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?

[nmadrane]

Same problem here with an Android 2.3.4 ...
Anyone with an idea ?
It was working with sencha 2.0 but not with sencha 2.1

[cbrownstar]

Hi Sencha Team,
This is definitely a bug in the framework. Anything we can do to get around it? Or suggested fix for it?

-Chad

[jensenl]

90% of the time my lists show up as blank white space on my Android 4.04 device (emptyText is not shown, nor are items that are loaded into the list). It seems that anything that triggers a refresh of the layout will cause the list to appear (pull to refresh will do it, clicking on a select list chooser will do it).

Been trying to track down the exact cause or find a workaround all day today, no luck.

[jensenl]

In my case, I had a loading mask showing on the parent container while the list was loading. Removing that mask fixed the blank list issue. Still looking into it for a work around.

[lovelycoser]

the same problem with Android 4.0, I don't know how to solve it

[shepsii]

One of you guys needs to post a formal bug report to get rid of this INFOREQ tag! See the other examples in this forum. Interested personally to hear what versions of sencha touch you are using - I never saw this in 2.0.1