Compartilhar via


Como: Ativar seleção padrão no controle de servidor Web GridView

O controle do ASP.NET GridView possui uma funcionalidade de seleção interna que permite aos usuários selecionar uma linha na grade.Selecionar uma linha em um controle GridView não realiza qualquer tarefa.Entretanto, adicionando a funcionalidade de seleção, você pode adicionar funcionalidades à grade que dependem dos usuários apontarem para uma linha específica.Usos típicos para a adição da funcionalidade de seleção para o GridView controle incluem o seguinte:

  • Quando os usuários selecionam uma linha, a linha muda de aspecto.

  • Quando os usuários selecionam uma linha, os dados relacionados são exibidos em outra parte da página, por exemplo, em um controle DetailsView.

Para acessar a linha selecionada, use o SelectedRow propriedade.

Para executar ações personalizadas quando um usuário seleciona uma linha, forneça um manipulador para o SelectedIndexChanging evento.

Procedimentos

Para ativar a seleção usando a marca inteligente

  1. In Design exibir, clicar com o botão direito do mouse o GridView controle e clique em Mostrar marca inteligente.

  2. No painel das marcas inteligentes, selecione Enable Selection.

Para habilitar a seleção padrão usando a propriedade AutoGenerateSelectButton

  • selecionar o GridView controle e, na Propriedades conjunto janelaAutoGenerateSelectButton to true.

    - ou -

  • In fonte , em visualização o <asp:GridView> elemento, conjunto o AutoGenerateSelecttButton atributo à true:

    <asp:GridView Runat="server" ID="GridView1" 
      AutoGenerateSelectButton="true" />
    

Para personalizar o aspecto de uma linha no modo de seleção

  • Defina as propriedades para o SelectedRowStyle.

    Por exemplo, se você definir a subpropriedade BackColor do SelectedRowStyle para cinza, uma linha selecionada é exibida com um plano de fundo cinza.

Para personalizar o texto de comando do botão Select

  1. In Design exibir, clicar com o botão direito do mouse o GridView controle e clique em Mostrar marca inteligente.

  2. Clique em Editar colunas.

    A caixa de diálogo Fields é exibida.

  3. Em Selected fields, clique em Select.

    As propriedades do campo serão carregadas na grade de propriedades.

  4. Em CommandField propriedades, digite o texto a selecionar botão a SelectText propriedade.

Para alterar o texto de comando do botão Select para uma imagem

  1. In Design exibir, clicar com o botão direito do mouse o GridView controle e clique em Mostrar marca inteligente.

  2. Clique em Editar colunas.

    A caixa de diálogo Fields é exibida.

  3. Em Selected fields, clique em Select.

    As propriedades do campo serão carregadas na grade de propriedades.

  4. Em CommandField propriedades, digite ou selecionar o URL da imagem a ser usado para o selecionar botão a SelectImageUrl campo.

  5. Em CommandField propriedades, selecionar Imagem in the ButtonType campo.

  6. Clique em OK.

Para exibir a linha selecionada em um controle DetailsView

  1. Cópia de controle de fonte de dados que está limite a GridView controlar e cole uma cópia do controle de fonte de dados até a página.

  2. In Design exibição, clicar com o botão direito do mouse o controle de fonte de dados e clique em Mostrar marcas inteligentes.

  3. clicar Configurar dados fonte….

  4. Verifique se o Qual conexão de dados do aplicativo deve usar para se conectar ao banco de dados? estiver definido sistema autônomo a mesma conexão utilizado pelo GridView controle.

  5. Clique em Next.

  6. selecionar o Especificar colunas de uma tabela ou modo de exibição opção.

  7. No Nome na lista suspensa verificar que a mesma tabela que está limite a GridView controle esteja selecionado.

  8. Em Colunas, selecionar as colunas da tabela para exibir o DetailsView controle.

  9. clicar no WHERE… botão.

    The Adicione cláusula WHERE janela é aberta.

  10. No Coluna na lista suspensa, selecionar a coluna nome para usar na cláusula WHERE.Nesta coluna deve ser uma chave primária para a tabela ou conter apenas valores exclusivos para identificar a linha selecionada.

  11. No fonte na lista suspensa, selecionar Controle.

  12. No ID de controle drop-down, selecionar o ID da GridView controle.

  13. Clique em Adicionar.

  14. clicar OK, em seguida, clicar Próximoe, em seguida, clicar Concluir.

  15. Right-click the DetailsView control and click Show Smart Tag.

  16. No escolher a fonte de dados na lista suspensa, selecionar o controle da fonte de dados acabou configurado.

Consulte também

Conceitos

Modificando Dados em um Controle do Servidor Web GridView

Referência

Visão Geral sobre o Controle do Servidor Web GridView