CONTROLES AVANZADOS DE DATOS

CON ADO.NET

Control DATALIST• Muestra datos en una estructura que se repite, como una

tabla.

• Muestra datos con diferentes diseños (ordenados, en columnas, en filas).

• Es dinámico y muestra los elementos de un origen de datos mediante plantillas.

Plantillas generales

• Alternatinggltem Template -> Se usa para poder especificar otra apariencia para el elemento Alternatinggltem

Template, estableciendo sus propiedades de estilo.

• EditItem Template -> Realiza el diseño de un elemento cuando está en modo de edición.

• FooterTemplate -> Puede contener texto y controles que se van a procesar en la parte inferior del control DataList.

• HeaderTemplate -> Puede contener texto y controles que se van a procesar en la parte superior del control DataList.

• ItemTemplate -> Son elementos que se van a procesar una vez para cada fila del origen de datos e incorpora tres propiedades:• RepeatLayout – Indica la distribución que se le va a dar a los

datos.• RepeatDirection – Indica los elementos que se van a mostrar en

forma horizontal o vertical.• RepeatColumns – Recibe un valor entero que indica el numero

de columnas utilizadas a mostrar.

• SelectItemTemplate -> Estos elementos se van a procesar cuando el usuario seleccione un elemento del control DataList.

• SeparadorTemplate -> Sn los elementos que se van a procesar entre cada elemento.

GridView y elementos de control

• GridView -> Muestra la información en forma de tablas con celdas y columnas. Es el control mas completo y permite realizar todos los procesos.

• Elementos de un GridView es ASP.NET-> Se puede controlar el orden, comportamiento y procesamiento de columnas individuales manipulando directamente la colección Columns de la cuadricula. • BoundColumn -> procesa los valores en etiquetas de texto.

Aplicación de formato automático

• ASP.NET tiene varias plantillas de configuración de apariencia de un GridView. Para la modificación de estas se tiene las siguientes propiedades agrupadas:• HeaderStyle, EditStyle, RowStyle, SelectedRowStyle y

AlternatingRowStyle

Cuadro de aplicación de Formatos para un GridView

Campos de columna

• DataControlField -> representa cada columna del control GridView, que de manera predeterminada la propiedad AutoGenerateColumn se establece en «true», lo que crea un objeto AutoGeneratedField para cada campo del origen de datos.

• BiundField -> Muestra el valor de un campo en un origen de datos, el contenido de la columna como etiqueta y es el tipo de columna por defecto . Para indicar el campo de los datos que se van a mostrar se hace uso de la propiedad DataField.

• HyperLinkField -> Muestra el valor de un campo en un origen de datos como un hipervínculo.

• ImageField -> Muestra una imagen para cada elemento del control GridView.

• CheckBoxFiel -> Muestra controles de casilla de verificación para cada elemento.

• ButtonField -> Muestra un botón de comandos para cada elemento. Crea una columna de controles de botón personalizados.• TemplateField -> Muestra el contenido definido por el usuario

para cada elemento del control, según una plantilla especificada.• CommandField -> Muestra los botones de comando predefinidos

para realizar operaciones de selección, edición o eliminación para el mantenimiento de un listado. • ShowDeleteButton -> muestra u oculta un botón de eliminación.• ShowEditButton -> muestra u oculta un botón de edición.• ShowInsertButton -> muestra u oculta un botón nuevo en un

campo CommandField.

Otras plantillas

• SelectedItemTmplate ->define el aspecto que va a tener un elemento cunado es seleccionado dentro de un control DataList o DataGrid.

• EditItemTemplate -> Permite manejar los datos de un elemento determinado.

Para agregar y configurar un control GridView que permita mostrar datos

• En Visual Web Developer, cambie a la vista Diseño.• Arrastre un control GridView desde el grupo Datos del

Cuadro de herramientas hasta la página.• Si el menú contextual Tareas de GridView no aparece, haga

clic con el botón secundario del mouse (ratón) en el control GridView y haga clic en Mostrar etiqueta inteligente.

• En el menú Tareas de GridView, en la lista Elegir origen de datos, haga clic en <Nuevo origen de datos>.

• Aparece el cuadro de diálogo Configuración de origen de datos.

• Haga clic en Base de datos. Así especifica que desea obtener datos de una base de datos

que admite instrucciones SQL. Esto incluye a SQL Server y a otras bases de datos compatibles con OLE DB.

En el cuadro Especificar un id. para el origen de datos aparece un nombre de control de origen de datos predeterminado (SqlDataSource1). Puede dejar ese nombre.

• Haga clic en Aceptar. Aparece el asistente para orígenes de datos, que muestra una

página en la que puede elegir una conexión.

• Haga clic en Nueva conexión.

• En el cuadro de diálogo Elegir origen de datos, en Origen de datos, haga clic en Microsoft SQL Server y, a continuación, haga clic en Continuar.

• Aparecerá el cuadro de diálogo Agregar conexión.

• En el cuadro Nombre de servidor, escriba el nombre del servidor SQL Server que desea utilizar.

• Por lo que respecta a las credenciales de inicio de sesión, seleccione la opción que resulte apropiada para el acceso a la base de datos de SQL Server (seguridad integrada o id. y contraseña específicos) y, si es necesario, especifique un nombre de usuario y una contraseña.

• Haga clic en Seleccionar o escribir nombre de base de datos y escriba Northwind.

• Haga clic en Probar conexión y, cuando tenga la seguridad de que funciona, haga clic en Aceptar.

• Aparece el asistente Configurar origen de datos - <NombreOrigenDatos> y se rellena la información de la conexión.

• Haga clic en Siguiente.• Aparece el asistente, que muestra una página que le permite

almacenar la cadena de conexión en el archivo de configuración. Si se almacena la cadena de conexión en el archivo de configuración, se tienen dos ventajas:

• Es más seguro que el almacenamiento de la cadena de conexión en la página.

• Puede reutilizar la misma cadena de conexión en varias páginas.• Asegúrese de que está activada la casilla de verificación Sí,

guardar esta conexión como y haga clic en Siguiente. (Puede dejar el nombre predeterminado de la cadena de conexión, NorthwindConnectionString).

• Aparece el asistente, que muestra una página en la que puede especificar los datos que desea obtener de la base de datos.

• En Especificar columnas de una tabla o vista, en el cuadro Nombre, haga clic en Customers.

• Bajo Columnas, active las casillas de verificación CustomerID, CompanyName y City.

• Aparece el asistente, que en un cuadro situado en la parte inferior de la página muestra la instrucción SQL que se está creando.

• Haga clic en Siguiente.• Haga clic en Consulta de prueba para asegurarse de que se

obtienen los datos que desea.• Haga clic en Finalizar.

• Seleccionamos Avanzadas, para indicar que nuestro origen da datos admitirá la modificación.

Paginación, ordenación y edición de un GridView• En la vista Diseño, haga clic con el

botón secundario del mouse (ratón) en el control GridView y, a continuación, seleccione Mostrar etiqueta inteligente.

• En el menú contextual Tareas de GridView, active la casilla de verificación Habilitar ordenación.

• Los encabezados de columna del control GridView cambian a vínculos.

• En el menú contextual Tareas de GridView, active la casilla de verificación Habilitar paginación.

• Se agrega un pie de página al control GridView con vínculos de número de página.

• También puede utilizar Propiedades para cambiar el valor de la propiedad PageSize de 10 a un tamaño de página menor.

• Presione CTRL+F5 para ejecutar la página.

• Podrá hacer clic en un encabezado de columna para ordenar los datos por el contenido de esa columna. Si en el origen de datos hay más registros de los que permite el tamaño de página del control GridView, podrá utilizar los vínculos de exploración de páginas situados en la parte superior del control GridView para desplazarse entre las páginas.

• Cierre el explorador.

DataBinding

• En virtud del mecanismo de DataBinding (conexión con los datos o enlace con los datos)podemos asociar unos datos con un control del interfaz de usuario correspondiente definido dentro de una Web Form.

• Por el DataBinding se conectan controles Web a una fuente de datos y ASP.NET, muestra la información de forma automática, es una forma muy sencilla de organizar la información en listas, cajas de texto, grid, párrafos, etc.

DataBinder.Eval( )• Este método es utilizado cuando tenemos que hacer

referencia a un valor dentro de un origen de datos y además deseamos darle un formato determinado.

• Este origen de datos va a contener más de un valor por cada fila, es decir, sería similar a la tabla de base de datos con sus diferentes campo por cada registro

• Este método se utiliza normalmente en combinación con la instrucción Container.DataItem.

Parámetros • Es un objeto de clase Object que va a representar el

contenedor de los datos.

• Es un objeto de clase String que hará referncia al campo de los datos.

• Es un objeto de la clase String que indicará el formato con el que se mostrará el campo correspondiente, que debe estar entre llaves ({ }).

SqlDataSource• Esta diseñada para trabajar con una base de datos SQL Server.

• Utiliza el proveedor SQL Server.Net para conectarse a la base da datos.

• El provedor SQL Server.Net de la clase datos se define en el namespace System.Data.SqlClient el SqlDtaSource represneta una fuente de control de datos en una base da datos relacional SQL a los datos sujetos a controles.