dommobileextjssencha-touch-2

Event after DOM manipulation in Sencha Touch


Is their an event available after DOM manipulation in Sencha Touch has succeeded?

I want to measure the time it takes to render a list with 1000 elements. Therefor, a timer is started when the list is initialized and stoppend when the list is painted like so:

listeners: {
 initialize: function () {
   start = new Date();
   var store = Ext.getStore('Songs');
   for (var i = 1; i <= 1000; i++) {
      store.add({id: i});
    }
 },
 painted: function () {
   stop = new Date();
   Ext.Msg("Timer", stop - start);
 }
}

The painted event is triggerd before DOM manipulation so the 1000 listitems are not visible when the rentertime pops up. Is there an other event that is triggerd after DOM has been manipulated and the list is updated?
Or is there an alternative method to measure the time it takes to do this?


Solution

  • Unfortunately you are not answering, therefore I can only guess:

    But again. Painting of a list which is infinite will not take any real time. So the DOM part really is not what you are looking for.

    If you are using the dataview, this might be different.