Microsoft Expression Web - Gridview

O controle GridView é usado para exibir os valores de uma fonte de dados em uma tabela. Cada coluna representa um campo, enquanto cada linha representa um registro. Neste capítulo, aprenderemos um processo muito simples para exibir dados de um banco de dados em uma página da Web em um GridView.

Step 1 - Vamos criar uma nova página ASPX no projeto SQLDataSource e chamá-la gridview.aspx

Step 2- Na caixa de ferramentas, você verá os controles ASP.NET. Arraste o controle GridView e solte-o sobre a seção do formulário.

Você pode ver que o menu de contexto GridView está aberto. Agora selecione o<New data source…>na lista suspensa Escolher fonte de dados. Ele exibirá o Assistente de configuração da fonte de dados.

Step 3- Selecione o banco de dados, pois obteremos os dados do banco de dados SQL e especifique o ID da fonte de dados. Clique OK.

Step 4- Selecione a string de conexão existente, que criamos no capítulo SQL DataSource, pois estaremos usando o mesmo banco de dados neste capítulo. Clique em Avançar.

Step 5 - Para efeito de compreensão, vamos selecionar a tabela Aluno e clicar no botão * checkboxque irá recuperar todas as colunas da tabela do aluno. Clique em Avançar.

Step 6 - No assistente a seguir, você pode testar a consulta, então vamos clicar no Test Query botão.

Ao clicar Next, ele exibirá a seguinte tela -

A Visão do Design de gridview.aspx parece o seguinte -

Step 7- Vamos visualizar a página da web em um navegador. Ele aparecerá da seguinte forma -

Esta é uma tabela simples, sem qualquer formatação.

Step 8 - Você pode formatar o GridView do GridView Context cardápio.

Clique no Auto Format…ligação. Na caixa de diálogo Formatação automática, existem muitos esquemas predefinidos. Selecione um esquema de acordo com sua necessidade e clique em OK.

Vamos visualizar a página da web em um navegador novamente. Será semelhante à imagem a seguir.