在条件控件中显示/隐藏项目

时间:2013-08-18 12:40:30

标签: wpf xaml c#-4.0 itemscontrol

我有一个Itemscontrol,用于显示从计时系统发送的开始信息列表。

我需要能够“关闭”/停止显示一组车道信息,如果未显示车道号码(如果它为空或空白),然后如果计时器发送信息以重新开启车道然后再次显示数据。

我无法将其设置为仅删除所有内容,因为计时器会不断发送其信息,除了车道编号之外的所有内容都会再次出现。

是否可以按条件显示/隐藏项目?

目前正在发生什么

Lanes
1 ------
2 ------
  ------ <- other info remains
4 ------

我想要发生什么

Lanes
1 ------
2 ------

4 ------

以下是我的itemscontrol代码

的示例
<ItemsControl ItemsSource="{Binding CHeat.SwimList}" Margin="10,0" HorizontalAlignment="Left" VerticalAlignment="Top">
            <ItemsControl.Template>
                <ControlTemplate TargetType="ItemsControl">
                    <StackPanel>
                        <StackPanel Orientation="Horizontal">
                            <Label Content="Lane" />
                            <Label Content="Pos" />
                            <Label Content="Swimmer" />
                            <Label Content="Club" />
                            <Label Content="Time" />
                        </StackPanel>
                        <ItemsPresenter/>
                    </StackPanel>
                </ControlTemplate>
            </ItemsControl.Template>

            <ItemsControl.ItemsPanel>
                <ItemsPanelTemplate>
                    <StackPanel/>
                </ItemsPanelTemplate>
            </ItemsControl.ItemsPanel>

            <ItemsControl.ItemTemplate>
                <DataTemplate>
                    <StackPanel Orientation="Horizontal">
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="35" />
                                <ColumnDefinition Width="30" />
                                <ColumnDefinition Width="150" />
                                <ColumnDefinition Width="50" />
                                <ColumnDefinition Width="80" />
                            </Grid.ColumnDefinitions>
                            <Label Grid.Column="0" Content="{Binding LaneNumber}" />
                            <Label Grid.Column="1" Content="{Binding Position}" />
                            <Label Grid.Column="2" Content="{Binding Swimmer}" />
                            <Label Grid.Column="3" Content="{Binding Club}" />
                            <Label Grid.Column="4" Content="{Binding Time}" />
                        </Grid>
                    </StackPanel>
                </DataTemplate>
            </ItemsControl.ItemTemplate>
        </ItemsControl>

如果有一种方法我可以根据LaneNumber为其他数据设置Content = "",那么我相信它可以工作,因为那时我可以带回绑定。

我对WPF很新,所以额外的细节非常有用,非常感谢!

1 个答案:

答案 0 :(得分:1)

为什么不尝试使用Visibility属性? 你只需要在你的MVVM或后面的代码中创建一个公共属性,然后将它绑定到你想要隐藏的元素。

 <StackPanel Visibility="{Binding ShowElement, Converter={StaticResource VisibilityConverter}, Mode=TwoWay}">

通过设置ShowElement的布尔值,您可以轻松隐藏或显示StackPanel。