두 extjs 콤보 상자를 사용하여 새 구성 요소를 작성하는 방법?

Question

두 개의 콤보 상자를 사용해야하는데 첫 번째 콤보 상자는 범주를 선택하고 두 번째 콤보 상자는 첫 번째 콤보 상자에서 설정된 범주 내에서 검색을 수행합니다. 나는 그것들을 함께 묶어 새로운 컴포넌트 (xtype을 소유하고있는 것 등)가되고 싶다. 어떻게해야합니까?

Answer 1

Ext.define('DoubleCombo', { 
    extend: 'Ext.Panel', // or Ext.Component e.t.c 
    alias: 'widget.doubleCombo', 
    items: [{ 
     xtype: 'combobox', 
     ... 
    },{ 
     xtype: 'combobox', 
     ... 
    }] 
}); 

그리고 xtype : 'doubleCombo'를 사용할 수 있습니다. 구성 요소에 대한 가이드보기 : http://docs.sencha.com/ext-js/4-1/#!/guide/components

Answer 2

Ext.define('MyApp.view.MyContainer', { 
    extend: 'Ext.container.Container', 
    alias:'widget.myxtype', 

    initComponent: function() { 
     var me = this; 

     Ext.applyIf(me, { 
      items: [ 
       { 
        xtype: 'combobox', 
        fieldLabel: 'Label' 
       }, 
       { 
        xtype: 'combobox', 
        fieldLabel: 'Label' 
       } 
      ] 
     }); 

     me.callParent(arguments); 
    } 
});