Binding TreeView et fenêtre de contenu

Version imprimable

Bonjour,
Me revoila encore avec un problème de liaison de données :
http://img219.imageshack.us/img219/6676/help0.jpg
(1) est généré à partir d'une ObservableCollection<Metric> grâce au databinding.
(2) est le contenu désiré d'un objet de type Metric sélectionné dans (1).

Donc pour faire cette liaison, est-ce possible avec le DataBinding ? Ou bien dois-je ajouter des attribut à ma classe Metric pour gérer les sélections ?
Autre ?

Voici le code au cas ou (il y a rien pour le moment dans les évènements) :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
                <sdk:TreeViewItem x:Name="MetricMenu" Header="Metrics" IsExpanded="True" Padding="1" ItemsSource="{Binding MetricList}" ScrollViewer.VerticalScrollBarVisibility="Auto">
                    <sdk:TreeViewItem.ItemTemplate>
                        <DataTemplate>
                            <StackPanel Orientation="Horizontal">
                                <CheckBox IsChecked="{Binding IsSelected}" VerticalAlignment="Center" />
                                <TextBlock Text="{Binding Name}" VerticalAlignment="Center" />
                                <HyperlinkButton Click="ShowMetric">
                                    <HyperlinkButton.Content>
                                        <Image Height="24" Source="/imageQuality;component/images/icons/details128.png" />
                                    </HyperlinkButton.Content>
                                </HyperlinkButton>
                            </StackPanel>
                        </DataTemplate>
                    </sdk:TreeViewItem.ItemTemplate>
                </sdk:TreeViewItem>

Code:

1
2
3
4
 
ObservableCollection<Metric> ml;
//...
MetricMenu.ItemsSource = ml.Metrics;

Merci d'avance

Note : ça m'arrangerai pour la suite si je pouvois effectuer un parcours itératifs de mes éléments car il y a le même problème sur les éléments non dépliés sur la capture.

28/04/2011, 05h14
Skyounet

J'ai du mal à comprendre ton problème...

Tu veux binder le SelectedItem du TreeView sur ton 2ème panneau ?

Imaginons que (2) soit un Grid et que le TreeView s'appelle tv.

Code:

<Grid DataContext="{Binding Path=SelectedItem, ElementName=tv}">

Est-ce que ça répond à ta question ?
Si non, pourrais-tu détailler ?

Citation:

Envoyé par Skyounet

J'ai du mal à comprendre ton problème...

Tu veux binder le SelectedItem du TreeView sur ton 2ème panneau ?

Imaginons que (2) soit un Grid et que le TreeView s'appelle tv.

Code:

<Grid DataContext="{Binding Path=SelectedItem, ElementName=tv}">

C'est ça : dans mon cadre de gauche, j'ai mes listes d'éléments et dans mes onglets, le détail de l'élément sélectionné ; ici un objet créé à partir d'une classe Metric.

J'ai cherché par rapport au gestionnaire d'évènement :
Code:

1 2 3 4 5 6 public void ShowMetric(object sender, RoutedEventArgs e) { tcData.SelectedIndex = 2; model.SessionManager.Session["Metric"] = (model.Metric)MetricMenu.Items[0]; ; //((model.Metric)MetricMenu.Items[0]).Name;//works :) }
Je récupère un élément mais je n'ai pas trouvé comment avoir celui sélectionné, avec GetItem() ça n'a pas fonctionné :(

Note : model.SessionManager est une classe abstraite donc je peux y mettre ce que je veux même si à la base c'était pour gérer les sessions.

J'ai trouvé comment récupérer mon objet en fait :

Code:

1
2
3
4
5
public void ShowMetric(object sender, RoutedEventArgs e)
{
            tcData.SelectedIndex = 2;
            model.SessionManager.Session["Metric"] = (model.Metric)tvMetrics.SelectedItem;
}

Cependant, je ne vois pas comment faire communiquer avec mon (2) :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<navigation:Page x:Class="imageQuality.metric.home" 
           xmlns:myViews="clr-namespace:imageQuality.metric"
           Title="Metric" xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk">
    <Grid x:Name="LayoutRoot">
<!-- ... -->
        <sdk:TabItem x:Name="tiMetric">
            <sdk:TabItem.Header>
                <StackPanel Orientation="Horizontal">
                    <Image Height="24" Source="/imageQuality;component/images/icons/folder64.png" />
                    <TextBlock Width="100" Text=" Metric" VerticalAlignment="Center" />
                </StackPanel>
            </sdk:TabItem.Header>
            <myViews:metric />
        </sdk:TabItem>

Une partie du metric.xaml utilisé par <myViews:metric /> :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
    <Grid x:Name="LayoutRoot">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="180" />
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="32" />
            <RowDefinition Height="128" />
            <RowDefinition Height="32" />
            <RowDefinition Height="17" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>
        <TextBlock x:Name="mTitle" Text="Metric: SSIM" Style="{StaticResource Title2}" Grid.ColumnSpan="2" Grid.Row="0" Grid.Column="0" />
        <ScrollViewer Height="128" Grid.ColumnSpan="2" Grid.Row="1" Grid.Column="0">
            <StackPanel Orientation="Vertical">
                <TextBlock x:Name="mShortDescription" TextWrapping="Wrap" Text="The SSIM brief description" />
                <TextBlock x:Name="mDescription" TextWrapping="Wrap" Text="Big description" />
                <Image HorizontalAlignment="Center" x:Name="mFormula" Height="64" />
            </StackPanel>
        </ScrollViewer>
<!-- ... -->
    </Grid>