Как контролировать видимость текста во всех элементах списка при выборе одного элемента в динамическом меню списка? - PullRequest
Новая
       6

Как контролировать видимость текста во всех элементах списка при выборе одного элемента в динамическом меню списка?

1 голос
/ 23 декабря 2010

Я генерирую меню ListBox из XML. Я использую datatemplate, чтобы стилизовать поведение элементов списка при выборе и других состояниях. Мне нужно скрыть все текстовые блоки во всех элементах списка при выборе элемента, который получает значение «убрать» из XML. Теперь я могу скрыть texblock только в элементе listbox, который имеет это значение, но не может скрыть текстовые блоки в других элементах listbox. Мне интересно, если кто-то может помочь. Заранее спасибо. 

<DataTemplate x:Key="ListBoxItemDataTemplate">
        <Grid x:Name="DataItem">
            <Image x:Name="IconImage" Source="{Binding XPath=@icon}" Height="16" Margin="16,0,0,0" Stretch="None" VerticalAlignment="Center" HorizontalAlignment="Left" />
            <TextBlock x:Name="ListboxIemtextBlock" Text="{Binding XPath=@name}" />
            <Image x:Name="ArrowImage" Height="10" Source="Resources/Images/arrow_collapsed_grey.png" Visibility="{Binding XPath=@state}"/>
        </Grid>
         <DataTemplate.Triggers>
            <DataTrigger Binding="{Binding IsSelected, RelativeSource={RelativeSource AncestorType={x:Type ListBoxItem}, Mode=FindAncestor}}" Value="True">
                <Setter TargetName="ListboxIemtextBlock" Property="Foreground" Value="White"/>
                <Setter TargetName="IconImage" Property="Source" Value="{Binding XPath=@iconSelected}"/>
                <Setter TargetName="IconImage" Property="Height" Value="16"/>
                <Setter TargetName="ArrowImage" Property="Source" Value="Resources/Images/arrow_collapsed_white.png"/>
            </DataTrigger>
            <DataTrigger Binding="{Binding IsMouseOver, RelativeSource={RelativeSource AncestorType={x:Type ListBoxItem}, Mode=FindAncestor}}" Value="True">
                <Setter TargetName="ListboxIemtextBlock" Property="Foreground" Value="#FF6dacbe"/>
            </DataTrigger>
            <MultiDataTrigger>         
                <MultiDataTrigger.Conditions>           
                    <Condition Binding="{Binding IsSelected, RelativeSource={RelativeSource AncestorType={x:Type ListBoxItem}, Mode=FindAncestor}}" Value="True" />           
                    <Condition Binding="{Binding IsMouseOver, RelativeSource={RelativeSource AncestorType={x:Type ListBoxItem}, Mode=FindAncestor}}" Value="True" />         
                </MultiDataTrigger.Conditions>         
                <Setter TargetName="ListboxIemtextBlock" Property="Foreground" Value="White"/>      
            </MultiDataTrigger> 
            <DataTrigger Binding="{Binding XPath=@retract}" Value="True" >             
                <Setter TargetName="ListboxIemtextBlock" Property="Visibility" Value="Hidden"/>      
            </DataTrigger> 
         </DataTemplate.Triggers>
    </DataTemplate>

Похоже, я не могу контролировать видимость всех текстовых блоков с таблички данных. Я думаю, что это должно быть сделано в стиле ListBox. Я думал переключить шаблоны данных на второй шаблон данных, у которого вообще нет texblock. Я хотел использовать multitrigger для условий со значениями isSelected и XML-Binding to Binding = "{XPath = @ retract}. Однако я не могу назначить привязку XPath для multitrigger в стиле Listbox. Возможно, вы могли бы помочь связать его правильно или иметь лучшая идея о том, как скрыть тексблоки. 

<Style x:Key="ListBoxItemContainerStyle" TargetType="{x:Type ListBoxItem}">
        <Setter Property="ContentTemplate" Value="{StaticResource ListBoxItemDataTemplate}"/>
        <Setter Property="Template" >
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type ListBoxItem}">
                        <ContentPresenter x:Name="contentPresenter"/>
                    <ControlTemplate.Triggers>      
                        <MultiTrigger>
                            <MultiTrigger.Conditions>
                                <Condition Property="IsSelected" Value="true"/>
                                <Condition Binding="{XPath=@retract}" Value="true"/>
                            </MultiTrigger.Conditions>
                            <Setter Property="ContentTemplate" Value="{StaticResource SelectedListBoxItemDataTemplate}"/> 
                        </MultiTrigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>  
    </Style>

Я заполнил XML с помощью XMLDataProvider. Я ссылаюсь на xml следующим образом: 

<XmlDataProvider x:Key="PagesData" XPath="/Pages" Source="Data/DataSource.xml" />

XML: 

<Pages xmlns="">
<page name="Item 1" icon="Resources/Iocn1.png" retract="False" />
<page name="Item 2" icon="Resources/Iocn2.png" retract="False" />
<page name="Item 3" icon="Resources/Iocn3.png" retract="True" /></Pages>

1 Ответ

2 голосов
/ 23 декабря 2010

Вы можете привязать к SelectedItem.retract для Родительского ListBox.Это рабочий пример использования Path вместо XPath (поскольку у меня нет вашего источника XML), но вы должны иметь возможность заставить его работать таким же образом

Добавьте этот триггер в DataTemplate 

<DataTrigger Binding="{Binding RelativeSource={RelativeSource AncestorType={x:Type ListBox}}, Path=SelectedItem.retract}" Value="True" >
    <Setter TargetName="ListboxIemtextBlock" Property="Visibility" Value="Hidden"/>
</DataTrigger>
...