The TextInput (EditText) filter is by far the most commonly used filter, and along with the MultiSelect filter, plays a very important role in making the user interface intuitive and easy to use. With the 2.0 release, we have made it all the more powerful!

Take a look at the following markup to declare the textinput filter:

            <column id="colId" dataField="id" headerText="ID"

filterWaterMark="Search" enableFilterAutoComplete="true" filterComboBoxBuildFromGrid="true" filterIcon="executeMethodOnDelegate__getImageResourceSearch" clearFilterOnIconClick="true"

                    columnLockMode="left" columnWidthMode="fitToContent"  textAlign="center"

 

                    filterControl="TextInput" filterOperation="BeginsWith" />

The underlined section of this configuration demonstrates a number of new features added to the textinput filter

-> The filterWaterMark will cause the TextInput to show a hint

-> The enableFilterAutoComplete flag will cause it to be auto complete enabled

-> The filterComboBoxBuildFromGrid will cause it to build the list of autocomplete values automatically from the grid data

-> The filterIcon will show the icon resoruce returned by the getImageResourceSearch method on your delegate within the TextInput Filter

-> The clearFilterOnIconClick will cause the textinput filter to clear when the icon is clicked!

 

Together, these enhancements make the textinput filter very versatile and powerful!

Take a look at the screenshot!