control de servidor web

6
CONTROL DE SERVIDOR WEB RICHARD NAJARRO TALAVERANO Página 1 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.

Upload: richard-najarro-talaverano

Post on 18-Nov-2014

802 views

Category:

Documents


0 download

DESCRIPTION

Control de Servidor Web (Texbox,Datlist,DropDownList ,ListBox,Datalist,Gridview,etc)

TRANSCRIPT

Page 1: Control de Servidor Web

CONTROL DE SERVIDOR WEB 

RICHARD NAJARRO TALAVERANO  Página 1 

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.

Page 2: Control de Servidor Web

CONTROL DE SERVIDOR WEB 

RICHARD NAJARRO TALAVERANO  Página 2 

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.

Page 3: Control de Servidor Web

CONTROL DE SERVIDOR WEB 

RICHARD NAJARRO TALAVERANO  Página 3 

Aplicacion con Controles Web 

Aplicación 1:Default.aspx 

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 

TexBox1 

Image 

TexBox12 Propiedad: MaxLength: 11 

TexBox1 

DropDownList1 AutopostBack : True 

Button1

Page 4: Control de Servidor Web

CONTROL DE SERVIDOR WEB 

RICHARD NAJARRO TALAVERANO  Página 4 

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 

Label 

Image 

DataList1 

HyperLink

Page 5: Control de Servidor Web

CONTROL DE SERVIDOR WEB 

RICHARD NAJARRO TALAVERANO  Página 5 

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

Page 6: Control de Servidor Web

CONTROL DE SERVIDOR WEB 

RICHARD NAJARRO TALAVERANO  Página 6 

Mostrara La Compra Hecha en las Pagina: Default2 .aspx