Controles ASPX

Estructura de una pagina web

ASP.NET

Le estamos indicando que la pagina usará lenguaje C# (C Sharp)

12

34

5

1

• Poder manejar código detrás del modelo nos permite organizar los eventos en forma separada. Todo lo relacionado con Interfaz de

usuario lo manejamos en el archivo .aspx y el control de los eventos en un archivo

separado .cs (para C Sharp).

Código detrás del modelo (Code Behind)

Le estamos indicando que la pagina usará lenguaje C# (C Sharp)

12

34

5

2

aquí indicamos si el código será inline o Behind. Al setearlo en true le estamos indicando que el código será detrás del modelo (CodeBehind) y será especificar el nombre del archivo donde deberá ir a buscar el código de eventos.

12

34

5

2

Aquí le indicamos el nombre del archivo donde incluiremos el código de eventos.

12

34

5

3

Especificamos que clase va a heredar, esta clase la va a ir a buscar dentro del archivo que indicamos en CodeFile.

12

34

5

4

• Cuando creamos un sitio web tenemos la necesidad de repetir ciertas partes de una página en todo el sitio o en parte del sitio. Para no estar copiando y pegando las mismas estructuras en todas las páginas lo que podemos hacer es crear una Master Page y referenciarla en las otras páginas.

Master Page

• La construcción de las páginas maestras son similares a la creación de web forms con algunas diferencias.

– La extensión del archivo es .master– Usa la directiva Master– Contiene un objeto ContentPlaceHolder donde

lo utilizara para mostrar el contenido de las páginas del sitio.

Master Page

Se especifica que queremos que este el contenido en la masterpage

12

34

5

5

Mi Primer Pagina

Master Page

Estilos

ASP.NET nos permite factorizar la información de estilo y diseño en un grupo separado de ficheros. Un Tema se puede aplicar a cualquier sitio de forma que afecte a la apariencia y entorno de las páginas y controles del sitio. Los cambios en el Estilo de un sitio pueden administrarse realizando cambios al Tema, sin tener que editar las páginas de forma individual.

Estiloshojas de estilo en cascada (Cascading Style-Sheets o CSS). Permiten definir el aspecto de cualquier elemento HTML contenido en una página. Aunque se pueden definir dentro de la propia página, hacerlo así les hace perder su verdadero sentido que no es otro que el de separar la definición del aspecto. Así, es posible crear archivos con extensión '.css' que se vinculan a las diferentes páginas de un sitio y definen el aspecto de sus elementos.

“Tipos” de EstilosRedefinición de etiquetas: indican qué aspecto deben tener todas las etiquetas de un determinado tipo en las páginas a las que esté vinculado el archivo. Por ejemplo:

“Tipos” de EstilosClases: definen aspectos que no están asociados a una etiqueta HTML concreta sino que se pueden asignar mediante el atributo class a cualquiera de ellas. Por ejemplo:

“Tipos” de EstilosClass como usarla:

Controles ASP.NET

Propiedad Descripción

AutoPostBack Obtiene o establece un valor que indica si el estado del control se devuelve automáticamente al servidor.

BackColor Obtiene o establece el color de fondo del control de servidor web. (Se hereda de WebControl).

BorderColor Obtiene o establece el color de borde del control Web. (Se hereda de WebControl).

BorderStyle Obtiene o establece el estilo del borde del control de servidor web. (Se hereda de WebControl).

BorderWidth Obtiene o establece el ancho del borde del control de servidor web. (Se hereda de WebControl).

ClientID Obtiene el identificador de control del formato HTML generado por ASP.NET. (Se hereda de Control).

Propiedades en común

Propiedades en comúnPropiedad Descripción

CssClass

Obtiene o establece la clase hoja de estilos en cascada (CSS) presentada por el control de servidor web en el cliente. (Se hereda de WebControl).

EnabledObtiene o establece un valor que indica si el control de servidor web está habilitado. (Se hereda de WebControl).

FontObtiene las propiedades de fuente asociadas al control de servidor web. (Se hereda de WebControl).

ForeColorObtiene o establece el color de primer plano (normalmente el color del texto) del control de servidor web. (Se hereda de WebControl).

HeightObtiene o establece el alto del control de servidor Web. (Se hereda de WebControl).

IDObtiene o establece el identificador de programación asignado al control de servidor. (Se hereda de Control).

Propiedades en comúnPropiedad Descripción

IsEnabled Obtiene un valor que indica si está habilitado el control. (Se hereda de WebControl).

StyleObtiene una colección de atributos de texto que se representan como atributo de estilo en la etiqueta externa del control de servidor web. (Se hereda de WebControl).

TabIndex Obtiene o establece el índice de tabulación del control de servidor web. (Se hereda de WebControl).

TagNameObtiene el nombre de la etiqueta del control. Esta propiedad la usan principalmente los programadores de controles. (Se hereda de WebControl).

Text Obtiene o establece la etiqueta de texto asociada al control CheckBox. (Se hereda de WebControl).

Propiedades en comúnPropiedad Descripción

TextAlign Obtiene o establece la alineación de la etiqueta de texto asociada al control

ToolTipObtiene o establece el texto que se muestra cuando el puntero del mouse se desplaza sobre el control de servidor web. (Se hereda de WebControl).

UniqueID Obtiene el identificador único calificado jerárquicamente para el control de servidor. (Se hereda de Control).

VisibleObtiene o establece un valor que indica si un control de servidor se debe representar como interfaz de usuario en la página. (Se hereda de Control).

Width Obtiene o establece el ancho del control de servidor web. (Se hereda de WebControl).

Label

Presenta un control de etiqueta que muestra texto en una página web.

Label

TextBox

Muestra un control de cuadro de texto para la entrada de datos del usuario.

TextBox

De forma predeterminada, la propiedad TextMode del control se establece en TextBoxMode.SingleLine, que muestra un cuadro de texto de una sola línea.

TextBox

Para mostrar un cuadro de texto multilínea cambiar el valor de la propiedad TextMode a TextBoxMode.MultiLine

TextBox

Un cuadro de texto que enmascara los datos proporcionados por el usuario al cambiar el valor de la propiedad TextMode a TextBoxMode.Password

TextBox

TextBox Y Label

RadioButton

Se utiliza para presentar al usuario un conjunto de opciones

RadioButton

GROUPNAME: los radiobotones son mutuamente excluyentes entre si Y SOLO UNO PUEDE ESTAR ENCENDIDO/ACTIVADO UNO A LA VEZ

RadioButton

Checked: Obtiene o establece un valor que indica si el control está activado.

RadioButton

RadioButtonList

Grupo de botones de radio de selección única que se pueden generar dinámicamente mediante el enlace de datos

RadioButton

RadioButtonListPropiedad Descripción

CellPadding La cantidad de píxeles entre el borde y el contenido de la celda de la tablaCellSpacing La cantidad de pixels entre celdas de la tabla

RepeatColumns El número de columnas que se utiliza al mostrar el grupo de opcionesRepeatDirection Especifica si el grupo de botones de radio debe repetirse horizontal o verticalmente

RepeatLayout La disposición del grupo de botones de radioTextAlign En qué lado del botón de opción deberá aparecer el texto

DataSource Obtiene o establece el objeto del que el control enlazado a datos recupera su lista de elementos de datos.

DataTextField Obtiene o establece el campo del origen de datos que proporciona el contenido de texto de los elementos de lista.

DataValueField Obtiene o establece el campo del origen de datos que proporciona el valor de cada elemento de lista.

SelectedIndex Obtiene o establece el índice ordinal inferior de los elementos seleccionados en la lista.

SelectedItem Obtiene el elemento seleccionado con el índice inferior en el control de lista.

SelectedValue Obtiene el valor del elemento seleccionado en el control de lista o selecciona el elemento en el control de lista que contiene el valor especificado.

CheckBox

Se utiliza para mostrar una casilla de verificación.

Muestra una casilla que permite al usuario seleccionar una condición true o false.

CheckBox

CheckBoxList

Crea un grupo de casillas de selección múltiple cuya creación podría realizarse de forma dinámica enlazando el control al origen de datos.

CheckBoxList

CheckBoxList

ListBox

Representa un control de cuadro de lista que permite la selección de uno o varios elementos.

ListBox

SelectionModeObtiene o establece el modo de selección del controlSelectionMode="Multiple"

ListBox

ListBox

DataSet• Representa una memoria caché de datos en

memoria.• Es una representación de datos residente en

memoria que proporciona una modelo de programación relacional coherente independientemente del origen de datos que contiene. El DataSet contiene en sí, un conjunto de datos que han sido volcados desde el proveedor de datos.

Crear DataSet

DataTable• Este objeto nos permite representar una

determinada tabla en memoria, de modo que podamos interactuar con ella.

DataTableData Type .NET System TypesBoolean System.BooleanByte System.ByteByte[] (Array) System.Byte[]Char (Chararacter) System.CharDateTime System.DateTimeDecimal System.DecimalDouble System.Double

Integer System.Int16, System.Int32, System.Int64

Single System.SingleString System.String

Unsigned Integer System.UInt16, System.UInt32, System.UInt64

TimeSpan System.TimeSpan

Crear DataTable

DropDownList

Representa un control que permite al usuario seleccionar un único elemento de una lista desplegable.

DropDownList

Enlazar Datos

DropDownListPropiedad Descripción

DataSource Obtiene o establece el objeto del que el control enlazado a datos recupera su lista de elementos de datos.

DataTextField Obtiene o establece el campo del origen de datos que proporciona el contenido de texto de los elementos de lista.

DataValueField Obtiene o establece el campo del origen de datos que proporciona el valor de cada elemento de lista.

SelectedIndex Obtiene o establece el índice ordinal inferior de los elementos seleccionados en la lista.

SelectedItem Obtiene el elemento seleccionado con el índice inferior en el control de lista.

SelectedValue Obtiene el valor del elemento seleccionado en el control de lista o selecciona el elemento en el control de lista que contiene el valor especificado.

Conceptos Basicos

Introducción a conceptos web y De datos

• Al solicitar una página ASP.NET desde un cliente, en el servidor se dispara el evento Page_Load asociado a la página antes de generar ninguna salida. Es en el manejador asociado a este evento donde debemos realizar las tareas de inicialización de la página. Dichas tareas suelen incluir el establecimiento de valores por defecto o el rellenado de las listas de valores que han de mostrarse al usuario.

Solicitudes y "postbacks"

• El evento Page_Load se dispara cada vez que el usuario accede a la página. Si lo que deseamos es realizar alguna tarea sólo la primera vez que un usuario concreto accede a la página, hemos de emplear la propiedad Page.IsPostBack. Esta propiedad posee el valor false cuando el cliente visualiza por primera vez la página ASP.NET, mientras que toma el valor true cuando no es la primera vez que la página ha de ejecutarse para ser mostrada.Esto sucede cuando el usuario realiza alguna acción, como pulsar un botón del formulario web, que tiene como consecuencia volver a generar la página para presentar datos nuevos o actualizados en la interfaz de usuario.

Solicitudes y "postbacks"

• Utilizando únicamente el manejador correspondiente al evento Page_Load podemos conseguir una página dinámica cuya actualización se realiza cada vez que el usuario pulsa un botón, pulsación que se traduce en una nueva solicitud al servidor web (post back si empleamos la terminología habitual). No obstante, en determinadas ocasiones nos puede interesar que la interfaz de nuestra aplicación web responda a otras acciones del usuario, no sólo a la pulsación final de un botón del formulario.

AutoPostBack

• La propiedad AutoPostBack existente en algunos de los controles ASP.NET sirve para que, ante determinados eventos relacionados con acciones del usuario, el estado de los controles de la página se envíe automáticamente al servidor. Esto permite actualizar el contenido de la página conforme el usuario interactúa con la aplicación

AutoPostBack

• A diferencia de las aplicaciones para Windows, en las cuales el usuario interactúa con una instancia concreta de un formulario, en las aplicaciones web cada acción del usuario se trata de forma independiente. En otras palabras, cada vez que se le muestra una página al usuario, la página se construye de nuevo

Estado de una página ASP.NET

• Representa un procedimiento almacenado o una instrucción de Transact-SQL que se ejecuta en una base de datos de SQL Server. Esta clase no puede heredarse.

SqlCommand

• Representa un conjunto de comandos de datos y una conexión de base de datos que se utilizan para rellenar un DataSet y actualizar una base de datos de SQL Server. Esta clase no puede heredarse

SqlDataAdapter

• Representa una conexión abierta a una base de datos de SQL Server. Esta clase no puede heredarse.

SqlConnection

• Los objetos command usan parámetros para pasar valores a instrucciones SQL o procedimientos almacenados que permiten realizar operaciones de comprobación de tipos y validación

Parametros (Parameter)

• Cuando se agregan parámetros distintos de los parámetros de entrada, se debe proporcionar una propiedad ParameterDirection

ParameterDirection

Nombre del miembro Descripción

Input Se trata de un parámetro de entrada. Éste es el valor predeterminado.

InputOutput El parámetro se puede comportar tanto de entrada como de salida.

Output Se trata de un parámetro de salida.

ReturnValue El parámetro representa un valor devuelto de una operación como, por ejemplo, un procedimiento almacenado, una función integrada o una función definida por el usuario.

Tipos de datos de parámetroTipo de .NET Framework DbType SqlDbType

Boolean Boolean Bit Byte Byte TinyInt

byte[] Binary VarBinary. Esta conversión implícita generará un error en el caso de que la matriz de bytes tenga un tamaño superior al tamaño máximo de un tipo VarBinary, que es de 8.000 bytes.En matrices de bytes con más de 8.000 bytes, establezca de forma explícita el tipo SqlDbType.

Char No se admite la deducción de un tipo SqlDbType a partir de char. DateTime DateTime DateTime Decimal Decimal Decimal Double Double Float Single Single Real Int16 Int16 SmallInt Int32 Int32 int Int64 Int64 BigInt

Object object Variant

String String NVarChar. Esta conversión implícita generará un error en el caso de que la cadena tenga un tamaño superior al tamaño máximo de un tipo NVarChar, que es de 4.000 caracteres. En cadenas con más de 4.000 caracteres, establezca de forma explícita el tipo SqlDbType.

AnsiString VarChar Currency Money

• Representa un parámetro de un objeto SqlCommand y, de manera opcional, su asignación a columnas de DataSet. Esta clase no puede heredarse

SqlParameter