Autocomplete combobox filter for Ext JS 4 Grid (CRUD functionality)

Hi, in this article I will show you how you can create filter input with autocomplete functionality for your Ext JS 4 grids. In this example I will use grid list with users and I will filter them by login. In the backend I have Zend Framework and Doctrine with CRUD functionality. But you can use what you want: node.js etc because the way how to do that is identical.

How it works?

b) combox filter load – the combobox way is more advanced, combox has query param which will send combobox variable to server every time when user fire the change event and if the number of chars will be > minChars (in my case it’s 1) from config. And set in the filter object property name, in this case it’s ‘login’

c) store filter load – it’s more complex but here you can use more than one property in filter object, but in this example we need only one ‘login’

You have to adjust your read methods to this functionality. I use Zend Framework and Doctrine, so I wrote for all my Read methods special function to filter values.