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.