Compartilhar via

Demonstra Passo a passo: Controles extensores ASP.NET AJAX

  • Artigo

Controles de extensor AJAX do ASP.NET aprimoram a funcionalidade do cliente dos Controles de servidor Web do ASP.NET, como os controles TextBox, Button e Panel.Usando extensores, você pode dar aos usuários uma experiência mais rica com base na Web.Nessa passo a passo você usará um controle do extensor para aprimorar a funcionalidade de um controle do servidor Web ASP.NET Button.

Você pode adicionar controles de extensor AJAX do ASP.NET a Visual Studio e trabalhar com eles como faria com outros controles.Você pode criar seus próprios controles do extensor ou obtê-los de outras fontes.

Uma fonte para controles do extensor é o Kit de Ferramentas de Controle AJAX ASP.NET.O kit de ferramentas de controles fornecem exemplos e um SDK para deixar simples a criação e o reuso de controles e extensores personalizados.Você pode baixar o ASP.NET AJAX controle Toolkit from a ASP.NET AJAX controle Toolkit Site da Web.

Observação importante:

O kit de Ferramentas de controle é uma biblioteca suportada pela comunidade e não é suportado pela Microsoft.Este tópico discute controles de extensor que estão no kit de ferramentas do controle como exemplos de como trabalhar com controles do extensor.No entanto, você não deve interpretar as informações contidas neste tópico para significa que os controles do extensor discutidos aqui são uma parte oficial do ASP.NET ou que são controles com suporte.

Para obter mais informações sobre controles do extensor no Visual Studio 2008, consulte Visão geral sobre Controles de Extensor AJAX ASP.NET.Para obter detalhes adicionais sobre o ASP.NET AJAX Toolkit, consulte o ASP.NET AJAX controle Toolkit Site da Web.

Pré-requisitos

Para concluir esta explicação passo a passo, será necessário o seguinte:

  • Visual Studio 2008 ou Microsoft Visual Web Developer Express Edition.

  • O Kit de Ferramentas de Controle AJAX do ASP.NET.Você pode baixar o Kit de ferramentas de controle do ASP.NET AJAX Control Toolkit Site da Web.

Criando um site da Web

Para começar, você criará um site ASP.NET da Web que está habilitado para funcionalidade AJAX.

Para criar um site do sistema de arquivos

  1. Abra Visual Studio 2008 ou Microsoft Visual Web Developer Express Edition.

  2. Sobre o Arquivo menu, clicar Novo site.

  3. Na caixa de diálogo Novo Site, em Modelos instalados do Visual Studio, selecione ASP.NET Web Site.

  4. Na caixa Localização, selecione a caixa de seleção Sistema de Arquivos e seguida, digite o nome da pasta onde você deseja manter as páginas do seu site Web.

    Por exemplo, digite o nome da pasta C:\WebSite1.

  5. Na lista Idioma, clique em Visual Basic ou Visual C#, e então clique em OK.

    Visual Studio Cria a pasta e abre uma nova página da Web chamada Default.aspx no modo Source.

Adicionando um controle de extensor AJAX

O Kit de Ferramentas de Controle AJAX do ASP.NET inclui diversos controles do extensor que podem ser usadas para aprimorar a funcionalidade do cliente dos controles de servidor Web.

Observação:

Antes de adicionar um controle do extensor a um controle de servidor no procedimento a seguir, você deve instalar o Kit de Ferramentas AJAX do ASP.NET.Você pode baixar o Kit de ferramentas de controle do ASP.NET AJAX Control Toolkit Site da Web.

Para adicionar um controle do extensor AJAX

  1. Alterne para o modo de exibição Design.

  2. Se a página ainda não contiver um controle ScriptManager, na guia Extensões AJAX da Caixa de Ferramentas , arraste uma até a página.

    Observação:

    Um controle ScriptManager é necessário para oferecer suporte à funcionalidade AJAX.

  3. A partir da guia Padrão da Caixa de ferramentas, arraste um controle Button para a página.

  4. Se o Botão tarefas menu de atalho não aparece, clicar com o botão direito do mouse o Button controle e, em seguida, clique em Mostrar marcas inteligentes.

  5. Sobre o Botão tarefas menu, clicar Adicionar Extender.

  6. Na caixa Assistente de Extensor, na lista Escolher a funcionalidade para adicionar a Button1, clique em ConfirmButtonExtender e em seguida, clique em OK.

    Observação:

    Você também pode adicionar um controle do extensor arrastando o controle do extensor a partir de Caixa de Ferramentas diretamente para o controle Button.

  7. Na janela Propriedades, expanda a guia Extensores e em seguida, expanda Button1_ConfirmButtonExtender.

  8. conjunto o ConfirmTextpropriedade para continuar?

Testando o Controle do Extensor

Agora você pode executar a página para testar a controle do extensor.

Para testar o controle do extensor

  1. Pressione CTRL+F5 para executar a página no navegador.

  2. Clique no botão que você adicionou à página.

    Um caixa de mensagem de confirmação é exibida, que é o comportamento adicionado pelo controle do extensor.

  3. Feche o navegador.

Removendo um Controle do Extensor AJAX

Se a funcionalidade de um controle do extensor não for mais necessária, você poderá remover o controle do extensor.

Para remover um controle do extensor AJAX

  1. Alternar para modo Design.

  2. selecionar o Button controle e, nas Botão tarefas menu, clicar Remover extensor.

  3. Na lista Extensores anexado ao Button1, selecione ConfirmButtonExtender.

  4. Clique em Remover e então em OK.

Consulte também

Conceitos

Visão geral sobre Controles de Extensor AJAX ASP.NET