Demonstra Passo a passo: Simples de classificação para o controle de servidor Web GridView
Você pode usar a funcionalidade interna de classificação do controle GridView do ASP.NET para adicionar uma classificação aos dados de uma única coluna sem exigir qualquer codificação.
Durante este explicação passo a passo, você aprenderá como:
- Ativar a funcionalidade interna de classificação do controle GridView.
Pré-requisitos
A fim de concluir este explicação passo a passo, será necessário:
Visual Web Developer Microsoft (Visual Studio).
Acesso ao banco de dados do SQL Server Northwind.Para obter informações sobre como baixar e instalar o banco de dados Northwind de exemplo do SQL servidor, consulte Instalando o banco de dados de exemplo no Microsoft SQL servidor Web site.
.gif "Observação")
Observação:Se você precisa de informações sobre como efetuar o logon para o computador que está executando o SQL Server, contate o administrador do servidor.
Nome de usuário e senha de uma conta do SQL Server que tenha acesso ao banco de dados Northwind.
Microsoft Data Access Components (MDAC) versão 2.7 ou posterior.
Se você está usando o Microsoft Windows XP ou o Windows Server 2003, você já tem MDAC 2.7.Entretanto, se você estiver usando o Microsoft Windows 2000, você deve atualizar o MDAC já instalado no seu computador.Para obter mais informações, consulte "Instalação do Microsoft Data Access Components (MDAC) " na MSDN Library.
Criando o Site da Web e a Página
Crie um novo site seguindo estas etapas.
Para criar um site do sistema de arquivos
Abra o Visual Web Developer.
Sobre o Arquivo menu, clicar Novoe, em seguida, clicar Site da Web.If you are using Visual Web Developer Express, on the File menu, click NewWeb Site.
A caixa de diálogo New Web Site é exibida.
Em Modelos Instalados do Visual Studio, selecione ASP.NET Web Site.
Na caixa Location, selecione File System e digite o nome da pasta onde você deseja manter as páginas do seu site Web.
Por exemplo, digite o nome da pasta C:\WebSites\SimpleSort.
Na lista Language, clique em Visual Basic ou Visual C#.
Clique em OK.
Visual Web Developer cria a pasta e uma nova página chamada Default.aspx.
Exibindo dados no controle GridView
Nesta seção, você irá adicionar um controle GridView à página e configurá-lo para exibir os dados da tabela Clientes do banco de dados Northwind.
Para exibir dados no controle GridView
Alterne para ou abra o arquivo Default.aspx
Alternar para modo Design.
Na Caixa de Ferramentas, do grupo Dados, arraste um controle GridView para a página.
No menu GridView Tasks, na caixa ChooseData Source, clique em <New data source>.
O assistente Data Source Configuration aparece.
Clique em Database.
Isso especifica que você deseja obter dados de um banco de dados que suporta instruções SQL, que inclui o SQL Server e outros banco de dados OLE-DB compatíveis.
Na caixa Specify an ID for the data source, um nome de controle de fonte de dados padrão SqlDataSource1 será exibido.Você pode deixar esse nome.
Clique em OK.
O assistente Configure Data Source é exibido.
Clique em New Connection.
Aparecerá a caixa de diálogo Add Connection.
Se a lista Fonte de Dados não exibir o Microsoft SQL Server (SqlClient), clique em Modificar e, na caixa de diálogo Modificar Fonte de Dados, selecione Microsof SQL Server.
Se a página Choose Data Source aparecer, na lista Data source, selecione o tipo de fonte de dados que você irá utilizar.Para este passo a passo, o tipo da fonte de dados será Microsoft SQL Server.Na lista Data provider, clique em .NET Framework Data Provider for SQL Server, e clique em Continue.
Na caixa Server name, digite o nome do seu computador com o SQL Server.
Na seção Log on to the server, selecione a opção que seja apropriada para a sua configuração do SQL Server (autenticação do Windows ou identificação e senha específicas).
Se for necessário, digite um nome de usuário e senha.
Na caixa Select or enter a database name, selecione Northwind.
Clique no botão Test Connection para testar a conexão.Quando você tiver certeza de que a conexão teve êxito, clique em OK.
Você é enviado de volta ao assistente Configure Data Source - SqlDataSource1, onde as informações da conexão são preenchidas.
Clique em Next.
O assistente exibe uma página onde você pode escolher armazenar a sequência de conexão no arquivo de configuração.Armazenar a sequência de conexão no arquivo de configuração possui duas vantagens:
É mais seguro que armazená-la na página.
Você pode reutilizar a mesma sequência de conexão em várias páginas.
Certifique-se de que a caixa de seleção Yes, save this connection as está selecionada, e clique em Next.(Você pode deixar o nome da string de conexão padrão.)
O assistente irá exibir uma página onde você pode especificar quais dados você deseja recuperar do banco de dados.
Em Specify columns from a table or view, na lista suspensa Name, selecione Customers.
Under Columns, select the CustomerID, CompanyName, and City checkboxes.
O assistente exibe a instrução SQL que você está criando em uma caixa na parte inferior da página.
Observação:O assistente permite que você especifique critérios de seleção (cláusulas WHERE) e outras opções de consultas SQL.Para esta explicação passo a passo, você criará uma instrução simples sem opções de seleção ou classificação.
Clique em Next.
Clique em Test Query para certificar-se que você está recuperando os dados que você deseja.
Clique em Finish.
O assistente cria um controle SqlDataSource e o adiciona à página.O controle GridView que você adicionou anteriormente é acoplado ao controle SqlDataSource.Se você exibir as propriedades para o controle SqlDataSource, você poderá ver que o assistente criou valores para as propriedades ConnectionString e SelectQuery.
Clique com o botão direito do mouse no controle GridView, clique em Show Smart Tag e, em seguida, no menu GridView Tasks, clique em Enable Sorting..
Os títulos de colunas no controle GridView alteram para vínculos.
Agora você pode testar a página.
Para testar a página
Pressione CTRL+F5 para executar a página.
O controle GridView é exibido com as colunas CustomerID, CompanyName e City.
Clique no título de uma coluna para classificar o conteúdo dessa coluna.
Clique em uma coluna novamente para alternar a ordem de classificação entre crescente e decrescente.
Próximas etapas
Considere a ativação da classificação de várias colunas em um controle GridView.Para obter mais informações, consulte Ordenando dados em um controle de servidor Web GridView.
Consulte também
Conceitos
Ordenando dados em um controle de servidor Web GridView