ExtJS: Как установить идентификатор combobox?

Question

У меня есть небольшая проблема. При моем применении Im всегда строит два связанных поля - страны и города (тогда выбираются страны - города начали загружаться). Итак, я подумал - мб написать конструктор и свести к минимуму мой код? Хорошо, я сделал это. Но у меня проблема: у меня есть 2-3 пары связанных ссылок на странице, и когда я выбрал вторую комбо-страну, данные (города) загружаются с первой комбо, потому что у нее одинаковый идентификатор. Хорошо - теперь я пытаюсь взять параметр id для конструктора, и он не работал. Как установить идентификатор combobox, тогда я создаю объект?

Страна комбо

comboCountryClass = Ext.extend(Ext.form.ComboBox, { 
      fieldLabel: 'country', 
      anchor: '95%', 
      lazyRender:true, 
      store:new Ext.data.Store({ 
        proxy: new Ext.data.HttpProxy(
        {url: '../lib/getRFB.php?rfb_type=countrys', 
        method: 'GET'} 
       ), 
        reader: countryReader, 
        autoLoad: true 
      }), 
      displayField:'country_name', 
      valueField:'country_id', 
      triggerAction:'all', 
      mode:'local', 
      listeners:{ 
       select:{ 
        fn:function(combo, value) { 
         var modelCmp = Ext.getCmp(this.town_name_id); 
         alert(this.town_name_id); 
         modelCmp.setValue(''); 
         modelCmp.getStore().proxy.setUrl('../lib/getRFB.php'); 
         modelCmp.store.reload({ 
          params: { 'country_id': this.getValue(),rfb_type: 'towns' } 
         }); 
        } 
       } 
      }, 
      hiddenName:'country_id', 
      initComponent: function() {comboCountryClass.superclass.initComponent.call(this);}}) 

И город комбо

comboTownClass = Ext.extend(Ext.form.ComboBox, { 
      fieldLabel:'town', 
      displayField:'town_name', 
      valueField:'town_id', 
      hiddenName:'town_id', 
      anchor: '95%', 
      id:this.town_name_id || 'youuuu', 
      store: new Ext.data.Store({ 
        proxy: new Ext.data.HttpProxy( 
        {url: 'lib/handlers/orgHandler.php?action=read&towns=true', 
        method: 'GET'} 
       ), 
        reader: townReader 
      }), 
      triggerAction:'all', 
      mode:'local', 
      initComponent: function() {comboTownClass.superclass.initComponent.call(this);}}) 

новый comboTownClass ({town_name_id: 'townFormSearch'})

новый comboCountryClass ({town_name_id: 'townFormSearch'})

Answer 1

Вы можете установить идентификатор компонента, выполнив следующие действия:

новый comboTownClass ({ID: 'townComboId'}); новый comboCountryClass ({id: 'countryComboId'});

Вы можете указать идентификатор по умолчанию, а при передаче идентификатора в параметре конфигурации он будет перезаписывать значение по умолчанию.

Хотя я согласен с этапом @Upper, вы должны попытаться ограничить количество жестко заданных значений id в форме - вместо этого вы можете вместо этого захватить элементы формы, используя имя формы.

Answer 2

myCombobox.id = yourId; 

Answer 3

Я живу по правилу: «никогда не используйте жестко установленные идентификаторы». Вы можете получить уникальный идентификатор из Ext JS с помощью

Ext.id(null, 'someTextString')

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

Иногда я храню уникальные идентификаторы локально в объекте, а затем при необходимости ссылаюсь на эту переменную экземпляра.

this.idForCombo = Ext.id(null, 'someTextString'); 
var myCmp = new SomeConstructor({ 
    id: this.idForCombo, 
    ...more stuff });