Grid filtering with combobox

[Blop]

Hi. I'm trying to filter my grid with a combobox but I don't succeed (sorry but the documentation really sux!)

Here's what I'm trying to <telerik:RadGrid AutoGenerateColumns="false" ID="RadGrid1" OnNeedDataSource="NeedDataSourceClient">
  <MasterTableView AllowFilteringByColumn="True" AutoGenerateColumns="false"> 
<telerik:GridTemplateColumn DataField=country_Id" UniqueName="country_Id SortExpression=country_Id AutoPostBackOnFilter="true">
<FilterTemplate>
<telerik:RadComboBox ID="rcbCountries" runat="server"> </telerik:RadComboBox>
<FilterTemplate>
<ItemTemplate><%# global.GetCountry(DataBinder.Eval(Container, "DataItem.country_Id))%>
</ItemTemplate>
</telerik:GridTemplateColumn> 
</MasterTableView> 
</telerik:RadGrid>    

 
How can I do that?

My first issue is to fill my combobox, how can I do that with linq? (which is not explain here:http://www.telerik.com/help/aspnet-ajax/combobox-data-binding-data-source.html as it said in the summary)

[Princy]

Hello,

Take a look at the following demo.
ComboBox / LinqDataSource

Thanks,
Princy.

[Blop]

Thanx it has helped but I'm now stuck otherwhere.
I've the following error message in the console on indexchange: event.layerX and event.layerY are broken and deprecated in WebKit. They will be removed from the engine in the near future. 

Here's what I did

<telerik:GridTemplateColumn DataField="countryID"  AutoPostBackOnFilter="true">
                            <FilterTemplate>
                                <telerik:RadComboBox runat="server" ID="rcbCountries" DataSourceID="dsCountries" DataTextField="name"                                                              OnClientSelectedIndexChanged="IndexChanged" AppendDataBoundItems="true" >
                                              <Items>                                       
                                              </Items>
                                </telerik:RadComboBox>
                                <telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">
                                <script type="text/javascript">
                                    function IndexChanged(sender, args) {
                                    var tableView = $find("<%# TryCast(Container,GridItem).OwnerTableView.ClientID %>");
                                        tableView.filter("countryID", args.get_item().get_value(), "EqualTo");
                                       }
                                       </script>
                            </telerik:RadScriptBlock>
                            </FilterTemplate>
                            <ItemTemplate>
                                    <%# global.GetCountry(DataBinder.Eval(Container, "DataItem.country_Id))%> 
                            </ItemTemplate>
</telerik:GridTemplateColumn>
<asp:LinqDataSource runat="server" ID="dsStatus" ContextTypeName="DataContext" Select="new (name)" TableName="Countries" >  </asp:LinqDataSource>

Any idea what I did wrong?

[Antonio Stoilkov]

Hello Blop,

Your implementation is working fine. The message you are seeing is warning message and does not affect the written functionality. Note the message could be seen only in WebKit browsers. You could try debugging in Firefox or IE to see that the message will not appear. Additionally, you could go through the help article below for more in depth information on the client-side filter method.

• http://www.telerik.com/help/aspnet-ajax/grid-gridtableview-filter.html 

Kind regards,
Antonio Stoilkov
the Telerik team