none
Criar Pagina de Detalhes com Blender RRS feed

Respostas

  • O vídeo está, na verdade, mostrando como funciona o a funcionalidade de data binding em modo de design no Blend, mas me parece que o que você quer é entender e replicar o funcionamento desse esquema de visualização master/detail então, segue abaixo uma explicação básica:

    Há uma classe view model (utilizando o padrão de desenvolvimento MVVM) que controla a lógica de negócios da tela (obter dados, etc...). Essa classe está
    Há uma classe MeuItem que contém as propriedades Nome e Endereco.
    Há um listbox na tela, sendo populado via data binding.
    Há um painel na tela que exibirá os detalhes. A propriedade DataContext desse painel está vinculada a propriedade SelectedItem do listbox, utilizando element binding.


    #### view model ####

    public class MeuViewModel{

    public MeuViewModel(){
    //código para preencher a collection MinhaListaDeItems
    }

    public ObservableCollection<MeuItem> MinhaListaDeItems = new ObservableCollection<MeuItem>();
    }

    #### No construtor do code behind da página ####

    this.DataContext = new MeuViewModel();



    #### No XAML ####

    <ListBox x:Name="meusItems" ItemsSource="{Binding MinhaListaDeItems}" />
    <Grid x:Name="detalhes" DataContext="{Binding SelectedItem, ElementName=meusItems}">
        <TextBlock Text="{Binding Nome}" />
        <TextBlock Text="{Binding Endereco}" />
    </Grid>

    Com esse código simples, sempre que um ítem for selecionado no listbox ele vai aparecer automáticamente no grid.
    Espero que isso ajude.

    Atenciosamente,
    Kelps Leite de Sousa
    blog: http://kelps-sousa.blogspot.com
    twitter : http://twitter.com/kelps

    Não se esqueça de "marcar como resposta" o ítem que lhe ajudou.
    • Marcado como Resposta recruta0br quinta-feira, 1 de outubro de 2009 00:35
    quarta-feira, 30 de setembro de 2009 23:47
    Moderador