Submit Combo Box Value Into Text Area

[zakif]

I have one combobox (Ext.form.ComboBox) and one textarea (xtype:'textarea',) inside a form window.

Whenever the value inside combobox is selected, the value should submitted and filling the text area.

I realize there is "select" method on combobox. But how to realize that functionality to transfer the selected value into text area.

How to do that?

Thanks in advance.

[sword-it]

Hi,
Try below code:

                     xtype: 'form'
                    , items: [
                        {
                            xtype: 'combo'
                            , fieldLabel: 'Combo'
                            , name: 'combo'
                            , typeAhead: true
                            , triggerAction: 'all'
                            , lazyRender: true
                            , mode: 'local'
                            , store: {
                                xtype: 'arraystore'
                                , data: [
                                    ['Value01', 'v01'],
                                    ['Value02', 'v02'],
                                    ['Value03', 'v03'],
                                ]
                                , fields: ['display', 'value']
                            }
                            , valueField: 'value'
                            , displayField: 'display'
                            , listeners: {
                                select: function () {
                                    this.nextSibling().setValue(this.getRawValue());
                                }
                            }
                        },
                        {
                            xtype: 'textarea'
                            , fieldLabel: 'Text Area'
                            , name: 'textArea'
                        }
                    ]

[zakif]

Thanks a lot, sword-it. It's just work. Many many thanks.

But, how to extend the functionality, so the textarea can filled by multiple value from selected combobox? Because for now, the text area only receipt only one selected value.

Thanks in advance.

[sword-it]

Hi!

Try This:-

 listeners: {
      select: function () {
           var textArea=this.nextSibling()
             ,textAreaValue=textArea.getValue()
             , comboValue=this.getValue()
             ,newValue=textAreaValue.concat(comboValue);
             textArea.setValue(newValue);
      }
  }