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:
-
TextBox (cajas de texto)
-
RadioButton (botones de opción)
-
ListBox y ComboBox (DropDownList en aplicación ASP .Net)
-
CheckBox (casilla de verificación)
-
Asi como la existencia de controles nuevos en este tipo de aplicaciones como
son: RadioButtonList y CheckBoxList.
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:
-
Tenga en cuenta el de la página si agrega las opciones de estos controles en el
evento Load del WebForm, para comprobar si cargo se utiliza Page.IsPostBack.
-
La colección Items representa las opciones presentes del control.
LOS CONTROLES BUTTON
Los controles Button en aplicaciones ASP .Net son:
-
Control Button
-
Control LinkButton
-
Control Hyperlink
-
Control ImageButton
|
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
