Como definir o foco para controlos de formulário Web usando o script do lado do cliente no translation from VPE for Csharp Visual

IMPORTANTE: Este artigo foi traduzido por um sistema de tradução automática (também designado por Machine Translation ou MT), não tendo sido portanto traduzido ou revisto por pessoas. A Microsoft possui artigos traduzidos por aplicações (MT) e artigos traduzidos por tradutores profissionais, com o objetivo de oferecer em português a totalidade dos artigos existentes na base de dados de suporte. No entanto, a tradução automática não é sempre perfeita, podendo conter erros de vocabulário, sintaxe ou gramática. A Microsoft não é responsável por incoerências, erros ou prejuízos ocorridos em decorrência da utilização dos artigos MT por parte dos nossos clientes. A Microsoft realiza atualizações freqüentes ao software de tradução automática (MT). Obrigado.

Clique aqui para ver a versão em Inglês deste artigo: 816166
Para uma versão deste artigo do Microsoft Visual Basic. NET, consulte 316719.

NESTA TAREFA

Sumário
Este artigo descreve como definir o foco para uma Web do ASP.NET formulário controle usando o script do lado do cliente.

Controles de formulário da Web do ASP.NET fornecem uma aparência semelhante aos controles HTML convencionais enquanto eles fornecem uma interface consistente e estruturada e mais eficientes de recursos. Além disso, você pode usar scripts do lado do cliente para melhorar a funcionalidade que fornecem esses controles.

back to the top

Requisitos

Os seguintes itens descrevem o hardware recomendado, software e infra-estrutura de rede que são necessárias para executar os procedimentos neste artigo:
  • O Visual Studio .NET ou Visual Studio 2005
  • Microsoft (IIS) 5.0 (ou posterior)
Este artigo também pressupõe que você esteja familiarizado com o seguinte:
  • Aplicativos da Web
  • ASP.NET
  • Translation from VPE for Csharp Visual .NET ou Visual translation from VPE for Csharp 2005
back to the top

Usando o script do lado do cliente com o Visual Studio .NET ou Visual Studio 2005


Controles de formulário da Web do ASP.NET oferecem a aparência e funcionalidade dos controles HTML convencionais gerando os elementos HTML no navegador do cliente quando a página é carregada. Mas ao contrário do HTML contrapartes, controles de formulário Web do ASP.NET fornecem uma interface consistente e estruturada e mais recursos, como postback automático e a capacidade de gerar vários elementos HTML a partir de um único controle. Você também pode usar scripts do lado cliente com estes controlos para fornecer funcionalidade adicional, como definir o foco em um controle de formulário Web do ASP.NET.

O procedimento a seguir cria um aplicativo ASP.NET que exibe três controles ASP.NET TextBox com os controles CommandButton correspondentes para definir o foco. Esses controles CommandButton execute JavaScript do lado cliente dinamicamente definir o foco em um controle de servidor especificado:
  1. Inicie o Visual Studio .NET ou Visual Studio 2005.
  2. Criar um novo projeto ASP.NET Web Application no translation from VPE for Csharp Visual .NET ou no Visual translation from VPE for Csharp 2005 e em seguida, nomeie- ClientSideScriptExample .
  3. Alterne para o modo de exibição HTML da janela WebForm1.aspx .
  4. Na janela HTML do WebForm1, copie e cole o código a seguir entre as marcas de formulário de abertura e fechamento. Ele exibe os dois controles TextBox com os botões de comando correspondentes:

    importante Quando você cola o código na janela do HTML, cole os segmentos de código como HTML (clique com o botão direito do mouse e clique em Colar como HTML ).
    InputBox 1:<asp:TextBox ID="txtInput1" Runat="server" Width="50" />    <br>InputBox 2:<asp:TextBox ID="txtInput2" Runat="server" Width="50" />    <br>    <br>     Click a button to set focus on the specified control:<br><input ID="cmdButton1" type="button" value="InputBox 1"     OnClick="return cmdButton1_Clicked()"><input ID="cmdButton2" type="button" value="InputBox 2"     OnClick="return cmdButton2_Clicked()">
  5. Copie e cole o código a seguir em sua página. Cada botão de comando executa uma função de JavaScript do lado do cliente que define o foco em um determinado controle no formulário. Verifique se você posiciona o bloco de código antes do primeiro <body> marca:
    <script language=javascript> function cmdButton1_Clicked() {						form1.txtInput1.focus();      return false; }			 function cmdButton2_Clicked() {	      form1.txtInput2.focus();      return false; }</script>
  6. Copie e cole o código a seguir em sua página. Verifique se você posiciona o bloco de código antes do primeiro </body> marca:
    <body onload="form1.txtInput1.focus( )" ></body>
  7. Clique em Salvar .
  8. No menu Debug , clique em Iniciar para criar e executar o aplicativo. WebForm1 é exibido na tela. Duas caixas de entrada e dois botões de comando correspondentes são exibidos.
  9. Clique em InputBox 1 e o foco é movido para o controle txtInput1 . Clique em InputBox 2 . Foco é movido para o controle txtInput2 .
  10. Feche o navegador.
back to the top

Verificação

  1. Clique InputBox 1 para mover o foco para o controle txtInput1 .
  2. Clique em InputBox 2 para mover o foco para o controle txtInput2 . Você pode esperar que esse código para não causar uma chamada para o servidor e não recarregar a página.
back to the top

Concluir a listagem de código

<%@ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false" Inherits="ClientSideScriptExample.WebForm1" %><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" > <html>  <head>    <title>WebForm1</title>    <meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">    <meta name="CODE_LANGUAGE" Content="C#">    <meta name=vs_defaultClientScript content="JavaScript">    <meta name=vs_targetSchema content="http://schemas.microsoft.com/intellisense/ie5">  </head>  	<script language=javascript>			function cmdButton1_Clicked()			{	document.all('txtInput1').focus();				return false;			}						function cmdButton2_Clicked()			{	document.all('txtInput2').focus();				return false;}</script>  <body MS_POSITIONING="GridLayout">	    <form id="form1" method="post" runat="server">		                          InputBox 1:			<asp:TextBox ID="txtInput1" Runat="server" Width="50" />			<br>			InputBox 2:			<asp:TextBox ID="txtInput2" Runat="server" Width="50" />			<br>			<br>			Click a button to set focus on the specified control:<br>			<input ID="cmdButton1" type="button" value="InputBox 1" OnClick="return cmdButton1_Clicked()"><input ID="cmdButton2" type="button" value="InputBox 2" OnClick="return cmdButton2_Clicked()">    </form>	  </body><body onload="form1.txtInput1.focus( )" ></body></html>
Observação O código que é gerado no Visual Studio 2005 é diferente do código é gerado no Visual Studio. NET.

back to the top
Referências
Para obter recursos adicionais, consulte os seguintes sites da Microsoft:back to the top

Aviso: este artigo foi traduzido automaticamente

Propriedades

ID do Artigo: 816166 - Última Revisão: 05/21/2007 02:49:48 - Revisão: 3.9

Microsoft ASP.NET 1.1, Microsoft ASP.NET 1.0, Microsoft Visual C# 2005 Express Edition, Microsoft Visual C# .NET 2003 Standard Edition, Microsoft Visual C# .NET 2002 Standard Edition, Microsoft Visual C# 2008 Express Edition

  • kbmt kbctrl kbforms kbwebforms kbhowtomaster KB816166 KbMtpt
Comentários