在 Silverlight 中使用 Accordion.ItemTemplate 时如何绑定 AccordionItem Visibility？答案

【问题标题】：How to bind AccordionItem Visibility when using Accordion.ItemTemplate in Silverlight?在 Silverlight 中使用 Accordion.ItemTemplate 时如何绑定 AccordionItem Visibility？
【发布时间】：2011-07-18 15:25:36
【问题描述】：

Accordion item Visibility 属性可以这样绑定：

<layoutToolkit:Accordion x:Name="MyAccordion">
    <layoutToolkit:AccordionItem Visibility="{Binding IsVisible, Converter={StaticResource VisibilityConverter}}">
        ...
    </layoutToolkit:AccordionItem>
</layoutToolkit:Accordion>

但是在使用 Accordion.ItemTemplate 时如何绑定呢？

<layoutToolkit:Accordion ItemsSource="{Binding AcordionItems}" x:Name="MyAccordion">
    <layoutToolkit:Accordion.ItemTemplate>
        <DataTemplate>
            ...
        </DataTemplate>
    </layoutToolkit:Accordion.ItemTemplate>
    <layoutToolkit:Accordion.ContentTemplate>
        <DataTemplate>
            ...
        </DataTemplate>
    </layoutToolkit:Accordion.ContentTemplate>
</layoutToolkit:Accordion>

我可以将 IsVisible 绑定到 DataTemplate 中的元素，但随后会显示一个空的手风琴项。我需要能够显示/隐藏整个手风琴项目。

【问题讨论】：

标签： silverlight silverlight-4.0 binding accordion visibility

【解决方案1】：

我最终将 StackPanel 与多个 Accordions 一起使用：

<StackPanel Orientation="Vertical">
    <ItemsControl ItemsSource="{Binding AcordionItems}">
        <ItemsControl.ItemsPanel>
            <ItemsPanelTemplate>
                <StackPanel Orientation="Vertical"/>
            </ItemsPanelTemplate>
        </ItemsControl.ItemsPanel>

        <ItemsControl.ItemTemplate>
            <DataTemplate>
                <layoutToolkit:Accordion Visibility="{Binding IsVisible, Converter=
                    {StaticResource VisibilityConverter}}">
                    <layoutToolkit:AccordionItem>
                        ...
                    </layoutToolkit:AccordionItem>
                </layoutToolkit:Accordion>
            </DataTemplate>
        </ItemsControl.ItemTemplate>
    </ItemsControl>
</StackPanel>

【讨论】：