Есть ли другой способ доступа к классу, за исключением Id?

Question

Как еще я могу получить доступ к этому классу, мне нужен мой динамический идентификатор для чего-то другого ... Обычно, если это было // var something = Ext.create (... я бы сделал something.getForm(). Load ...) ???

Ext.define('app.winKontakt',{ 
    extend:'Ext.form.Panel', 
    closable:true, 
    id:"myId", <------------------------------------------ID 
    waitMsgTarget: true, 
    border:false, 
    defaults: { 
    anchor: '30%', 
    padding:10 
    }, 
    reader : Ext.create('Ext.data.reader.Json', { 
     model: 'app.contact', 
     record : 'contact', 
     successProperty: '@success' 
    }), 


    ... 

    buttons: [{ 
     text: 'Load', 
     handler: function(){ 

      winId = Ext.getCmp("myId"); <--------------GET 

      winId.getForm().load({ <---------------EXECUTE 
       url: 'app/new.json', 
       waitMsg: 'Loading...', 
       method:"GET" 
      }); 
     } 

    ... 

Answer 1

Я только что начал с ExtJS, поэтому могут быть лучшие практики.

Вы можете назначить элемент itemId компоненту и использовать ComponentQuery для его получения.

Ext.define('app.view.contact.Form', { 
    extend: 'Ext.form.Panel', 
    itemId: 'myId', 

    buttons: [{ 
    text: 'Load', 
    handler: function(){ 
     Ext.ComponentQuery.query('#myId').getForm().load({...}); 
    } 
    }] 
}) 

Другие варианты, чтобы использовать функцию up() от AbstractComponent, чтобы получить форму ограждающую.

Ext.define('app.view.contact.Form', { 
    extend: 'Ext.form.Panel', 

    buttons: [{ 
    text: 'Load', 
    handler: function(){ 
     this.up('form').load({...}); 
    } 
    }] 
}) 

я обычно не ставлю какой-либо код в определении вида, вместо этого я использовать функцию control() в Ext.app.Controller иметь надлежащее разделение MVC:

Ext.define('app.controller.Contacts', { 
    extend: 'Ext.app.Controller', 
    views: ['app.view.contact.Form'], 

    init: function() { 
    this.control({ 
     'button[action=load]': { 
     click: this.loadForm 
     } 
    }) 
    } 

    loadFrom: function() {...} 
}) 

Ext.define('app.view.contact.Form', { 
    extend: 'Ext.form.Panel', 

    buttons: [{ 
    text: 'Load', 
    action: 'load' 
    }] 
}) 

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