Option tags, autoComplete=false, selectOnClick=true, default value of California, pageSize=30, custom labelFunc method


onChange:
value:
blur:
this.item:

Data store, autoComplete=true:


onChange:

Artificially slowed-down data store, autoComplete=true:


onChange:
Hey look, this one is kind of useful.

Initially disabled, url, autoComplete=false:


onChange:

Data store, autoComplete=false required=true and highlightMatch="none"


onChange:

test that title used as label is preserved on input


No arrow, data store which searches and highlights matches anywhere in the string


Created programmatically


Created programmatically with an initial query. (Limits list to items with type = country.)


Created programmatically with an ItemFileReadStore and a descending sort. (Limits list to items with type = country.)


With option tags, autoComplete=true, pageSize=30, and a descending sort.


Special characters

The drop down list should be:


Japanese

Try typing 東区 (East), 西区 (West), 北区 (North), 南区 (South) and a few choices will pop up.


Custom labelFunc (labels in lowercase), autoComplete=true, prompt message when field is blank:


Rich text label



test placeholder

This is some text below the boxes. It shouldn't get pushed out of the way when search results get returned. A native select tag to test IE bleed through problem:

Destroy test:

Highlight test
ignoreCase: highlightMatch: queryExpr:
Highlight test: