windows-phone-7 - ヘッダー内の ExpanderView インタラクティブ アイテム

Question

ExpanderView のヘッダー内でクリックしてイベントを発生させることができるインタラクティブなアイテムが必要です。これはアイテムの通常の動作ですが、ヘッダーで機能させることができません。

私の場合、MouseLeftButtonDown の Image があります

何か案は ？

ありがとう、ミハル

Answer 1

ExpanderView の HeaderTemplate を変更することで、ヘッダーの外観と内容を変更できます。HeaderTemplate は、配置する任意のコントロールを取得できる DataTemplate を取得します。

<toolkit:ExpanderView>
    <toolkit:ExpanderView.HeaderTemplate>
        <DataTemplate>
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="Auto"/>
                </Grid.ColumnDefinitions>
                <TextBlock Text="{Binding}"/>
                <Button Content="Click Me!" Grid.Column="1"
                        <!-- Use click event to handle within code behind -->
                        Click="OnHeaderBuittonclick"
                        <!-- Use command to handle within view model -->
                        Command="{Binding DoSomethingCommand}"
                        />
            </Grid>
        </DataTemplate>
    </toolkit:ExpanderView.HeaderTemplate>
</toolkit:ExpanderView>