Application métro XAML Windows 8, problème de liaison

Question

J'utilise des groupes GridView dans une application métro de Windows 8, j'ai une VariableSizedWrapGrid sur ItemsPanelTemplate et je veux lier le MaximumRowsOrColumns mais elle n'est pas liée correctement.

Voici mon XAML

<GridView  ItemsSource="{Binding Source={StaticResource groupeddata}}" >
    <GridView.ItemTemplate>
        <DataTemplate>
            <Grid Width="120" Height="150" >
                <!--some controls here binded correctly.-->
            </Grid>
        </DataTemplate>
    </GridView.ItemTemplate>
    <GridView.GroupStyle>
        <GroupStyle>
            <GroupStyle.HeaderTemplate>
                <DataTemplate>
                    <Grid Margin="1,0,0,6">
                        <StackPanel Orientation="Horizontal">
                            <TextBlock Text="{Binding maxGridCoulmns}"></TextBlock>
                            <!--work ok here -->
                            <TextBlock   Foreground="Black" Padding="0,0,0,20" Text="{Binding headerText}"  />
                        </StackPanel>
                    </Grid>
                </DataTemplate>
            </GroupStyle.HeaderTemplate>
            <GroupStyle.Panel >
                <ItemsPanelTemplate>
                    <VariableSizedWrapGrid    Orientation="Horizontal"  MaximumRowsOrColumns="{Binding maxGridCoulmns}"  Margin="0,0,80,0"/>
                    <!--not binding  here -->                         
                </ItemsPanelTemplate>
            </GroupStyle.Panel>
        </GroupStyle>
    </GridView.GroupStyle>
</GridView>

Answer 1

Vous devez convertir la DependencyProperty en ICollectionViewGroup pour obtenir l'objet de groupe réel.

En code, ce serait var actualGroup = (group as Windows.UI.Xaml.Data.ICollectionViewGroup).Group; - dans XAML, il suffit d'ajouter le préfixe Group. au chemin de liaison.

Donc, dans votre XAML, il suffit de modifier la liaison comme ceci :

<ItemsPanelTemplate>
    <VariableSizedWrapGrid
        Orientation="Horizontal"
        MaximumRowsOrColumns="{Binding Group.maxGridCoulmns}"
        Margin="0,0,80,0"/>
</ItemsPanelTemplate>