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