Filtrando dados com o QueryExtender - Asp.NET 4.0

E ai galera, beleza?
Hoje vou mostrar como é que se filtra dados de uma tabela usando o QueryExtender do Asp.Net 4.0.
Primeiramente temos que ter um banco de dados, neste exemplo eu vou usar o banco de dados Northwind da Microsoft, que pode ser baixado no seguinte link: http://www.microsoft.com/download/en/details.aspx?displaylang=en&id=23654

Vamos criar a conexão de dados com o banco de dados Northwind.mdf, no Database Explorer, clique em 'Connect to Database'.

Clique em Browse e selecione o banco de dados Northwind.mdf ou um de sua preferência.

Devemos adicionar um LINQ to SQL Classes que pode ser adicionado clicando no menu Add New Item na barra de ferramentas.

Aparecerá uma mensagem perguntando se você deseja copiar o arquivo .dbml para a pasta App_Code, selecione Sim.

Expanda a pasta Tables no Database explorer e arraste a tabela Products para o design do LINQ to SQL Classes.

De volta ao Web form, adicione um LinqDataSource e altere a propriedade TableName para "Products"

Isso porque a tabela que arrastamos para o LINQ To SQL classes foi a tabela products.

Na Smart Tag do LinqDataSource, clique em 'Configure DataSource...'

Clique em Next e na próxima tela podemos selecionar a tabela que queremos, os campos que desejamos exibir e o modo de agrupamento.

Configure da maneira que achar melhor e clique em Finish.

Adicione um TextBox e um botão:

Código:
<asp:TextBox ID="txtProcurar" runat="server"></asp:TextBox><asp:Button ID="Button1" Text="Procurar" runat="server" />



Agora, adicione um QueryExtender, e vamos configura-lo da seguinte maneira:

Código:
<asp:QueryExtender ID="QueryExtender1" runat="server" TargetControlID="LinqDataSource1"><asp:SearchExpression DataFields="ProductName" SearchType="StartsWith"> <asp:ControlParameter ControlID="txtProcurar" /></asp:SearchExpression></asp:QueryExtender>

Podemos perceber que colocamos o atributo TagetControlID="LinqDataSource1" ao QueryExtender, isso para informar qual a fonte de dados.
Perceba também que após ele, há uma tag onde informamos DataFields="ProductName" e SearchType="StartsWith".

O atributo DataFields é por onde vamos fazer a pesquisa, ou seja, vamos pesquisar pelo campo ProductName, e SearchType é o modo de pesquisa, StartsWith a pesquisa começa em qualquer lugar do campo, EndsWith pesquisa é feito pelo final do campo, e Contais é feita pelo início do campo.

A tag informa no atributo ControlID qual o campo que vai informar a pesquisa, no caso será o campo txtProcurar.

Adicone um GridView e no item Choose DataSource da SmartTag, selecione o LinqDataSource1.

Pronto, nossa filtragem de dados está configurada. O Textbox é responsavel por fazer a consulta após o Button ser clicado e os resultados da filtragem são mostrados no GridView.

Vídeo aula do tutorial em breve!

Até a próxima!