ClientSelectionController.js

Ext.define('MyApp.controller.ReportController', {
    extend: 'Ext.app.Controller',
    
    config: {
        refs: {
            clientList: 'clientselection list',
            searchField: 'searchformfield'
        },
        control: {
            searchField: {
                keyup: 'onSearchKeyUp',
                clearicontap: 'onSearchClearIconTap'
            }
        }
    },
    
    filterClients: function (filterText, clientList) {
        var clientStore = clientList.getStore();
                        
        if (filterText) {            
            clientStore.clearFilter();
            clientStore.loadPage(1, {
                params: {
                    filterString: this.getSearchField().getValue()
                }
            });                
        } else {
            clientStore.clearFilter();
            clientStore.loadPage(1, {
                params: {
                    filterString: ''
                }
            });
        }
        
        clientList.refresh();
    }, 
     
    onSearchClearIconTap: function (searchField, e, eOpts) {
        this.filterClients(null, this.getClientList());    
    },
    
    onSearchKeyUp: function (searchField, e, eOpts) {
        this.filterClients(searchField.getValue(), this.getClientList());    
    }
});