Passo-a-passo: modificando dados usando o controle do servidor Web ListView

Artigo
10/15/2014

O ASP.NET ListView o controle tem funcionalidades internas que permite aos usuários inserir, editar ou excluir registros sem a necessidade de programação.

Essa explicação passo a passo mostra como exibir e atualizar os dados usando o ListView o controle.Essa explicação passo a passo usa um SqlDataSource Controle para recuperar resultados a partir de fonte de dados e gerenciar atualizações.O SqlDataSource Controle atua como o fonte de dados para a ListView o controle.

Tarefas ilustradas nesta explicação passo a passo incluem:

Exibir dados que são retornados de um banco de dados na ListView o controle.
Adicionando a capacidade para editar, inserir e excluir registros para o ListView o controle.

Pré-requisitos

A fim de concluir este explicação passo a passo, será necessário:

ou .
Acesso ao banco de dados do SQL Server AdventureWorks.Para informações sobre como baixar e instalar o SQL Server Exemplo AdventureWorks banco de dados, consulte Instalando Dados de Exemplo Bases para Express Editions No site da Microsoft SQL Server.

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 AdventureWorks.

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.

Criando o Site Web

Se você já tiver Criado um site da Web (por exemplo, por concluir Demonstra Passo a passo: Criando uma página da Web básica no Visual Web Developer, você pode usar esse site e Ir para a Avançar seção.Caso contrário, crie um site e uma página novos, seguindo estas etapas.

Para criar um site do sistema de arquivos

Abrir ou .
Sobre o File Menu, clique em Novoe em seguida, clique em Site.Se você estiver usando. in a File Menu, clique em NovoSite.

O Novo Site da Web caixa de diálogo é exibida.
Em Modelos Visual Studio instaladoClique em Web Site ASP.NET.
No primeiro. Local Caixa de seleção Sistema de arquivose na segunda caixa, digite o nome da pasta w aqui você deseja manter as páginas do site da Web.

Por exemplo, digite o nome da pasta C:\WebSites\ModifyData.
Na Linguagem lista, clique no linguagem de programação que você prefere trabalhar no.
Clique em OK.

Cria a pasta e um Nova Página chamado Default.aspx.

Permitindo que usuários modifiquem dados usando o controle ListView

Nesta seção, você adicionará um ListView controlar até a página e configurá-lo para exibir e modificar os dados da tabela do Departamento do banco de dados AdventureWorks.

Para exibir e modificar dados no controle de ListView.

Se o site não tiver uma pasta App_Data, no. Explorer soluçãoClique com o botão direito do mouse no projeto, clique em Adicionar pasta ASP.NETe em seguida, clique em App_Data.
Em Explorer soluçãoClique com o botão direito do mouse na pasta App_Data e em seguida, clique em Adicionar item existente.

O Adicionar item existente caixa de diálogo é exibida.

Digite o local onde arquivo de banco de dados AdventureWorks (AdventureWorks_Data.mdf) foi instalado.

Por padrão, o arquivo .mdf é instalado no caminho c:\Arquivos de Programas\Microsoft SQL Server\MSSQL.1\MSSQL\Data\AdventureWorks_Data.mdf.

Observação:
Esse procedimento criará uma cópia do arquivo de banco de dados no projeto.O arquivo de banco de dados é grande.Se for inviável fazer uma cópia do banco de dados, você pode conectar-se a ele usando um método alternativo, como anexar o arquivo de banco de dados diretamente.No entanto, o procedimento para fazer isso não é abordado nessa explicação passo a passo.

Alterne para ou abra o arquivo Default.aspx
Switch Para Design Exiba.
A partir de Dados Guia das ToolboxArraste um ListView controlar até a página.
Na ComunsTarefas de ListView Menu, in a ChooseData Source Soltar-Para Baixo Lista, clique em < novo Fonte de Dados … >.A ilustração a seguir mostra a ComunsTarefas de ListView Menu.

O Configuração de fonte de dados assistente é exibido.A ilustração a seguir mostra a Configuração de fonte de dados Assistente.
Clique em Banco de dados.

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 Especificar uma identificação para o fonte de dados Caixa, um nome padrão controle da fonte de dados SqlDataSource1é exibida.Você pode deixar esse nome.
Clique em OK.

O Configurar fonte de dados assistente é exibido.
Em **Que conexão de dados o aplicativo deve usar para se conectar a um banco de dados?**Selecionar AdventureWorks_Data.mdf da lista.
Clique em Next.

O assistente exibe uma página onde você pode escolher armazenar a seqüência de conexão no arquivo de configuração.Armazenar a seqüência de conexão no arquivo de configuração possui duas vantagens:
- Pode ser mais seguro que armazená-la na página.
- Você pode usar a mesma seqüência de conexão em várias páginas
Certifique-se que o Sim, salvar esta conexão como Caixa de seleção está selecionada e em seguida, clique em Next.Você pode deixar o nome de seqüência de conexão padrão.

O Configurar fonte de dados assistente é exibido, onde você pode especificar os dados que você deseja recuperar do banco de dados.

Selecione o Especifique um personalizado Instrução SQL ou procedimento armazenado Opção.A ilustração a seguir mostra a Configure fonte de dados Assistente.

Observação:
Normalmente, você poderia usar a opção Especificar colunas de uma tabela ou modo de exibição.No entanto, como o banco de dados AdventureWorks tem nomes de esquema, você criará uma Instrução SQL personalizada nessa explicação passo a passo.

Clique em Next.
Na Definir procedimentos armazenados ou instruções personalizadas página, digite a seguinte consulta SQL para recuperar dados de departamento a AdventureWorks o banco de dados.
```
SELECT DepartmentID, nome, GroupName do HumanResources.Department
```
Você pode também Clique o Construtor de consultas e usar Construtor de consultas Para criar uma consulta e validá-lo usando o Executar consulta Botão.
Clique na Update Guia e insira a seguinte consulta SQL para atualizar dados no departamento a AdventureWorks o banco de dados.
```
HumanResources.Department Update set name = @Name, GroupName = @GroupName WHERE (DepartmentID = @DepartmentID)
```
Clique na INSERT guia e, em seguida, insira a consulta SQL a seguir para inserir dados no departamento a AdventureWorks o banco de dados.
```
INSERT INTO HumanResources.Department (Name, GroupName) Values (@Name, @GroupName)
```
Clique na DELETE Guia e insira a seguinte consulta SQL para excluir dados do departamento a AdventureWorks o banco de dados.
```
DELETE de HumanResources.Department WHERE (DepartmentID = @DepartmentID)
```
Clique em Next.
Clique em Teste de consulta Para certificar-se que você estiver recuperando os dados que você deseja.
Clique em Finish.

O assistente cria um SqlDataSource Controle e o adiciona à página.O ListView controle que você Adicionado anteriormente está vinculado ao SqlDataSource o controle.
Clique com o botão direito do mouse o ListView Controle, clique em Mostrar marcas inteligentes.
Na Tarefas de ListView Menu, clique em Configurar ListView.

O Configurar ListView caixa de diálogo é exibida.
Em OpçõesSelecionar o Habilitar edição, Habilitar Inserçãoe Habilitar exclusão Marcar caixas.A ilustração a seguir mostra a Configurar ListView caixa de diálogo.

Observação:

Também convém selecionar um estilo diferente, que pode facilitar a exibição dos dados.Para fazer isso, em Selecione um estiloSelecione um estilo, como Colorido.
Clique em OK.O configurado ListViewo controle pode parecer com a ilustração a seguir.

Observação:
Também convém selecionar um estilo diferente, que pode facilitar a exibição dos dados.Para fazer isso, em Selecione um estiloSelecione um estilo, como Colorido.

Agora você pode testar o ListView o controle.

Para testar a página

Pressione CTRL+F5 para executar a página.

O ListView o controle é exibido com DepartmentID, **Name (Nome)**e GroupName Colunas.
Clique na Editar Botão para modificar um registro na tabela.
Altere os valores e em seguida, clique em UpdateOu clique em Cancel Para cancelar a operação de edição.
Insira valores para o Name (Nome) e GroupName Campos na parte inferior da página e clique em Inserir Para inserir um novo registro.
Clique na Delete Botão do Registro você apenas inserido para excluir o registro do banco de dados.

Próximas etapas

Este exame Através mostrou as etapas básicas para usar um ListView Controle para exibir e editar registros de dados usando um layout personalizado.O ListView Controle permite que você executar formatação mais sofisticado do que o que você fez nessa explicação passo a passo.Para explorar outros cenários possíveis com o ListView controle, consulte Visão Geral sobre o Controle do Servidor Web ListView.