[Resolvido] WPF - DataBinding com Entity Framework e DataGrid

[RSS iMasters 5]

O primeiro contato com a WPF para um programador .NET que está acostumado a desenvolver para Windows Forms é traumático, pois ele entra em contato com um mundo totalmente diferente e aparentemente tudo o que ele sabia parece que não funciona com WPF.

Na verdade, existe uma certa curva de aprendizagem, mas, após descobrir os 'mistérios' da WPF e principalmente do DataBinding, com certeza você vai constatar que a WPF abre e expande novas possibilidades e apresenta um resultado mais eficaz e elegante.

Neste artigo, abordaremos como utilizar o entity framework e realizar a vinculação de dados com o controle DataGrid da WPF de forma a poder editar, deletar e incluir novas entidades.

Usaremos o banco de dados Northwind.mdf do SQL Server e acesso à tabela Customers para obter os clientes, e em seguida poder editar os pedidos para cada cliente na tabela Orders.

Para isso, criaremos um Entity Data Model usando as tabelas Customers e Orders que será a nossa fonte de dados.

Para alcançar esse objetivo, vamos realizar as seguintes tarefas:

•     Criar uma aplicação WPF;
•     Definir um Entity Data Model para as tabelas Customers e Orders;
•     Definir o DataBinding para o controle DataGrid;
•     Definir as operações para incluir e excluir dados.

Criando o projeto WPF e definindo o Modelo

Abra o Visual C# 2010 e no menu File selecione New Project e a seguir selecione o template Visual C# -> WPF Application, informando o nome wpf_Ef_DataGrid.

No menu Project, clique em Add New Item e a seguir selecione o template ADO .NET Entity Data Model, informe o nome Northwind.edmx e clique em Add.

O assistente será aberto, selecione a opção New Connection e escolha o banco de dados Northwind.mdf , testando a conexão.

Na janela do assistente do EDM, será apresentada a string da Entity Connection e o nome como ele será salvo no arquivo App.Config.

<?xml version="1.0" encoding="utf-8"?>

<configuration>

  <connectionStrings>

    <add name="NORTHWNDEntities" connectionString="metadata=res://*/Northwind.csdl|res://*/Northwind.ssdl|res://*/Northwind.msl;provider=

System.Data.SqlClient;provider connection string="Data Source=.SQLEXPRESS;AttachDbFilename=

C:dadosNORTHWND.MDF;Integrated Security=True;Connect Timeout=30;User Instance=True;

MultipleActiveResultSets=True"" providerName="System.Data.EntityClient" />

  </connectionStrings>

</configuration>

A seguir, selecione as tabelas Customers e Orders e aceite o nome NORTHWNDModel. Clique no botão Finish.

Ao final, teremos o seguinte modelo exibindo as entidades Customer e Order mapeados para as tabelas Customers e Orders e o contexto NORTHWNDEntities que representa o modelo de entidades:

Agora abra o arquivo MainWindow.xaml e defina o seguinte leiaute:

O código XAML que define o leiaute acima é dado a seguir:

<Window x:Class="wpf_Ef_DataGrid.MainWindow"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        Title="DataBinding com DataGrid e Entity Framework" Height="350" Width="525" Loaded="Window_Loaded">

    <Grid>

        <Grid.RowDefinitions>

            <RowDefinition Height="30"/>

            <RowDefinition/>

            <RowDefinition Height="50"/>

        </Grid.RowDefinitions>

        <ComboBox ItemsSource="{Binding}" Name="CustomersCombo" Grid.Row="0"

          IsSynchronizedWithCurrentItem="True" DisplayMemberPath="CompanyName"

          SelectionChanged="CustomersCombo_SelectionChanged" Background="#40BCDA2D" />

        <DataGrid Name="OrdersDataGrid" Grid.Row="1" IsSynchronizedWithCurrentItem="True"

                     AutoGenerateColumns="True" AlternatingRowBackground="Azure"

                     ItemsSource="{Binding}" CanUserAddRows="True" CanUserDeleteRows="True"

                     CanUserSortColumns="True" CanUserReorderColumns="True"

                     CanUserResizeColumns="True" CanUserResizeRows="True" Background="#2C0017F0" />

        <StackPanel Grid.Row="2" Orientation="Horizontal"  >

            <Button Width="100" Height="30" Margin="5" Content="Incluir Pedido" Name="btnIncluir" Click="btnIncluir_Click" />

            <Button Width="100" Height="30" Margin="5" Content="Excluir Pedido" Name="btnDeletar" Click="btnDeletar_Click" />

            <Button Width="100" Height="30" Margin="5" Content="Salvar Dados" Name="btnSalvar" Click="btnSalvar_Click" />

        </StackPanel>

    </Grid>

</Window>

Nesse código temos os seguintes controles:

•     Grid - definição de um Grid com 3 linhas;
•     ComboBox - CustomersCombo - que exibe os clientes cadastrados na tabela Customers;
•     DataGrid - OrdersDataGrid - que exibirá os pedidos (Orders) de um cliente selecionado;
•     Button - btnInclui,btnDeletar e btnSalvar - aciona as operações do Entity Framework para realizar as operações CRUD.

Observe que temos os seguintes eventos definidos no código XAML:

•     Window_Loaded - Evento da carga da janela MainWindow;
•     CustomersCombo_SelectionChanged - Evento do controle ComboBox que ocorre quando um item é selecionado;
•     btnIncluir_Click - Evento Click do botão Incluir;
•     btnDeletar_Click - Evento Click do botão Deletar;
•     btnSalvar_Click - Evento Click do botão Salvar.

Definindo o código

Vamos agora definir o código no arquivo Window.xaml.cs

Namespaces usados:

    using System;

using System.Linq;

using System.Windows;

using System.Windows.Controls;

using System.Collections.ObjectModel;

Definição do contexto e do tipo OrdersList do tipo ObservableCollection:

A classe ObservableCollection<T> que fica no namespace System.Collections.ObjectModel fornece notificações, quando a coleção é modificada, incluindo, alterando ou mesmo excluindo algum item. Através desse recurso, quando definimos uma lista ou coleção como fonte de dados de um DataGrid, quando adicionamos qualquer item na coleção, o DataGrid é atualizado de forma automática. (Para que isso ocorra, a interface INotifyCollectionChanged deverá ser implementada)

private NORTHWNDEntities NorthwindContext = new NORTHWNDEntities();

private ObservableCollection<Order> OrdersList;

 

1- Método GetCustomers

private IQueryable<Customer> GetCustomers()

{

    //Obtem o cliente

return this.NorthwindContext.Customers;

}

2- Método GetOrders

 private ObservableCollection<Order> GetOrders(string CustomerID)

 {

            return new ObservableCollection<Order>(from ord in this.NorthwindContext.Orders.Include("Customer")

where ord.Customer.CustomerID == CustomerID select ord);

}

3- Evento Loaded da janela WIndows que preenche o combobox com os clientes:

  private void Window_Loaded(object sender, RoutedEventArgs e)

        {

            this.CustomersCombo.ItemsSource = this.GetCustomers();

        }

 

4- Evento Click do botão Incluir que incluir um novo pedido para o cliente selecionado:

   private void btnIncluir_Click(object sender, RoutedEventArgs e)

        {

            try

            {

                Order ord = new Order();

                ord.Customer = (Customer)this.CustomersCombo.SelectedItem;

 

                this.OrdersList.Add(ord);

 

                this.NorthwindContext.AddToOrders(ord);

            }

            catch (Exception ex)

            {

                MessageBox.Show(ex.Message.ToString(), "Excluir", MessageBoxButton.OK, MessageBoxImage.Information);

            }

        }

 

5- Evento Click do botão Deletar que exclui um pedido do cliente selecionado:

 private void btnDeletar_Click(object sender, RoutedEventArgs e)

        {

            if (CustomersCombo.SelectedIndex > 0)

            {

                try

                {

                    Order currentProduct = (Order)this.OrdersDataGrid.SelectedItem;

                    this.OrdersList.Remove(currentProduct);

                    this.NorthwindContext.DeleteObject(currentProduct);

                }

                catch (Exception ex)

                {

                    MessageBox.Show(ex.ToString());

                }

            }

            else

            {

                MessageBox.Show("Selecione um item para excluir","Excluir",MessageBoxButton.OK,MessageBoxImage.Information);

            }

        }

6- Evento Click do botão Salvar que persiste os dados no banco de dados:

private void btnSalvar_Click(object sender, RoutedEventArgs e)

        {

            try

            {

                this.NorthwindContext.SaveChanges();

            }

            catch (Exception ex)

            {

                MessageBox.Show(ex.ToString());

            }

 

        }

 

7- Evento SelecionChanged que carrega os pedidos para o novo cliente selecionado:

    private void CustomersCombo_SelectionChanged(object sender, SelectionChangedEventArgs e)

        {

            //Obtem a instancia selecionada do cliente da combo

            Customer currentCustomer = (Customer)this.CustomersCombo.SelectedItem;

 

            //Passa o id do ciente para o método  GetOrders e preenche a coleção com o resultado

            this.OrdersList = this.GetOrders(currentCustomer.CustomerID);

 

            //Atribui os dados ao datagrid

            this.OrdersDataGrid.ItemsSource = this.OrdersList;

        

        }

 

Executando o projeto, iremos obter a exibição dos pedidos do cliente selecionado a partir do qual poderemos realizar as operações para incluir e excluir pedidos:

 

Para alterar os dados de um pedido, basta digitar diretamente no Grid a nova informação.

 

Um DataGrid vinculado a um ObservableCollection<T> permite que as alterações feitas na coleção sejam refletidas no controle de forma imediata, graças à sincronização automática que o databinding nos oferece em coleções que implementam a interface INotifyCollectionChanged.

 

Pegue o projeto completo em: wpf_Ef_DataGrid.zip

 

http://imasters.com.br/artigo/22168/dotnet/wpf-databinding-com-entity-framework-e-datagrid