Guia de Ejericicios – Aplicaciones Web Forms con ASP.NET Índice
Requisitos Requisitos ................................................ ........................................................................... ..................................................... ................................................. ....................... 2 Introducción Introducción.................................................. ............................................................................. ..................................................... ............................................. ................... 3 ASP .NET .NET 2.0 – 2.0 – Paso a Paso.................................................. ............................................................................ ............................................. ................... 4 Grid View.................................................. ............................................................................. ..................................................... ................................................. ....................... 4 DetailsView DetailsView .................................................. ............................................................................. ..................................................... ........................................... ................. 15 FormView ................................................. ............................................................................ ..................................................... ............................................... ..................... 23 DataList .................................................... ............................................................................... ..................................................... ............................................... ..................... 26 Enlazando Enlazando Datos con Objetos................................................. ........................................................................... ........................................... ................. 29 Enlazando Enlazando con la capa de acceso a Datos.................................................... ..................................................................... ................. 29 Enlazando Enlazando a una Clase de Negocios................................................ .......................................................................... .............................. .... 38 TREEVIEW TREEVIEW + DataAdapter DataAdapter ...................................................................... ............................................................................................... ........................... 48
Página 1 de 51
Requisitos
Para la resolucion de los ejercicios debe tener instalado:
o MS Visual Studio 2005 / Visual Web Developer 2005 Express Edition. o MS SQL Server 2005 Express Edition. Debe instalar además las siguientes bases de datos:
-
Northwind (http://www.microsoft.com/downloads/details.aspx?FamilyId=066162120356-46A0-8DA2-EEBC53A68034&displaylang=en ) AdventureWorks (http://www.microsoft.com/downloads/details.aspx?familyid=9697AAAA-AD4B-416E87A4-A8B154F92787&displaylang=en )
Para instalar correctamente la base AdventureWorks se recomienda la lectura del documento titulado “ SQL Server 2005 Databases and Samples Overview ”, que acompaña a esta guia. También puede ser descargado de http://download.microsoft.com/download/d/8/6/d865cf0c-c44b-401b-b426b3bf5c628112/SQLServerDatabasesAndSamplesOverview.htm
Página 2 de 51
Requisitos
Para la resolucion de los ejercicios debe tener instalado:
o MS Visual Studio 2005 / Visual Web Developer 2005 Express Edition. o MS SQL Server 2005 Express Edition. Debe instalar además las siguientes bases de datos:
-
Northwind (http://www.microsoft.com/downloads/details.aspx?FamilyId=066162120356-46A0-8DA2-EEBC53A68034&displaylang=en ) AdventureWorks (http://www.microsoft.com/downloads/details.aspx?familyid=9697AAAA-AD4B-416E87A4-A8B154F92787&displaylang=en )
Para instalar correctamente la base AdventureWorks se recomienda la lectura del documento titulado “ SQL Server 2005 Databases and Samples Overview ”, que acompaña a esta guia. También puede ser descargado de http://download.microsoft.com/download/d/8/6/d865cf0c-c44b-401b-b426b3bf5c628112/SQLServerDatabasesAndSamplesOverview.htm
Página 2 de 51
Introducción Los ejercicios aquí desarrollados muestran paso a paso como realizar aplicaciones web simples con acceso a datos, y pueden realizarse en C# y/o VB.NET (hay porciones de código transcriptas, e imágenes que lo guiarán para lograr los objetivos). Se han resuelto algunos de los ejercicios para que el alumno pueda tener el ejemplo del codigo terminado. Los ejercicios resueltos de esta guia paso a paso son:
GridView DetailsView Enlazando con la capa de negocios
Todos ellos se encuentran en el proyecto “Acceso a Datos” , adjunto al material del curso. En el ejercicio de Acceso a Datos se incluyen también el nuevo concepto de Themes & Skins, para dar a la aplicación un aspecto agradable (este nuevo tema esta desarrollado en la presentación teórica).
Página 3 de 51
ASP .NET 2.0 – Paso a Paso Grid View Objetivo: Construir un formulario con un control GridView para visualizar, modificar y modificar y eliminar datos de la tabla “Products” de la base de datos Northwind. NOTA: La serie de pasos utilizada en la resolución del presente ejercicio no necesariamente refleja las mejores prácticas de Desarrollo y Arquitectura de aplicaciones empresariales establecidas por Microsoft.
1. Abra el Visual Web Developer 2005 Express Express Edition. Seleccione el menú menú File / New Web Site para crear un nuevo Web Site, según la siguiente figura. Note que el lenguaje es el Visual Basic, pero si usted desea cambiarlo cambiarlo a Visual C# no hay ningún problema, ya que los pasos son los mismos.
2. Luego presione el el botón OK. Se abrirá una ventana conteniendo la página Default.aspx con el HTML que se mostrará. A los efectos del ejercicio, vamos a crear páginas relativas al tópico abordado, por lo tanto, abra el Solution Explorer (Ctrl + Alt + L) y excluya esta página. Para agregar una nueva página al Solution Explorer, haga click con el botón derecho sobre C:\WebSite\DCE20005 y seleccione Add New Item. Escriba GridView GridView.aspx .aspx en el nombre nombre de la página página y haga click click en Add. Página 4 de 51
3. En caso de que quiera escribir los Tags HTML directamente en esta ventana, siéntase a gusto, sin embargo, le mostraré los controles en la ventana de Design. Siendo así, haga click en el botón Design en el pie de la página.
Página 5 de 51
4. Abra la Toolbox y arrastre un control GridView hacia el formulario. Se abrirá una Smart Tag conteniendo diversas opciones.
Página 6 de 51
5. Seleccione Auto Format y aplique un formato de acuerdo con su gusto.
6. Para definir la fuente de datos, en Choose Data Source seleccione New Data Source.
7. Usted puede seleccionar cualquier fuente de datos, pero en este caso elija Database. Note que ya se define un ID (SqlDataSource1), y en caso de que quiera alterarlo bastará con escribirlo. Como vamos a utilizar esta conexión en varios ejercicios, deje el checkbox de conexión seleccionado para que la string de conexión sea almacenada en el archivo Web.Config.
Página 7 de 51
8. Se abrirá un “wizard” por el cual se configura la base de datos y se arma la cadena de conexión, le dejamos ese paso para que lo configure de acuerdo a sus necesidades. 9. Una vez configurada la cadena de conexión necesita identificar cuál es la tabla que será usada como fuente de datos. Seleccione Productos y algunos campos.
Página 8 de 51
10. Como permitiremos la edición de datos en el GridView, haga click en el botón Advanced para abrir esta ventana, donde seleccionará las dos opciones para incluir en el control SqlDataSource todas las instrucciones SQL que hacen efectivas estas operaciones.
Página 9 de 51
11. En la Smart Tag se muestran los checkboxes para que active las operaciones. Seleccione: Enable Paging, para permitir la paginación. Enable Sorting, para permitir el ordenado por columna. Enable Editing, para permitir la edición de datos directamente en el GridView. Enable Deleting, para permitir la exclusión de datos.
12. Si desea editar las columnas, seleccione Edit Columns. Primero deberá “des seleccionar” el tilde campo “Auto generate Columns”, y luego añadir las columnas que desee:
Página 10 de 51
13. Puede aplicar el formato que desee en los campos, por ejemplo configure el formato en el campo “ProductNumber para que sea exhibido como numérico, sin decimales (DataFormatString = {0:n0}). Se puede aplicar cualquier formato a las columnas.
Página 11 de 51
14. Como fue permitida la edición de datos en el control, personalice los botones al idioma en el que el control será utilizado. Para ello, seleccione el Command Field, localice las propiedades Text de cada botón y modifique el texto.
Página 12 de 51
15. Seleccione Auto Format en el Smart Tag, y aplique un formato de acuerdo con su agrado. (en el ejemplo adjunto en el material se utiliza un Theme para la definición del estilo) 16. Guarde el proyecto y presione CTRL + F5 para ejecutarlo en el navegador. Es importante destacar que el ASP.NET 2.0 no necesita tener un IIS instalado en la máquina, ya que trabaja con su propio servidor web de desarrollo.
Página 13 de 51
El código de este ejercicio se encuentra en el ejemplo adjunto “DCE2005 Acceso a Datos”, en la página “GridView.aspx”, tenga en cuenta que en el ejercicio resuelto se utiliza una “Máster Page y Themes” para dar un formato y estilo amigable.
Página 14 de 51
DetailsView Objetivo: Construir un formulario con el control DetailsView para visualizar y modificar los registros de la tabla “Employes” de la base de datos AdventureWorks. NOTA: La serie de pasos utilizada en la resolución del presente ejercicio no necesariamente refleja las mejores prácticas de Desarrollo y Arquitectura de aplicaciones empresariales establecidas por Microsoft.
1. Agregue un nuevo Web Form al Solution Explorer, llámelo DetailsView.aspx. 2. Abra la Toolbox y arrastre un control DetailsView hacia el formulario. Se abrirá una ventana con la Smart Tag para informar la fuente de datos. Seleccione New data source:
3. Informe cuál es la fuente de datos, en este caso es una Database.
Página 15 de 51
4. Seleccione la tabla Employees con algunos campos.
Página 16 de 51
5. Haga click en el botón Advanced Options y seleccione los dos checkboxes para que sean creados los métodos para soportar la inserción y edición de datos.
Página 17 de 51
6. Volviendo al Smart Tag, seleccione todos los checkboxes para activar la paginación y el mantenimiento de datos. 7. .Ingrese a la opción “EditFields…” y des seleccione la opción “Auto generate columns”. Del mismo modo que hizo con la grilla, añada los campos que desee por medio de la opción “Add New Field…”
8. Personalice el campo “Fecha Finalización” para que quede con el formato de acuerdo con la propiedad DataFormatString, que es {0:dd/MM/yyyy}. El “0:” indica que será el campo actual y el formato viene a continuación.
Página 18 de 51
9. Si analiza el código HTML generado, notará que el contenido de la fuente de datos está declarado dentro del HTML a través de la Tag asp:SqlDataSource.
Página 19 de 51
10. Guarde el proyecto y ejecútelo en el navegador. Incluya un nuevo registro y guárdelo. Enseguida, modifique el contenido y guarde nuevamente.
Página 21 de 51
El código de este ejercicio se encuentra en el ejemplo adju nto “DCE2005 Acceso a Datos”, en la página “DetailsView.aspx”. Tenga en cuenta que en el ejercicio resuelto se utiliza una “Master Page” y Themes para dar un formato y estilo amigable.
Página 22 de 51
FormView Objetivo: Construir un formulario con el control FormView para visualizar los registros de la tabla “Customers” de la base de datos NorthWind. NOTA: La serie de pasos utilizada en la resolución del presente ejercicio no necesariamente refleja las mejores prácticas de Desarrollo y Arquitectura de aplicaciones empresariales establecidas por Microsoft.
1. Agregue un nuevo Web Form en el Solution Explorer. Arrastre el control FormView hacia el formulario.
2. La fuente de datos será un Database. Seleccione la tabla Customers de la base de datos Northwind y todos los campos.
Página 23 de 51
3. Aplique un Auto Format según la opción.
4. Ajuste el layout de manera que quepan todos los datos.
Página 24 de 51
5. Guarde el proyecto y ejecútelo en el navegador. Navegue en las páginas para visualizar los registros.
Página 25 de 51
DataList Objetivo: Construir un formulario con el control DataList. Este control muestra diversos registros en la misma página en la que usted debe determinar el área de datos y el respectivo layout. NOTA: La serie de pasos utilizada en la resolución del presente ejercicio no necesariamente refleja las mejores prácticas de Desarrollo y Arquitectura de aplicaciones empresariales establecidas por Microsoft.
1. Agregue un nuevo Web Form al Solution Explorer. Arrastre el control DataList hacia el formulario. Como en los ejercicios anteriores seleccione el DataSource, en este caso seleccione la tabla Orders.
2. Configure con AutoFormat para que el control tenga un aspecto de su agrado.
3. Personalice el campo OrderDate para que la fecha sea mostrada en el formato adecuado. Para ello, seleccione el OrderDateLabel y el enlace Edit DataBindings. Configure el formato para Short Date.
Página 26 de 51
4. Note que en el HTML, la propiedad clave para exhibir los datos es la Text donde usa el Eval(field).
OrderID: OrderDate: '/>
SelectCommand="SELECT [OrderID], [OrderDate], [ShipName], [ShipAddress], [ShipCity], [ShipCountry] FROM [Orders]“
ConnectionString="<%$ ConnectionStrings:AppConnectionString1 %>">
Página 27 de 51
5. Guarde el proyecto y ejecútelo en el navegador.
Página 28 de 51
Enlazando Datos con Objetos Enlazando con la capa de acceso a Datos
Objetivo: Definir una clase de de Acceso a Datos (DAL) conteniendo métodos para acceder a una base de datos que devuelvan un DataSet para enlazar los datos en los controles que sean necesarios. NOTA: La serie de pasos utilizada en la resolución del presente ejercicio no necesariamente refleja las mejores prácticas de Desarrollo y Arquitectura de aplicaciones empresariales establecidas por Microsoft.
1. En el Solution Explorer, agregue un nuevo proyecto tipo Class Library llamado DataAccess. 2. Como accederemos al SQL Server, en la primera línea de la pantalla escriba los Namespaces que contienen los métodos y propiedades para efectuar el acceso. En este caso, el namespace que contiene la clase SqlClient, la cual fue creada para manipular datos con SQL Server 7 o superior. VB.NET Imports System.Data Imports System.Data.SqlClient
C# using System.Data; using System.Data.SqlClient;
3. Escriba el método llamado GetCategories que devuelve un DataSet. Este método: utilizará el string de conexión llamado myConn que está almacenado en el archivo Web.Config; define una instrucción SQL que selecciona todos los campos de la tabla Categories; define la conexión y el Command que implementa el Select; crea un DataAdapter y un DataSet; completa el DataAdapter en el respectivo DataSet definido y lo devuelve.
Mientras tanto, el método GetProducts recibe como argumento el código de la categoría y devuelve un Dataset con los productos de esa categoría. Página 29 de 51
Este código será usado como criterio en la instrucción SQL para investigar todos los productos de la respectiva categoría: VB.NET Public Class DataAccess Public Shared Function GetCategories () As DataSet Dim conexion As String = ConfigurationSettings.C onnectionStrings(“myConn").ConnectionString() Dim sql As String = "SELECT * FROM Categories" Dim conn As New SqlConnection(conexion) Dim command As New SqlCommand(sql, conn) Dim adapter As New SqlDataAdapter(command) Dim ds As New DataSet adapter.Fill(ds) Return ds End Function
Public Shared Function GetProducts (ByVal cat As Integer) As DataSet Dim conexion As String = ConfigurationSettings.ConnectionStrings(“myConn").ConnectionString( )
Dim conn As New SqlConnection(conexion) Dim command As New SqlCommand() command.Connection = conn command.CommandType = CommandType.Text command.Parameters.Add(New SqlParameter("@cat", cat)) command.CommandText = "SELECT ProductID, ProductName, UnitPrice, UnitsInStock FROM Products WHERE categoryID=@cat" Dim adapter As New SqlDataAdapter(command) Dim ds As New DataSet adapter.Fill(ds)
Página 30 de 51
Return ds End Function End Class
C# public class DataAccess { public static DataSet GetCategories () { string conexion = "Database=northwind;server=(local);user id=sa "; string sql = "SELECT * FROM Categories"; SqlConnection conn = new SqlConnection(conexion); SqlCommand
command = new SqlCommand(sql, conn);
SqlDataAdapter adapter = new SqlDataAdapter(command); DataSet ds = new DataSet(); adapter.Fill(ds); return ds; } public static DataSet GetProducts (int cat) { string conexion = "Database=northwind;server=(local);user id=sa"; SqlConnection conn = new SqlConnection(conexion); SqlCommand command = new SqlCommand(); command.Connection = conn; command.CommandType = CommandType.Text; command.Parameters.Add(new SqlParameter("@cat", cat)); command.CommandText = "SELECT ProductID, ProductName, UnitPrice, UnitsInStock FROM Products WHERE categoryID=@cat";
Página 31 de 51
SqlDataAdapter adapter = new SqlDataAdapter(command); DataSet ds = new DataSet(); adapter.Fill(ds); return ds; } }
4. Guarde el proyecto. Agregue un nuevo Web Form en el Solution Explorer. Escriba Categorías y arrastre el control DropDownList hacia el formulario. En la Smart Tag, seleccione el checkbox AutoPostBack para enviar el contenido de este control al servidor.
5. Para la fuente de datos seleccione Object, ya que usaremos la clase definida anteriormente. En caso de que desee alterar el nombre del DataSource, siéntase libre de hacerlo.
Página 32 de 51
6. En el Tab Select se muestran todos los métodos existentes. Seleccione el GetCategories y observe que el tipo de retorno es un DataSet.
Página 33 de 51
7. Como el control es un DropDownList, escriba CategoryName en “Data Field to Display”, porque es aquí que el campo será exhibido. Por otra parta, el ”Data Field for the Value” es el campo que será almacenado cuando el usuario seleccione un ítem, por lo tanto escriba CategoryID.
8. A continuación Construiremos en el formulario un GridView para mostrar todos los productos de la respectiva categoría. Seleccione como Data Source el Object DataAccess y el método GetProducts.
Página 34 de 51
9. Como este método requiere un parámetro, hay que especificar que vendrá del control DropDownList1, para esto seleccione en el combo ParameterSource la opción “Control”, y seleccione en el combo “ControlId”, el control que corresponda.
Página 35 de 51
10. En la Smart Tag, habilite la paginación y el ordenamiento, y configure el formato para la grilla que sea de su agrado.
Página 36 de 51
11. Guarde el proyecto y ejecútelo en el navegador. Seleccione otras categorías y vea que el GridView muestra todos los productos de la categoría seleccionada.
Página 37 de 51
Enlazando a una Clase de Negocios
Objetivo: Obtener los departamentos de la base de datos AdventureWorks según el grupo solicitado por el cliente (se utilizará la tabla “Department”). Definir un componente de negocios que implemente “reglas” a los datos obtenidos del componente de acceso a datos. Implementar el componente dentro de la carpeta virtual “App_Code”. NOTA: La serie de pasos utilizada en la resolución del presente ejercicio no necesariamente refleja las mejores prácticas de Desarrollo y Arquitectura de aplicaciones empresariales establecidas por Microsoft.
1. En el Solution Explorer, con el botón derecho del Mouse sobre el proyecto agregue la carpeta virtual “App_Code”:
Página 38 de 51
2. Dentro de la carpeta generada, incorpore tres clases: “ AccesoDatos.cs”, “CapaDeNegocio.cs” y “Departamento.cs”. Veamos primero la clase de acceso a datos: //Se incluyen las referencias necesarias, además de las de acceso a //datos y Sql, los namespaces “ using System.Collections.Generic ” y //“using System.Text ” serán utilizados para poder utilizar una lista //generica para la devolucion de datos y un contructor de cadenas para //crear la cadena de consultas.
VB.NET Imports System.Data Imports System.Data.SqlClient Imports System.Collections.Generic Imports System.Text
C# using System.Data; using System.Collections.Generic; using System.Text; using System.Data.SqlClient;
3. En esta clase que simula el componente de acceso a datos, hay que incorporar un método que devuelva los Departamentos por grupos, de acuerdo al requisito. La clase completa se encuentra en el proyecto “DCE2005 Acceso a Datos”, que también posee un método para devolver los grupos en que se dividen los departamentos. VB.NET Public Function ObtenerDepartamentos(ByVal grupo As String) As List(Of Departamento) Dim departamentos As List(Of Departamento) = New List(Of Departamento) Dim query As StringBuilder = New StringBuilder query.Append("SELECT ") query.Append("DepartmentID, ") query.Append("Name, ") query.Append("ModifiedDate ") query.Append("FROM [HumanResources].[Department] ") query.AppendFormat("WHERE GroupName = '{0}' ", grupo) query.Append("Order By Name") Dim command As SqlCommand = New SqlCommand command.CommandText = query.ToString
Página 39 de 51
Dim conn As SqlConnection = New SqlConnection(ConfigurationManager.ConnectionStrings("ADVENTUREWORKSConnectionSt ring").ConnectionString) command.Connection = conn Try conn.Open() ' Using Dim dr As SqlDataReader = command.ExecuteReader Try If dr.HasRows Then While dr.Read Dim dep As Departamento = New Departamento(Convert.ToInt32(dr(0)), dr(1).ToString, grupo, Convert.ToDateTime(dr(2))) departamentos.Add(dep) End While End If Finally CType(dr, IDisposable).Dispose() End Try Catch ex As Exception Throw ex Finally conn.Close() End Try Return departamentos End Function
Página 40 de 51
C# /// /// Este metodo obtiene los departamentos por grupos. /// /// El grupo seleccionado del combo /// Una lista de departamentos. public List ObtenerDepartamentos(string grupo) { List departamentos = new List(); StringBuilder query = new StringBuilder(); query.Append("SELECT "); query.Append("DepartmentID, "); query.Append("Name, "); query.Append("ModifiedDate "); query.Append("FROM [HumanResources].[Department] "); query.AppendFormat("WHERE GroupName = '{0}' ", grupo); query.Append("Order By Name"); SqlCommand command = new SqlCommand(); command.CommandText = query.ToString(); SqlConnection conn = new SqlConnection( ConfigurationManager.ConnectionStrings[ "ADVENTUREWORKSConnectionString" ].ConnectionString); command.Connection = conn; try { conn.Open(); using (SqlDataReader dr = command.ExecuteReader()) { if (dr.HasRows) { while(dr.Read()) { Departamento dep = new Departamento( Convert.ToInt32( dr[0]), dr[1].ToString(), grupo , Convert.ToDateTime(dr[2]) ); departamentos.Add(dep); } } } } catch (Exception ex) { throw ex; } finally { conn.Close(); } return departamentos; } }
Página 41 de 51
4. Otra clase necesaria, para poder desarrollar el método anterior es la clase “Departamento.cs”, esta clase contendrá las propiedades y métodos necesarios para crear el objeto “Departamento” con que se llenará la lista. Puede ver esta clase en el proyecto “DCE2005 Acceso a Datos” . 5. Por último, la clase “CapaDeNegocios”, simula un componente de negocios, en este caso y para simplificar el ejemplo, no se aplican reglas de validación, o propias del negocio, solo se invocan los métodos del componente de acceso a datos. Los accesos se realizan por medio de la clase “AccesoDatos.cs” , que simula una capa de datos, y utiliza la clase Departamento, ya que es con objetos de este tipo en los que se basa el ejercicio. Los métodos más importantes de la capa de negocios, contra los que se enlazaran los datos en los controles son los siguientes: VB.NET Public Function ObtenerDepartamentosPorGrupo(ByVal grupo As String) As List( of Departamento) 'Definir y agregar las reglas de negocio Dim ad As AccesoDatos = New AccesoDatos Return ad.ObtenerDepartamentos(grupo) End Function
C# public List ObtenerDepartamentosPorGrupo(string grupo) { //Definir y agregar reglas de negocio AccesoDatos ad = new AccesoDatos(); return ad.ObtenerDepartamentos(grupo); }
6. Una vez armadas las 3 clases, agregue un nuevo Web Form en el Solution Explorer y llámelo “BindingToBusinessLayer ”. Con ASP.NET 2.0 puede también arrastrar y pegar los controles en la solapa “Source”, entonces, desde la solapa “Source” incorpore un control “Label”, un control “DropDownList” y un control “GridView”.
En el ejercicio resuelto, se esta trabajando con una página maestra y temas, para mantener una interfaz uniforme, además previamente a la incorporación de los controles se incorporo una tabla de html para darle la estructura a la página. En la porción de código copiada aquí, no se incluyen comentarios. Para ver la versió n completa con comentarios, vea el ejercicio “DCE2005 Acceso a Datos”, la clase “BindingToBusinessLayer.aspx ”
Página 42 de 51
Con la utilización del tema a nivel de aplicación, el código html queda más limpio, ya que no es necesario incluir propiedades de estilo (y comportamiento) en el html: ASP .NET | Seleccione un grupo: |
|
|
DataSourceID="dsDepartamentos" AutoGenerateColumns="false" > |
Observe que al no permitir que la grilla “ auto genere las columnas” (propiedad: AutoGenerateColumns="false"), hay que definir explícitamente cada columna a mostrar. La propiedad DataField , hace referencia al campo que devuelve la consulta a la base de datos, enlazando la información a mostrar en cada columna. 7. Las fuentes de datos utilizadas en el ejercicio, fueron incorporadas del ToolBox, y configuradas como sigue: ASP .NET
Página 43 de 51
TypeName="Departamentos.CapaDeNegocio" SelectMethod="ObtenerDepartamentosPorGrupo" DataObjectTypeName="Departamentos.Departamento" >
8. Puede ver el código completo en el ejercicio antes mencionado, el resultado es el siguiente:
Tenga en cuenta que en la vista de diseño, mediante el smart tag puede configurar el control “ObjectDataSource” seleccionando la clase de la capa de negocios, y los m étodos para realizar el enlace de datos a los controles, de manera similar al ejercicio anterior.
Página 44 de 51
TREEVIEW + XML Objetivo: Definir un archivo XML y utilizarlo como fuente de datos para un control TreeView. NOTA: La serie de pasos utilizada en la resolución del presente ejercicio no necesariamente refleja las mejores prácticas de Desarrollo y Arquitectura de aplicaciones empresariales establecidas por Microsoft.
1. En el Solution Explorer, agregue un nuevo ítem de tipo XML File llamado myXML con la siguiente estructura. asp.NET dino esposito ms press sql reporting services tom cruise ms press
2. Agregue un nuevo Web Form. Arrastre el control TreeView hacia el formulario y asocie como fuente de datos el archivo XML creado anteriormente.
Página 45 de 51
3. Defina un Auto Format según la opción para presentar los datos jerárquicos de manera viable.
Página 46 de 51
Página 47 de 51
TREEVIEW + DataAdapter Objetivo: Escribir un código que leerá una tabla en el banco de datos, Construir un DataAdapter y completar un control TreeView. NOTA: La serie de pasos utilizada en la resolución del presente ejercicio no necesariamente refleja las mejores prácticas de Desarrollo y Arquitectura de aplicaciones empresariales establecidas por Microsoft.
1. En el Solution Explorer, Agregue un nuevo formulario conteniendo un control TreeView. Como escribiremos el código directamente en el HTML, en el pie de página, haga click en el botón HTML y escriba el siguiente código que leerá dos tablas (Categories y Products) de la base de datos Northwind, construirá en memoria una relación entre las claves y lo usará como fuente de datos para construir el control TreeView. Como este control requiere datos jerárquicos, entonces construiremos un nivel con las categorías y otro nivel con los productos de las respectivas categorías. VB.NET <%@ Page Language="VB" %> <%@ Import Namespace="System.Data" %> <%@ Import Namespace="System.Data.SqlClient" %>
<script runat="server"> Dim conexao As String = "Server=localhost;Database=Northwind;user id=sa"
Sub Page_Load() If Not Page.IsPostBack Then
FillNodes () End If End Sub
Sub FillNodes () Dim ds As DataSet = GetData() For Each masterRow As DataRow In ds.Tables("Categories").Rows Dim masterNode As New TreeNode(masterRow("CategoryName").ToString())
Página 48 de 51
TreeView1.Nodes.Add(masterNode) For Each childRow As DataRow In masterRow.GetChildRows("Children") Dim childNode As New TreeNode(childRow("ProductName").ToString()) masterNode.ChildNodes.Add(childNode) Next Next End Sub
Function GetData () As DataSet Dim conn As SqlConnection = New SqlConnection(conexao) Dim sqlCat As String = "SELECT CategoryID, CategoryName FROM Categories" Dim sqlProd As String = "SELECT CategoryID, ProductName FROM Products" Dim daCat As SqlDataAdapter = New SqlDataAdapter(sqlCat, conn) Dim daProd As SqlDataAdapter = New SqlDataAdapter(sqlProd, conn) Dim ds As DataSet = New DataSet() daCat.Fill(ds, "Categories") daProd.Fill(ds, "Products") ds.Relations.Add("Children", _ ds.Tables("Categories").Columns("CategoryID"), _ ds.Tables("Products").Columns("CategoryID")) Return ds End Function
C# <%@ Page Language="C#" %>
Página 49 de 51
<%@ Import Namespace="System.Data" %> <%@ Import Namespace="System.Data.SqlClient" %>
<script runat="server"> const string connString = "Server=localhost;Database=Northwind;user id=sa"; void Page_Load() { if (! Page.IsPostBack)
FillNodes (); }
void FillNodes () { DataSet dst = GetData(); foreach (DataRow masterRow in dst.Tables["Categories"].Rows) { TreeNode masterNode = new TreeNode((string)masterRow["CategoryName"]); TreeView1.Nodes.Add(masterNode); foreach (DataRow childRow in masterRow.GetChildRows("Children")) { TreeNode childNode = new TreeNode((string)childRow["ProductName"]); masterNode.ChildNodes.Add(childNode); } }
}
DataSet GetData ()
Página 50 de 51
