1.- Objetivos de la guía
• Conocer control DropDownList
• Conocer control GridView
2.- Marco teorico
Los controles de servidor web ASP.NET son objetos de páginas web ASP.NET que se ejecutan cuando se solicita la página y que son visualizados en explorador.
Muchos controles de servidor web son similares a elementos HTML conocidos, como botones y cuadros de texto. Otros controles abarcan comportamiento complejo, por ejemplo controles de calendario y controles que administran las conexiones de datos.
a. Control DropDownList
El control DropDownList de servidor Web permite a los usuarios realizar una selección única en un cuadro de lista desplegable de selección simple.
b. Control GridView
Muestra los valores de un origen de datos en una tabla donde cada columna representa un campo y cada fila representa un registro
3.- Ejercicios de la aplicación
A continuación se explica el proceso de funcionamiento de los controles de servidor web ASP.
Ejercicio 1: Del cuadro de herramientas arrastramos los controles de Botón y DropDownList a la pantalla de diseño.
Al control DropDownList agregamos elementos
Imagen 01
Enviar al servidor mediante el botón el elemento seleccionado del dropdownlist y mostrar en un Label.
Imagen 02
Ejercicio 2: Del cuadro de herramientas de la pestaña de datos arrastramos el control GridView a la pantalla de diseño.
Diseñamos como se muestra en la imagen 03.
La funcionalidad consiste, generar una matriz cuadrada con números aleatorios y al seleccionar una fila de la matriz; luego se multiplique con el DropDownList con la fila seleccionada de la matriz; como resultado muestre otra matriz de una fila y con las columnas igual a la dimensión ingresada
Imagen 03
Construimos el método generarmatriz que nos retorna una tabla de matriz de números enteros en un rango de 0 a 10.
private DataTable generarmatriz() {
DataTable Dt = new DataTable();
int nelem =int.Parse(txtn.Text);
for (int i = 0; i < nelem; i++){
Dt.Columns.Add("columna"+(i+1));
}
DataRow Dr;
Random r= new Random();
for (int i = 0; i < nelem; i++)
{
Dr = Dt.NewRow();
for (int j = 0; j < nelem; j++){
Dr["columna" + (j + 1)] = r.Next(0,10);
}
Dt.Rows.Add(Dr);
}
return Dt;
}
En el evento click del botón generar matriz llamamos el método generarmatriz y asignamos al control GridView.
protected void btnmatriz_Click(object sender, EventArgs e)
{
grvmatriza.DataSource = generarmatriz();
grvmatriza.DataBind();
}
En el evento RowComand del GridView(Matriz A) programamos para poder realizar la multiplicación de la fila seleccionada con el valor que se encuentra en el DropDownList y mostrar como resultado el matriz B de una fila.
protected void grvm1_RowCommand(object sender, GridViewCommandEventArgs e)
{
if (!e.CommandArgument.Equals(""))
{
if (e.CommandName.Equals("Select")){
DataTable Dt = new DataTable();
int i =int.Parse(e.CommandArgument.ToString());
int nelm = int.Parse(txtn.Text);
DataRow Dr;
Dr = Dt.NewRow();
for (int j = 1; j <=nelm; j++){
Dt.Columns.Add("columna"+(j+1)); Dr["columna"+(j+1)] =int.Parse(grvma.Rows[i].Cells[j].Text)*int.Parse(cbxescalar.SelectedValue);
}
Dt.Rows.Add(Dr);
grvmb.DataSource = Dt; grvmb.DataBind();
}
}
}
El resultado se muestra
Comentarios
Publicar un comentario
Gracias por comentar