CONTROL DE SERVIDOR WEB 

Control de servidor Web 
Los controles de servidor Web enlazados a datos son controles que pueden ser enlazados a un 
control de origen de datos para facilitar la operación de mostrar y modificar datos en la aplicación 
Web. Los controles de servidor Web enlazados a datos son controles compuestos que combinan 
otros controles Web de ASP.NET. 

Enlazar a datos un control de servidor Web enlazado a datos: 
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. 

ListBox 
El control de servidor Web ListBox permite a los usuarios seleccionar uno o más elementos de una 
lista predefinida.

RICHARD NAJARRO TALAVERANO  Página 1 

CONTROL DE SERVIDOR WEB 

TextBox 
El control TextBox de servidor Web proporciona a los usuarios un medio para escribir datos en 
una página de formulario Web Forms, incluidos texto, números y fechas. 

GridView Control 
El control GridView  muestra los datos en forma de tabla y ofrece la función de ordenar columnas, 
paginar los datos y editar o eliminar un único registro. 

DetailsView Control 
El control DetailsView representa un único registro cada vez en forma de tabla y proporciona la 
capacidad de paginar varios registros, así como de insertar, actualizar y eliminar registros. 

FormView Control 
El control FormView  representa un único registro cada vez desde un origen de datos y 
proporciona la capacidad de paginar varios registros, así como de insertar, actualizar y eliminar 
registros, de forma similar al control DetailsView. 

DataList (Control) 
El control DataList  representa datos en forma de tabla y permite mostrar registros de datos en 
diferentes diseños, por ejemplo ordenados en columnas o en filas. Puede configurar el control 
DataList para permitir a los usuarios editar o eliminar un registro de la tabla. 

Repetidor Control 
El control Repeater  representa una lista de sólo lectura de un conjunto de registros devueltos 
desde un origen de datos. Al igual que el control FormView, el control Repeater no especifica un 
diseño integrado. En su lugar, se crea el diseño para el control Repeater utilizando plantillas. 

Page.IsPostBack (Propiedad) 
Obtiene un valor que indica si la página se está cargando como respuesta a un valor 
devuelto por el cliente, o si es la primera vez que se carga y se obtiene acceso a la 
misma.

RICHARD NAJARRO TALAVERANO  Página 2 

 CONTROL DE SERVIDOR WEB 

Aplicacion con Controles Web 

Aplicación 1:Default.aspx 

TexBox12 
Propiedad: 
TexBox1 
MaxLength: 11 

DropDownList1 
AutopostBack : True 
TexBox1 

Image 

Button1

Imports System.Data 
Partial Class _Default 
Inherits System.Web.UI.Page 
Dim Productos() As String = {"[Seleccione]", "Cocina", "Filmadora", 
"Horno", "Licuadora", "Radio", "Refrigera", "Televisor"} 
Dim Precios() As Double = {0, 150.0, 280.0, 275.0, 95.0, 125.0, 
780.0, 580.0} 
Dim cod() As String 
Protected Sub Page_Load(ByVal sender As Object, ByVal e As 
System.EventArgs) Handles Me.Load 
If Not Page.IsPostBack Then 
Me.DropDownList1.DataSource = Productos 
Me.DropDownList1.DataBind() 
End If 
End Sub 
Protected Sub btncomprar_Click(ByVal sender As Object, ByVal e As 
System.EventArgs) Handles btncomprar.Click 
Session("compñia") = txtcompañia.Text 
Session("ruc") = txtruc.Text 
Session("producto") = DropDownList1.Text 
Session("precio") = lblprecio.Text 
Session("cantidad") = txtcantidad.Text 
Response.Redirect("Default2.aspx") 
End Sub 

RICHARD NAJARRO TALAVERANO  Página 3 

 CONTROL DE SERVIDOR WEB 

Protected Sub DropDownList1_SelectedIndexChanged(ByVal sender As 
Object, ByVal e As System.EventArgs) Handles 
DropDownList1.SelectedIndexChanged 
'Capturando el Indice de Nuestro Arreglo Precios 
lblprecio.Text = Precios(DropDownList1.SelectedIndex) 
'mostrando la imagen de DropDownList1 seleccionado 
Image1.ImageUrl = ".\imagenes\" & DropDownList1.Text & ".jpg" 
End Sub 
End Class 

Aplicación 2:Default2.aspx  DataList1 

Label 

HyperLink
Image 

RICHARD NAJARRO TALAVERANO  Página 4 

CONTROL DE SERVIDOR WEB 

Imports System.Data 
Partial Class Default2 
Inherits System.Web.UI.Page 
Protected Sub Page_Load(ByVal sender As Object, ByVal e As 
System.EventArgs) Handles Me.Load 
If Not Page.IsPostBack Then 
Dim compañia As String = Session("compñia") 
Dim ruc As String = Session("ruc") 
Dim producto As String = Session("producto") 
Dim precio As Double = Session("precio") 
Dim cantidad As Integer = Session("cantidad") 
Dim tabla As New DataTable 'tabla en memoria 
Dim total As Double 
'creando las columnas de la tabla 
tabla.Columns.Add(New DataColumn("Compañia")) 
tabla.Columns.Add(New DataColumn("RUC")) 
tabla.Columns.Add(New DataColumn("Producto")) 
tabla.Columns.Add(New DataColumn("Precio")) 
tabla.Columns.Add(New DataColumn("Cantidad")) 
tabla.Columns.Add(New DataColumn("total")) 
Dim dr As DataRow 
'agregando una fila nueva a la tabla 
dr = tabla.NewRow 
'estableciendo los datos 
dr(0) = compañia 
dr(1) = ruc 
dr(2) = producto 
dr(3) = precio 
dr(4) = cantidad 
total = precio * cantidad 
dr(5) = Math.Round(total, 2) 
'redondeando a dos digitos 
'agregando la filas con datos al DataTable 
tabla.Rows.Add(dr) 
'enlazando la tabla  al GridView1 
DataList1.DataSource = tabla 
DataList1.DataBind() 

End If 
End Sub 
End Class

RICHARD NAJARRO TALAVERANO  Página 5 

CONTROL DE SERVIDOR WEB 

Mostrara La Compra 
Hecha en las Pagina: 
Default2 .aspx

RICHARD NAJARRO TALAVERANO  Página 6