Skip to main content
November 15, 2010
Question

extJS and HTML select

  • November 15, 2010
  • 2 replies
  • 1430 views

Hi All-

I have two select dropdowns. When one dropdown is selected, the other dropdown value selected to a default value which is 0 in my case and viceversa. We had to convert our dropdowns to extJS combobox to include search functionality in the dropdown. How can I achieve the above in extJS. In javascript I can simply use onchange function and get what I want, but not able to do the same in extJS.

Here is the code I have till now
Ext.onReady(function(){
  var converted = new Ext.form.ComboBox({
     typeAhead: true,
     triggerAction: 'all',
     transform:'id_Select1',
     width:600,
    forceSelection:true,
    emptyText:'Select' }
});

var converted2 = new Ext.form.ComboBox({
     typeAhead: true,
     triggerAction: 'all',
     transform:'id_select2',
     width:600,
     forceSelection:true,
     emptyText:'Select'
});
}); I have two select drop downs populated from database

This topic has been closed for replies.

2 replies

Inspiring
November 18, 2010

This is fairly easy to do. If you need help with using CF Query info with ExtJS

directly you can check out my CFQueryReader for ExtJS (http://cfqueryreader.riaforge.

org). A good post for ExtJS related selects is:

http://www.webeks.net/programming/extjs/dynamic-cascading-linked-combobox.html

Inspiring
November 16, 2010

You might want to post this question on a forum for ExtJS.