Fire Event from Store and receive in List view

[celwell]

How do I get that alert to fire in the List view upon store loading?

Coffeescript:

List:

Ext.define 'WSI.view.EventsList',
  extend: 'Ext.List'
  xtype: 'eventslist'
  config:
    listeners:
      showLoading: ->
        alert 'showLoading in EventsList heard'
        @fireEvent 'showLoading', 0

Store:

Ext.define 'WSI.store.Events',
  extend: 'Ext.data.Store'
  xtype: 'eventsstore'
  config:
    model: 'WSI.model.Event'
    autoLoad: false
    pageSize: 15
    listeners:
      beforeload: ->
        @fireEvent 'showLoading', 0
      load: ->
        @fireEvent 'hideLoading', 0

[mitchellsimoens]

You would have to fire the event on the store and then add a listener within the list to listen to it:

Ext.define('MyList', {
    extend : 'Ext.dataview.List',
    xtype  : 'my-list',

    //...

    updateStore: function(newStore, oldStore) {
        if (oldStore) {
            oldStore.un('storeLoading', 'onStoreLoading', this);
        }

        if (newStore) {
            newStore.on('storeLoading', 'onStoreLoading', this);
        }
    },

    onStoreLoading : function() {
        //....
    }
});

Man, IMO Coffeescript is ugly

[celwell]

Thanks!

Funny, I thought coffeescript looked so nice and it saves so many commas when using Sencha Touch. It can be cluttered though because if you space it out too much then it can get confusing.