Comments on: ExtJS ComboBox Replacement

By: Jason

Jason — Wed, 11 Jun 2008 13:34:29 +0000

I was suggesting using the method getAttribute to figure it out. This is cross platform and works the same. so for instance…

[-]View Code JAVASCRIPT

var comboEl = Ext.get(combo); //pretend this points to the combo

var selectedOption = comboEl.first("[selected=true]");

I think that will work.

By: Paul

Paul — Wed, 11 Jun 2008 13:23:14 +0000

IE 6 returns “true” for the selected attribute for the first item if the selected attribute wasn’t set on any of the options…

By: Jason

Jason — Mon, 09 Jun 2008 14:42:23 +0000

This is a really quick fix for you. I think you might try adding a "render" listener in your combo like :

render : function(combo){
combo.clearValue();
}

I think the reason you are having the problem you are having is because html selects always select the first item in the list if nothing is selected. So, Ext doesn't know that you don't want that option selected.

Ideally, ExtJS should look at the DOM and check to see if the selected="true" attribute is set on one of the options. If it isn't, then it should clear the value.

If you want to write this functionality I would be glad to include it in my combo box replacement code for everyone else to use.

By: Ettiene

Ettiene — Mon, 09 Jun 2008 13:55:25 +0000

Hi there,

I’m using the “out-of-the-box” ComboBox from extjs, and tend to agree that it’s not put together very nicely.

My problem is that I’m using it to convert a normal select HTML element into a extJS ComboBox element. But I want the default text to be “Select one..”, without having to create an empty select option and using their “emptyText” init var. Would you be able to help with that maybe?

Thanks