Как вызвать Ext.History.on ('change', ...) при загрузке страницы?

Question

Итак, у меня есть код, как это для Ext.js 4.1.0 (жаль, что нет jsfiddle, он просто не хочет работать там):

Ext.onReady(function() { 
    var update = function() { 
     var params = sidebar.getValues(); 
     // Updating URL 
     var oldToken = Ext.History.getToken(); 
     var newToken = format_hash({ 
      name: params.name, 
     }); 
     if (newToken !== oldToken) { 
      Ext.History.add(newToken); 
     }; 
    }; 

    Ext.History.init(); 
    Ext.History.on('change', function(token) { 
     var params = parse_hash(token); 
     Ext.getCmp('sidebar_name').setValue(params.name); 
    }); 


    var sidebar = Ext.create('Ext.form.Panel', { 
     id: 'panel', 
     renderTo: 'maindiv', 
     width: 300, 
     bodyPadding: 10, 
     frame: true, 
     defaultType: 'textfield', 
     layout: { 
      type: 'vbox', 
      padding: 5, 
      align: 'stretch', 
     }, 
     items: [{ 
      id: 'sidebar_name', 
      fieldLabel: 'Name', 
      name: 'name' 
     }, { 
      text: 'Apply', 
      name: 'refresh_button', 
      xtype: 'button', 
      handler: update, 
     }], 
    }); 
}); 

мне нужно значения формы для обновления, когда хэш изменения. И это работает, но не тогда, когда страница загружается в первый раз. Как инициировать событие изменения после загрузки страницы?

Answer 1

Хорошо, я нашел следующее обходное решение. Я извлекаю обработку этого события в функцию on_hash_change, а затем только

Ext.History.on('change', on_hash_change); 
on_hash_change(Ext.History.getToken());