ComboBox Feature Filtering|UI Control for ASP.NET AJAX, C#, VB.NET

ComboBox Feature Filtering in ASP.NET

Home > How to > ComboBox Filtering

Information to ComboBox Filtering Function

The filering feature of asp.net ComboBox Control allows users filter the items that contain or start with the searched text string. In the real-life application, we may need to select one item from a large list of items. Under this condition, the filtering function can save you much time for looking for the target item, especially when you do not remember the accurate item Text value.

In this tutorial page, we will guide you to filter items in aspx web page with sample programming code.

How to Use ComboBox Filtering Feature

The web ComboBox Control offers three value options for the Filtering feature, which are None, Contains and StartsWith. And here we will illustrate the different results of applying above three filter feature values.

None: When setting Filter value to None, the combobox will not perform any filtering. And None is the default value of the combobox Filter property.

Contains: when you define the Filter value as Contains, the combobox will display all the items which Text' values contain the text string that you are searching with.

We here offer a programming example for you to illustrate how to set the combobox filter as contains in aspx web page.

<kettic:PerComboBox ID="PerComboBox1" AllowCustomText="true" runat="server"
Filter=" Contains"
 Width="300"    Height="200px" 
EmptyMessage="Search for people..."    skin="Forest">
</kettic:PerComboBox>

And following picture is used to show the output of this sample programming code.

StartsWith: when you define the Filter value as StartsWith, the combobox will demonstrateall the items which Text's values start with the text string that you are searching with.

Similarly, the sample code below is used to show you how to set the combobox filter property to StartsWith in aspx web page.

<kettic:PerComboBox ID="PerComboBox1" AllowCustomText="true" runat="server"
Filter=" StartsWith"
 Width="300"    Height="200px" 
EmptyMessage="Search for people..."    skin="Forest">
</kettic:PerComboBox>