quinta-feira, 2 de setembro de 2010
Busca  
Porta 80 Web Hosting
 :: Acessibilidade
Ir para conteúdo principal: ALT + 1
 :: Participe
Seja um autor de CD/DVD de Treinamento
Publique um artigo
Publique uma oportunidade
Publique uma notícia
Publique um curso
Publique uma dica
Publique um código
 :: Informativo
Receba nossos informativos por e-mail.
E-mail:   
 
Digite a palavra abaixo:  
 
 
 :: Oportunidades
Cadastrar oportunidades
Gerenciar suas oportunidades
Cadastrar nova empresa
 :: Especiais
Básico de C++
C++ Builder
Curso ASP.NET 3.5 em VB.NET e C#
Guia Prático de HTML
Testes com Visual Studio Team System 2008
 :: Desenvolvimento
ActionScript
ADO.NET
ASP
ASP.NET
Automação Comercial
C#
C/C++
Coldfusion
CSS
Delphi
Disp. Móveis
HTML
Java
Javascript
LSL (Second Life)
Modelagem
PHP
Python
Sharepoint
Silverlight
SQL
VBA (Office)
Visual Basic
Visual Basic .NET
Visual Fox Pro
WCF/WPF
Web Services
XML
 :: Infra
BizTalk Server
CRM
Exchange Server
ForeFront / Antigen / IAG
Interoperabilidade
ISA Server
Linux
MOF
MS Dynamics CRM
Network
OCS / LCS
Outlook
Powershell e Scripts
Redes
Segurança
System Center e Gerenciamento
Virtualização
Windows
Windows Server
 :: Banco de Dados
Access
Caché
Firebird
Interbase
MySQL
Oracle
SQL Server
Sybase
 :: Gerência
Arquitetura
Ciclo de Vida de Desenvolvimento
Controle de Versão
Estimativas
Metodologias
MOF
Qualidade e Testes
 :: Design
Corel
Flash
Photopaint
Photoshop
 :: Livros
Análise Sistemas
Aplicativos
Banco de Dados
Certificação
Design e CAD
Gerência
Hardware
Internet
Programação
Programação Web
Rede
Segurança
Servidores
Sistemas Operacionais
 :: CDs/DVDs
Desenvolvimento
Infra
Design
 :: E-Books
.NET 2.0 (VS 2005)
.NET 1.1 (VS 2003)
SQL Server
Excel 2007
Excel 2003
Access 2003
ASP 3.0
Delphi
Java
Artigos


MVP Profile
Usando a DataGrid WPF
Por: Bruno Sonnino
[Entre em contato com o autor ]
Desenvolvedor e consultor de sistemas. É autor de 7 livros e mais de uma centena de artigos publicados em revistas nacionais e estrangeiras. Às vezes, pode ser encontrado dando palestras em eventos como o TechEd e BorCon. Ele desenvolve utilitários para a revista PCMagazine americana (http://www.pcmag.com/download).
Feed de artigos.
Feed de artigos deste autor.
Gere seu feed personalizado  
MS TechEd 2010

Usando a DataGrid WPF
Publicado em: 12/12/2008

Introdução

Uma das críticas ao WPF era o fato de não ter disponível uma DataGrid, para poder mostrar os dados em formato de tabela. Sem dúvida, poderíamos usar a DataGrid WinForms usando os componentes de interoperabilidade entre WPF e WinForms, mas esta seria uma solução muito aquém do esperado, pois não poderíamos aplicar nosso estilo de apresentação, na DataGrid. Outra solução seria usar a ListBox ou a ListView com um template de dados que permitisse a edição, mas isto ainda não permitia a flexibilidade que uma DataGrid permite.

Finalmente, a Microsoft ouviu os pedidos e disponibilizou uma DataGrid para WPF. Ela pode ser baixada (com o código fonte) junto com o WPF toolkit em http://www.codeplex.com/wpf . O WPF Toolkit, além da DataGrid, contém um DateTimePicker, um Calendário, temas para WPF e o VisualStateManager, que permite criar estados para um componente e transições entre os estados: por exemplo, o botão possui o estado MouseOver e o estado Pressed. Podemos criar estilos para os botões nestes estados e definir animações para as transições entre eles. Isto faz que o WPF fique semelhante ao Silverlight, que usa o VisualStateManager para estilizar os componentes.

Uma vez baixado, o toolkit, você deve instalar o arquivo msi que está incluído. Isto instala as referências para os novos assemblies.

Usando a DataGrid

Criaremos agora um projeto que lê dados de um banco de dados usando LINQ to SQL e mostra os dados na DataGrid. Crie um novo projeto WPF. No projeto adicione um novo LINQ to SQL classes  e chame-o de NorthwindModel.dbml. No Server Explorer, adicione uma nova conexão de dados, usando SqlServer File e apontando para o lugar onde está o arquivo Northwind.mdf.  Ao confirmar, a conexão deve aparecer no Server Explorer. Abra o ramo tables da conexão e arraste as tabelas Customers e Orders para o modelo. As tabelas e sua relação são adicionadas ao modelo. Agora iremos criar a nossa interface de usuário.

Para usar a DataGrid, devemos adicionar uma nova referêcia ao projeto. Dê um clique com o botão direito do mouse no Project Explorer e selecione a opção Add Reference e adicione o assembly WPFToolkit. Uma vez adicionada a referência, precisamos adicionar o namespace no código xaml. Isto é feito colocando a seguinte linha na declaração da janela, após os demais namespaces:

xmlns:dg="clr-namespace:Microsoft.Windows.Controls;

  assembly=WPFToolkit"

 

Em seguida, podemos colocar um componente DataGrid na janela, dentro do component Grid de layout:

<dg:DataGrid x:Name="dataGrid" AutoGenerateColumns="True" />

Estamos usando a propriedade AutoGenerateColumns, configurando-a para True, de modo que a DataGrid crie colunas para os nossos dados automaticamente. No construtor da janela, coloque o código que carrega os dados para a DataGrid:

public Window1()

{

    InitializeComponent();

 

    var dc = new NorthwindModelDataContext();

    dataGrid.ItemsSource = dc.Customers.ToList();

}

 

Aqui criamos o contexto de dados e atribuímos a coleção Customers à lista de dados da DataGrid. Isto é o suficiente para alimentarmos os dados da DataGrid, como mostra a Figura 1.

Figura 1 – DataGrid com dados da tabela de clientes

 

Esta DataGrid, apesar de simples, tem uma série de características interessantes:

·         Classifica os dados clicando na coluna, ou mesmo classificar por múltiplas colunas teclando Shift e clicando nas colunas desejadas

·         Redimensiona as colunas individualmente

·         Move as colunas de lugar

·         Permite inserir dados

·         Remove um dado quando teclamos Del

A inserção e deleção não são persistidas no banco de dados. Como usamos o método ToList() para alimentar a DataGrid,  temos apenas uma coleção em memória, desligada do banco de dados. Para que os dados fossem persistidos, precisaríamos fazer algo como:

dataGrid.ItemsSource = dc.Customers;

Mas neste caso, perdemos a capacidade de classificar os dados, pois o LINQ to SQL traz os dados como Table<T>  e isso faz que a classificação não seja suportada nesta versão da DataGrid. Se você quiser usar a classificação e persistir os dados, deve usar outro meio de acesso a dados, como o Dataset, ou  criar um mecanismo que capture as mudanças na coleção e passe-as ao LINQ to SQL para que sejam persistidas, ou mesmo criar uma camada de acesso a dados que faça toda a atualização das modificações, porém isto está além do escopo deste artigo.

Mudando o estilo das linhas da DataGrid

A DataGrid, como todos os controles WPF, tem várias opções de personalização. Podemos mudar as cores e fontes das linhas e cabeçalhos, inclusive cores diferentes para linhas alternadas, criando uma tabela “zebrada”. A maneira mais fácil de fazer isso é usar as propriedades AlternationCount, que indica a quantas linhas a cor deve ser trocada, RowBackground e AlternatingRowBackground, que indicam as cores das linhas. Por exemplo, o código abaixo permite gerar a DataGrid conforme a Figura 2:

<dg:DataGrid x:Name="dataGrid" AutoGenerateColumns="True"

             AlternationCount="2" RowBackground="Beige"

             AlternatingRowBackground="LightBlue">

 

Figura 2 – DataGrid “zebrada”

 

Podemos também mudar o estilo do cabeçalho, criando um novo estilo. Inicialmente, criamos o novo estilo na seção Resources da janela:

<Window.Resources>

    <Style x:Key="columnHeaderStyle"

             TargetType="Primitives:DataGridColumnHeader">

        <Setter Property="Background">

            <Setter.Value>

                <LinearGradientBrush StartPoint="0.5,0"

                         EndPoint="0.5,1" >

                    <LinearGradientBrush.GradientStops>

                        <GradientStop Color="Navy" Offset="0" />

                        <GradientStop Color="LightBlue" Offset="1" />

                    </LinearGradientBrush.GradientStops>

                </LinearGradientBrush>

            </Setter.Value>

        </Setter>

        <Setter Property="Foreground" Value="White" />

    </Style>

</Window.Resources>

 

Em seguida, aplicamos este estilo à propriedade ColumnHeaderStyle:

<dg:DataGrid x:Name="dataGrid" AutoGenerateColumns="True"

             AlternationCount="2" RowBackground="Beige"

             AlternatingRowBackground="LightBlue"

             ColumnHeaderStyle="{StaticResource columnHeaderStyle}" />

 

Assim, obtemos uma DataGrid como a da Figura 3.

Figura 3 – DataGrid com o cabeçalho customizado

 

Podemos fazer mudanças mais radicais nas linhas, mudando o seu estilo. Podemos criar um novo estilo para as linhas:

<Style x:Key="rowStyle" TargetType="dg:DataGridRow">

    <Setter Property="FontFamily" Value="Verdana" />

    <Setter Property="FontSize" Value="10" />

    <Style.Triggers>

        <Trigger Property="AlternationIndex" Value="0">

            <Setter Property="Background" Value="White" />

        </Trigger>

        <Trigger Property="AlternationIndex" Value="1">

            <Setter Property="Background" Value="#DDDDDD" />

        </Trigger>

        <Trigger Property="IsMouseOver" Value="True">

            <Setter Property="Background" Value="#BBBBBB" />

        </Trigger>

    </Style.Triggers>

</Style>







 

Inclua um comentário sobre o artigo Topo
Elogios e críticas são muito bem vindos, porém o comentário deve ter referência ao artigo em pauta.
O portal e o autor agradecem.
Nome:    
E-mail:      
Comentários:    
Digite a palavra abaixo:  
Para dúvidas técnicas, NÃO UTILIZE ESTE ESPAÇO, utilize nosso fórum de discussão.
http://linhadecodigo.com.br/cs2/forum
 
Comentários sobre o artigo Ver Todos comentários
Muito bom artigo, da de 10 á 0 em muitos artigos em sites estrangeiros ai...
vlw!
Quem enviou: Danillo Corvalan
Postado em: 01/05/2009 00:00:00
A versão 1.0 da DataGrid mudou o namespace, e as mudanças que você fez resolvem isso. Obrigado pelo comentário
Quem enviou: Bruno Sonnino
Postado em: 06/02/2009 00:00:00
Valeu Bruno pelo exemplo. Estou começando a ver o WPF e vejo que é uma poderosa ferramenta para a camada de apresentação.

Queria chamar a atenção de algo que não funcionou aqui na minha máquina. Instanciei o xmlns:dg do jeito que foi escrito e fiz o exemplo da decoração do header do DataGrid. Qdo fui rodar o aplicativo, deu um erro dizendo que o tipo DataGridColumnHeader não foi reconhecido.

Pesquisando na Internet, fiz as seguintes alterações e funcionou.

Na declaração do namespace, coloquei:
xmlns:dg="http://schemas.microsoft.com/wpf/2008/toolkit"

Na declaração do tipo na tag Style, coloquei TargetType="{x:Type dg:DataGridColumnHeader}". Ficando assim:

<Window.Resources>
<Style x:Key="columnHeaderStyle" TargetType="{x:Type dg:DataGridColumnHeader}">
<Setter Property="Background">
<Setter.Value>
<LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
<LinearGradientBrush.GradientStops>
<GradientStop Color="Navy" Offset="0" />
<GradientStop Color="LightBlue" Offset="1" />
</LinearGradientBrush.GradientStops>
</LinearGradientBrush>
</Setter.Value>
</Setter>
<Setter Property="Foreground" Value="White" />
</Style>
</Window.Resources>

Utilizei para esse exemplo o Visual C# Express 2008 com o Toolkit de Janeiro 2009.

Um abraço e espero ter ajudado em algo.
Quem enviou: Rafael Cabral
Postado em: 05/02/2009 00:00:00
Outros artigos do autor Topo
Manipulando dados com WPF e LINQ to SQL
Tooltips personalizadas com WPF
Artigos relacionados Topo
Melhorando WinApps seguindo WebApps
Cadastro de um Consultório em Windows Forms, com C# e SQL Server – Parte 12
Criar arquivo de integração com Integration Services
Trabalhando com Array Params no C#
Pegando o horário inicial e final do uso do Windows usando C#
Como funcionam as Arrays (Matrizes) Multidimensionais no C#?
Cadastro de um Consultório em Windows Forms, com C# e SQL Server – Parte 11
Documentação de Código .Net
ASP.NET MVC Custom Helpers
Eval em C# com IronRuby
Trabalhando com CLR: Stored Procedure – Primeiro passo
Entendendo interfaces com C#
Executar aplicações em background com Agendador de Tarefas Windows
ExpandoObject: dinamismo no .NET 4.0
Integração C# + Ruby
Utilizando um Tipo T como parâmetro e recuperando seus valores
Detectando mudanças em objetos
URL Routing com o Visual Studio .NET 2010
Acessando dados com Textboxes e botões de navegação
Controle de Acesso Windows Forms C# - Parte 3
Trabalhando com SQL CLR: Início
Funcionalidades do Office usando Visual Studio for Office – Parte 3
Cadastro de um Consultório em Windows Forms, com C# e SQL Server – Parte 10
Carregar DataGridView utilizando linq to xml
Funcionalidades do Office usando Visual Studio for Office - Parte 2
Estenda as funcionalidades do Office com o Visual Studio for Office
A importância do StrongName
Cadastro de um Consultório em Windows Forms, com C# e SQL Server – Parte 9
Descubra o ADO.NET Entity Framework
Controle de Usuários – Windows Forms C# (Parte 2)
Produtos relacionados Topo
CD/DVD: CD de Treinamento Criando Aplicações Asp.Net em Camadas (parte integrante do portal de vídeos .Net)
Pacote: Promoção: Portal de Vídeos .Net + CD Novidades das Linguagens (válido somente para pagamento via boleto bancário)
CD/DVD: DVD de Treinamento E-Commerce com Visual Web Developer
E-Book: Banco de dados com C# e Visual Studio .Net 2005 (entrega via download)
E-Book: ASP.NET Ajax com C# e VB.NET (E-Book com entrega via download)
CD/DVD: CD de Treinamento - Desenvolvendo uma aplicação Smart Client com Visual Studio 2005, C#, Web Services e Banco de Dados
CD/DVD: CD de Treinamento sobre LINQ to SQL para iniciantes com Visual Studio .Net 2008
CD/DVD: CD de Treinamento sobre ADO.NET para Iniciantes
CD/DVD: CD de Treinamento Novidades das Linguagens C# 3.0 e VB 9 (Visual Basic 9)
CD/DVD: CD de Treinamento Introdução a .NET com C# - Visual Studio 2005
CD/DVD: CD ASP.NET 2.0 - Atualização Rápida (Visual Studio .NET 2005)
E-Book: E-Book: Lógica de Programação com C# e VB.NET (via download)
CD/DVD: CD - Treinamento de ASP.NET 2.0 AJAX Extensions
Livro: ASP.NET Utilizando C# - De Programador para Programador
E-Book: E-Book: Programando com C# e Visual Studio .NET 2005 (entrega via download)
E-Book: E-Book: Curso Prático de Visual Studio .NET 2005 (entrega via download)
E-Book: E-Book: Curso prático de Visual Studio .NET (via download)
Livro: Programando em C#.Net para Web: Guia Rápido Usando Visual Studio.Net 2003
Livro: SharePoint 2007 Guia Prático
© Copyright 2001-2010 Codeline Editora, Comércio e Tecnologia Ltda. | Política de privacidade e de uso | Anuncie | Fale conosco

» Site hospedado na Porta 80 Web Hosting «
Nossos números
Dicas: 1.314
Códigos/scripts: 279
Funções de VBScript : 90
Funções JScript : 05
Livros: 1.805
Notícias: 2.623
Artigos: 3.020
Cases: 14
Oportunidades: 4.591
Vídeos .Net: 484
Publicidade

Conheça a loja do Linha de Código.

Microsoft indica Linha de Código.

Assine a Revista Mundo .NET
Portal de Vídeos .NET - os melhores vídeos .NET estão aqui
O que você fará com o Visual Studio 2010?
Revista Codificando .Net

Siga-nos no Twitter

Linha de Código no Orkut
Fórum de discussão do portal Linha de Código
Feeds
Oportunidades
Notícias
Artigos
Artigos personalizado
       (Por assunto)
Artigos personalizado
       (Por autor)
Portal Vídeos .NET
Portal Vídeos Delphi
LC Blog
       (Onde você faz a notícia)
Promoções
Promoção Wordpress + Tabless (válido somente para pagamento via boleto bancário)
Promoção Wordpress + Tabless (válido somente para pagamento via boleto bancário)
De: R$ 149,70
Por: R$ 99,80
Promoção PHP + MYSQL Intelimax (válido somente para pagamento via boleto bancário)
De: R$ 308,00
Por: R$ 219,00
Promoção Especial Infra
De: R$ 175,95
Por: R$ 136,00
Promoção: Portal de Vídeos .Net + CD Novidades das Linguagens (válido somente para pagamento via boleto bancário)
De: R$ 162,00
Por: R$ 89,00
Promoção VSTS (válido somente para pagamento via boleto bancário)
De: R$ 219,00
Por: R$ 146,00
CDs/DVDss
DVD Desenvolvimento de Games - Programando Jogos com o 3D Game Studio
DVD Desenvolvimento de Games - Programando Jogos com o 3D Game Studio
Por: R$ 59,00
DVD Curso de CorelDraw X4
Por: R$ 79,90
DVD Curso de Fireworks CS4
Por: R$ 49,90
DVD Curso de Indesign CS4
Por: R$ 55,00
DVD Curso de Efeitos Digitais
Por: R$ 49,90
Livros
MSProject 2007 - Metodologia e Critérios de Qualidade para o Gerenciamento de Projetos
MSProject 2007 - Metodologia e Critérios de Qualidade para o Gerenciamento de Projetos
De: R$ 129,00
Por: R$ 77,40
Foundation FLASH CS3 para Designers
Ciência Moderna
De: R$ 139,00
Por: R$ 83,40
ALGORITMOS O Guia Essencial
Alta Books
De: R$ 64,90
Por: R$ 58,40
Treinamento Prático em Dreamweaver
Digerati Books
Por: R$ 14,95
Estudo Dirigido de Adobe Photoshop CS4 em português - Para Windows
Erica
De: R$ 88,00
Por: R$ 74,80
E-Books
Manual Completo de Estudos MCSE 70-270 - Instalando, Configurando e Administrando o Windows XP (506 páginas) - Entrega via download
Manual Completo de Estudos MCSE 70-270 - Instalando, Configurando e Administrando o Windows XP (506 páginas) - Entrega via download
Por: R$ 30,00
Manual de Estudos - Exame 70-291 - Windows Server 2003 (606 páginas) - entrega via download
Por: R$ 30,00
Dominando MS – Visio ® em 20 Passos - Melhores Práticas em Gestão de Projetos (entrega via download)
Por: R$ 30,00
MS-Project® 2007 - Melhores Práticas de Gestão de Projetos - Dominando MS – Project ® em 20 Passos (e-book com entrega via download)
Por: R$ 20,00
Banco de dados com C# e Visual Studio .Net 2005 (entrega via download)
Por: R$ 20,00
Os 10+ | Autores do dia
Israel Aéce
Júlio Cesar Fabris Battisti
Anderson Patricio
Luiz Felipe de Freitas
Marcio Franco
Eric C M Oliveira
Robert Martim
Ramon Durães
Alessandro de Oliveira Faria
Alfred Reinold Baudisch
Os 10+ | Artigos do dia
HTML Básico
HTML Avançado
Criando aplicativos para o Orkut
PL/SQL - Procedures e Funções
Tutorial de Tabelas Dinâmicas no Excel – Parte 1
Como configurar Conexão Remota no SQL Server 2005
WCF – Gerenciamento de Instância
Básico de C++: Estrutura de um programa em C++
ASP.NET 2.0 - Explorando o GridView
Tutorial: Desenhando com o Corel Draw