Question

I have a ext.form.Combobox object that is dynamically populated by ext.data.JsonStore. The user can type a search key to filter through the list and choose one of the filter options. I would like one clickable option in the drop down be to “All.” How can I make this option always show up in the dynamic ComboBox list? The way it is set up now, it only shows up if the user starts typing “a..l..l..” in the search field.

Is there a search term I can apply to it that is a wild card, so it will appear no matter what the search term is?

Thanks

Answer 1

I ended up setting the beforeQuery property to a function that changes the search string value for the “Search All” option to whatever the current query is.

Something like..

combobox.on('beforeQuery', function(q) {
  searchStore.getAt(searchStore.getCount()-1).data.search_string = q.query
}

This works for my code because Search All option is the last one added to the search store. Otherwise, you would need to access the Search All record another way.