CARGAR DATA GRID SILVERLIGHT + SQLSERVER 2005 1ra PARTE

Saludos ami@s en este articulo veremos como Cargar/Poblar un Data Grid Silverlight  la Base de Datos NorthWind, que podran descargarlo desde AQUI.

Que usaremos para llegar al objetivo:
  1. Silverlight.
  2. LinQ To SQL.
  3. SQL SERVER - Base de Datos NorthWind.
  4. Web Service.
  5. IIS.
1ro crearemos un Proyecto Silverlight 4.0, y arrastramos el Control data Grid



<UserControl x:Class="Ejm01.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="300" d:DesignWidth="400" xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk">

    <Grid x:Name="LayoutRoot" Background="White">
        <sdk:DataGrid AutoGenerateColumns="False"
         Height="142" HorizontalAlignment="Left"
         Margin="12,86,0,0" Name="dataGrid"
         VerticalAlignment="Top" Width="376" />
    </Grid>
</UserControl>


Para este Ejemplo pondremos la Popiedad del DataGrid  AutoGenerateColumns en False.
Luego crearemos un Web Service que se conecte a Nuestra Base de Datos NorthWind, y nos traiga datos de la Tabla Customers.
Primero crearemos una conexion a nuestra Base de Datos usando LINQ to SQL.


Luego agregaremos una nueva conexion a SQL SERVER, para crear el Modelo en LINQ to SQL,
esto lo podemos encontrar en el Menu Ver-> Explorador de Servidores


Luego ingresamos los Parametros de Conexion de nuestro SQL SERVER.

Luego arrastramos la Tabla Customers, al Modelo de LINQ.


Ahora lo que debemos hacer es Crear un Web Services, en Nuestra Aplicacion Web.

Luego crearemos un Web Method, que nos retornará los Datos de la Tabla Customers, El metodo sera como lo siguiente:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;
namespace Ejm01.Web
{
    [WebService(Namespace = "http://tempuri.org/")]
    [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
    [System.ComponentModel.ToolboxItem(false)]
    public class WebServiceDemo : System.Web.Services.WebService
    {
        [WebMethod]
        public List<Customers> GetCustomers()
        {
            NorthWindDataContext context = new NorthWindDataContext();
            var query = (from c in context.Customers
                         select c).ToList();
            return query;
        }
    }
}


Vemos que el Metodo GetCustomers retorna una Lista de Obtejos de Tipo Customers, se uso Linq para hacer un Select a Toda la Tabla Customers, si Ejecutamos este Web Service Veremos que nos devuelve XML.


Lo que haremos ahora será publicar Nuestra Aplicacion, en nuestro servidor IIS, en la Carpeta C:\inetpub\wwwroot/ que es el directorio por defecto del IIS, para publicar nuestras aplicaciones, para ello le damos clic derecho a nuestra aplicacion Web-> Publicar.


Amigos la proxima completaremos este articulo, y veremos como silverlight puede consumir este web Services que estamos mostrar los Datos en el Data Grid.

Comments

Popular posts from this blog

Error al Iniciar Oracle SQL Developer 11g - Unable to find Java Virtual Machine

Como Mantener el Scroll despues de un PostBack ASP.net ( As Maintain Scroll after a PostBack ASP.net )

How to run ng serve in a different port
Como ejecutar ng serve en un puerto diferente