My situation
I have a RadGrid where some columns contain RadComboBoxes. These RadComboBoxes only display a code (mostly 3 characters), when they open they display two columns (the code and a description).
My RadComboBox is defined as follows:
<telerik:RadComboBox Width="65px" DropDownWidth="270" ID="radComboBoxVHT" |
Filter="contains" AllowCustomText="true" HighlightTemplatedItems="true" |
markfirstmatch="true" runat="server" EnableLoadOnDemand="true" |
EnableScreenBoundaryDetection="true" DataSourceID="dataSourceVHT" DataTextField="Code" |
DataValueField="Code" SelectedValue='<%#Bind("VHTCode") %>' > |
<HeaderTemplate> |
<table style="width:250px;" cellspacing="0" cellpadding="0"> <tr> |
<td style="width:50px;">Code</td> |
<td style="width:200px;">Description</td> |
</tr> </table> |
</HeaderTemplate> |
<ItemTemplate> |
<table style="width:250px;" class="comboTable" cellspacing="0" cellpadding="0"> |
<tr> |
<td style="width:50px;"> |
<div class='comboItem'> |
<%#DataBinder.Eval(Container.DataItem, "Code")%> |
</div> |
</td> |
<td style="width:200px;"> |
<div class='comboItem'> |
<%#DataBinder.Eval(Container.DataItem, "Description")%> |
</div> |
</td> |
</tr> |
</table> |
</ItemTemplate> |
</telerik:RadComboBox> |
The problem
When the user starts typing in the combobox, it's only filtering on the first column (Code). I also wants it to filter on the second column. In fact: on both columns.
Example I have following two items in the combobox:
REQ | Send a request
FIN | Require finishing
When the user starts typing "req" I still want to see both items, and not only the first.