Customizing the Filtering UI

We believe the default filtering behavior and UI will address the vast majority of scenarios that involve column filtering. However, you can use the column filter classes independently, implementing your own custom user interface.

For example, the code below shows how you can use the ConditionFilter class to implement an iTunes-style search box for the C1FlexGrid. This type of search allows users to type in a value and automatically filters the grid rows to show the rows that contain the search string in any column.

To implement the iTunes-style search, we start with a text box that contains the text that will be used as a filter parameter. We also define a timer that will apply the filter a few milliseconds after the users stops typing into the text box:

To write code in C#

C#	Copy Code
public Form1() { InitializeComponent(); // configure timer to apply the filter 1/2 second after the // user stops typing into the search box _timer.Interval = 500; _timer.Tick += t_Tick; // monitor changes to the search box _txtSearch.TextChanged += _txtSearch_TextChanged; } // re-start timer when the text in the search box changes void _txtSearch_TextChanged(object sender, EventArgs e) { _timer.Stop(); _timer.Start(); }

Now that the timer is configured, all we need to do is create and apply the filter when the timer ticks:

To write code in C#