ASP .NET 2.0
Label Server Control
AccessKey

O Label Server Control na versão do ASP.NET 2.0 possui uma nova funcionalidade chamada de AccessKey.

Por exemplo, se precisarmos acessar o Favoritos do Internet Explorer através do teclado pressionamos ALT + F simultaneamente, outro exemplo, caso queira imprimir um documento pressionamos ALT + P, agora nos WebForms em um cadastro este recurso poderá ser utilizado, caso o usuário deseja ir para determinado campo em um cadastro ele poderá usar o seu teclado.

Com esta nova funcionalidade nós podemos através das propriedades AccessKey e AssociatedControlID utilizar estes recursos.

O objetivo deste artigo é mostrar como utilizar esta funcionalidade em páginas Web.

Requisitos: Visual Studio 2005 ou Visual Web Developer 2005 Express Edition - http://msdn.microsoft.com/vstudio/express/vwd/

Criação do projeto
1. Crie um New Web Site chamado AcessKey.
1.1.  No arquivo Default.aspx digite o código abaixo.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Default" %>

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

<html xmlns="http://www.w3.org/1999/xhtml" >

<head runat="server">

    <title>Hot Key - www.aspneti.com</title>

</head>

<body>

    <form id="form1" runat="server">

        <p>

            <asp:Label ID="lblLogin" runat="server" AccessKey="L" AssociatedControlID="txtLogin"><u>L</u>ogin</asp:Label>

            <asp:TextBox ID="txtLogin" runat="server"></asp:TextBox></p>

        <p>

            <asp:Label ID="lblPassword" runat="server" AccessKey="P" AssociatedControlID="txtSenha"><u>P</u>assword</asp:Label>

            <asp:TextBox ID="txtSenha" runat="server" TextMode="Password"></asp:TextBox></p>

        <p>

            <asp:Button ID="btnEnviar" runat="server" Text="Enviar" />

        </p>

    </form>

</body>

</html>

Repare no código HTML, perceba as duas novas propriedades do Label, AccessKey e AssociatedControlID.

Na propriedade AccessKey eu defino qual letra do teclado devo pressionar no IE para executar a ação.

Em AssociatedControlID eu defino qual TextBox que irá receber o foco do cursor.

Algumas letras não podem ser utilizadas, pois são associadas a eventos do Internet Explorer, são ela F, E, V, I, O, T, A W e H, por exemplo, ALT + E irá abrir o menu Ferramentas.

Perceba também a tag <u>, onde criamos o sublinhado para ficar parecido com as aplicações Windows Forms.

 

Figura 1 – Ao pressionar ALT + P, o foco irá para o TextBox próximo a Password.

 


Abraços e até o próximo.