Iniciando en ASP .Net

Uso de los principales controles 
Uso de los controles Button 

Fecha: 27/Jun/2005 (17 de Junio de 2005)
Autor: Ing. Fernando Luque Sánchez - DCE 4 Estrellas

[email protected]
[email protected]


Sres. Desarrolladores, esta oportunidad les envio un aporte en ASP .Net, en este artículo muy simple intento explicar el uso de los principales controles en ASP y el uso de los Controles Button.

ALGO DE TEORIA

Existe diferencias entre una aplicación Windows y una aplicación ASP .Net, basicamente en el uso de los principales controles como:

Hemos de anotar que la mayor parte de aplicaciones utilizan mucho estos controles, por lo que este artículo está orientado a explicar lo mas importante de cada uno de ellos.

El control Web TextBox

Caja de texto, control que almacena datos alfanuméricos como nombres, emails, direcciones, etc. El uso de este control es básico en todo tipo de aplicaciones.

Algunas propiedades importantes:

Propiedad Descripción
AccessKey Obtiene o establece la tecla de acceso rápido en combinación con la tecla ALT. Solo se permite una letra. 
BorderColor, BorderStyle, BorderWidth Color, Estilo y ancho del borde
Enabled Obtiene o establece si la caja de texto está disponible
MaxLength Longitud máxima del texto
TextMode

Comportamiento de la caja de texto:
SingleLine: para una sola linea
MultiLine: múltiples líneas
Password: para el ingreso de contraseñas

Text

Obtiene o establece el contenido de la caja de texto, para borrar el contenido podemos usar la siguiente línea:
           txtNombre.Text = ""

Algo mas, la definición en la vista HTML del control Web TextBox es como sigue:

<asp:TextBox  
	id="txtNombre"   
	runat="server"   
	accessKey="N"></asp:TextBox>
			

El control Web RadioButton
Este control permite la selección de una opción dentro de un grupo. Las opciones están visibles y generalmente son pocas, si la cantidad de opciones fueran muchas podría usarse un control de lista como ListBox o DropDownList (ComboBox).

Parte importante: EN APLICACIONES DE ESCRITORIO para agrupar botones de opción se podía usar un Panel o el control GroupBox, con esto se consigue que dos o mas grupos de estos controles funcionen de manera independiente. EN APLICACIONES ASP .NET no se puede, para agrupar los botones de opción se debe especificar a cada miembro del grupo el MISMO NOMBRE en la propiedad GroupName.

Algunas propiedades importantes:

Propiedad Descripción
AccessKey Obtiene o establece la tecla de acceso rápido en combinación con la tecla ALT. Solo se permite una letra. 
BorderColor, BorderStyle, BorderWidth Color, Estilo y ancho del borde
Enabled Obtiene o establece si la caja de texto está disponible
MaxLength Longitud máxima del texto
Cheched

True: El control está seleccionado
False: El control no está seleccionado

Text

Obtiene o establece el texto que muestra el control

Algo mas, la definición en la vista HTML del control Web RadioButton es como sigue:

<asp:RadioButton
	id="optEstable"  
	runat="server" Text="Estable"
	Checked="True" 
	GroupName="condicion"></asp:RadioButton>
			

Los Controles Web ListBox y DropDownList (ComboBox)

Los controles ListBox y DropDownList de aplicaciones ASP .Net son muy similares, la diferencia o la decisión de usar uno o el otro es el espacio para el diseño y el tipo de selección. Si no hay suficiente espacio en la aplicación puede ser mejor usar un DropDownList, si existe mejor un ListBox; el control ListBox permite la selección de varias alternativas, sin embargo el control DropDownList no.

Algunas propiedades importantes:

Propiedad Descripción
AccessKey Obtiene o establece la tecla de acceso rápido en combinación con la tecla ALT. Solo se permite una letra. 
DataSource Establece el origen de datos
DataMember Establece el DataTable cuando el origen de datos en un DataSet
AutoPostBack Responde a los eventos automáticamente
DataTextField

Muestra el origen de datos que proporciona el texto que muestra el control.

DataValueField

Es el campo del orígen de datos que proporciona el valor del elemento seleccionado.

SelectedItem Proporciona el texto de la opción seleccionada
SelectecIndex Proporciona el índice de la opción seleccionada.
El valor es -1 si no hay opción seleccionada.

Algunos apuntes importantes:

LOS CONTROLES BUTTON

Los controles Button en aplicaciones ASP .Net son:

Control Descripción
Control de servidor Web Button Presenta un botón de comando estándar, que se representa como un botón "Enviar" de HTML.
Control de servidor Web LinkButton Se representa como un hipervínculo en la página. No obstante, contiene una secuencia de comandos del lado cliente que hace que el formulario se devuelva al servidor. (Puede crear un hipervínculo auténtico mediante el control de servidor Web HyperLink).
Control de servidor Web ImageButton Permite especificar un gráfico como botón. Esto es útil para representar los botones con una apariencia más rica. Los controles ImageButton determinan con precisión el punto en el que hizo clic el usuario, lo que permite utilizar el botón como si fuera un mapa de imagen.

El cuadro anterior fue extraído de la ayuda de Visual Studio.

NUESTRO EJEMPLO

Basta de lectura, un ejemplo sencillo pero me parece útil.

Importante: El ingreso de datos en las cajas de texto y la selección de las opciones de las lista no está validado, es posible que si se ejecuta el botón ¿Quién es? muestre  un error, en este código se obtienen los datos de los diferentes controles utilizados.

La ultima: NOTE que se ha implementado un bloque SCRIPT para el último botón ImageButton, ya publicaré otro artículo con mas detalle.

Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load 
        'Introducir aquí el código de usuario para inicializar la página
   If Not Page.IsPostBack Then
            ListBox1.Items.Add("Fernando")
            ListBox1.Items.Add("Carolina")
            ListBox1.Items.Add("Fernandito")
            ListBox1.Items.Add("María Fernanda")
            ListBox1.Items.Add("Ingrid")
            ListBox1.Items.Add("Aracely")
            ListBox1.Items.Add("Esmeralda")
            ListBox1.Items.Add("Carlos")
        End If
    End Sub

 

    Private Sub DropDownList1_SelectedIndexChanged(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles DropDownList1.SelectedIndexChanged

        Select Case DropDownList1.SelectedIndex
            Case 0
                txtBasico.Text = 1500
            Case 1
                txtBasico.Text = 1320
            Case 2
                txtBasico.Text = 1000
            Case 3
                txtBasico.Text = 1908
            Case 4
                txtBasico.Text = 3200
            Case 5
                txtBasico.Text = 2300
        End Select
    End Sub

El código completo está en el archivo adjunto al final del artículo, suerte a todos y no se olviden botar en mi PanoramaBox, eso me alienta a seguir publicando. Suerte a todos.

Ing. Fernando Luque Sánchez
Trujillo - Perú


Espacios de nombres usados en el código de este artículo:

System.Web.UI.Page


Fichero con el código de ejemplo: FernandoLuque_IniciandoASP.zip - Tamaño 390 KB


ir al índice