ツールバー、タブパネル、およびナビゲーション パネルがビューポートにバインドされた MVC アプリケーションがあります。ツールバーには、セッションのユーザー名が表示されたログアウト ボタンが必要です。だから私はサーバーを要求します。ストアとモデルをツールバー コントローラーに設定します。
Ext.define('Cc.controller.Headers', {
extend: 'Ext.app.Controller',
stores: ['Person'],
models: ['Agent'],
views: ['Header'],
refs: [
{ ref: 'head', selector: 'head' },
{ ref: 'logoutButton', selector: 'head button[action=logout]'}
],
init: function() {
this.control({
'head button[action=logout]': {
beforerender: this.initLogoutButton
}
});
},
initLogoutButton: function(a){
this.getPersonStore().load();
var store = this.getPersonStore().each(),
button = this.getLogoutButton();
**//how to bind data to the button ?**
}
});