主页 / 问题 / 670634
Accepted
Alexandr
Asked:2020-05-25 18:10:43 +0000 UTC2020-05-25 18:10:43 +0000 UTC

如果列表为空，MVVM WPF 更改 DataTemplate

  • 772

有ListBox

<ListBox x:Name="autoList" Grid.Column="0" ItemsSource="{Binding Auto}"  
             SelectedItem="{Binding SelectedAuto}">

汽车是从基地装载的。如何做到这一点，如果基地是空的（所有元素都被删除或尚未填充）ListBox它被替换为这个

<TextBlock Text="Список пуст. Введите данные" VerticalAlignment="Center" HorizontalAlignment="Center"></TextBlock>
c#

3 个回答

  1. Best Answer

    可以在没有附加属性和转换器的情况下使用 DataTrigger 完成：

    <Grid> 
    <ListBox ItemsSource="{Binding Auto}"/>
    <Label Content="Список пуст">
        <Label.Style>
            <Style TargetType="Label">
                <Setter Property="Visibility" Value="Collapsed"/>
                <Style.Triggers>
                    <DataTrigger Binding="{Binding Auto.Count}" Value="0">
                        <Setter Property="Visibility" Value="Visible"/>
                    </DataTrigger>
                </Style.Triggers>
            </Style>
        </Label.Style>
    </Label>        
</Grid>

    ListBox并且Label必须在一个Grid（或至少一个单元格）中才能重叠。

    • 4

  2. 首先，让我们编写一个反映 BooleanToVisibilityConverter 的转换器：

    public class InverseBooleanToVisibilityConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        return (bool)value ? Visibility.Collapsed : Visibility.Visible;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

    之后，我们将用汽车存在的标志来补充表示模型：

    class ViewModel
{
    ...

    public bool HasAuto
    {
        get { return Auto.Any(); }
    }
}

    之后，我们给视图添加可见性处理：

    <StackPanel>
    <StackPanel.Resources>
        <BooleanToVisibilityConverter x:Key="BooleanToVisibilityConverter" />
        <local:InverseBooleanToVisibilityConverter x:Key="InverseBooleanToVisibilityConverter" />
    </StackPanel.Resources>

    <ListBox Visibility="{Binding HasAuto, UpdateSourceTrigger=PropertyChanged, Converter={StaticResource BooleanToVisibilityConverter}}" 
             ItemsSource="{Binding Auto}" SelectedItem="{Binding SelectedAuto}" />
    <TextBlock Text="Список пуст. Введите данные" Visibility="{Binding HasAuto, UpdateSourceTrigger=PropertyChanged, Converter={StaticResource InverseBooleanToVisibilityConverter}}" />
</StackPanel>

    HasAuto它仍然只是通过调用及时更新属性PropertyChanged。这可以通过订阅集合的更改事件来完成Auto。PropertyChanged或者，您可以在从集合中加载、添加和删除元素时引发事件。那么不需要订阅改变集合组成的事件。

    更新程序

    好吧，或者您可以使用触发器（HasAuto仍然需要该属性）

    <ContentPresenter Content="{Binding}">
    <ContentPresenter.Resources>
        <DataTemplate x:Key="AutoListTemplate">
            <ListBox ItemsSource="{Binding Auto}" SelectedItem="{Binding SelectedAuto}" />
        </DataTemplate>
        <DataTemplate x:Key="EmptyAutoListTemplate">
            <TextBlock Text="Список пуст. Введите данные" />
        </DataTemplate>
    </ContentPresenter.Resources>
    <ContentPresenter.Style>
        <Style TargetType="ContentPresenter">
            <Style.Triggers>
                <DataTrigger Binding="{Binding HasAuto, UpdateSourceTrigger=PropertyChanged}" Value="False">
                    <Setter Property="ContentTemplate" Value="{StaticResource EmptyAutoListTemplate}"/>
                </DataTrigger>
            </Style.Triggers>
            <Setter Property="ContentTemplate" Value="{StaticResource AutoListTemplate}" />
        </Style>
    </ContentPresenter.Style>
</ContentPresenter>
    • 3

  3. 1.声明：

    public ObservableCollection<string> Auto

    2. 在标记中：

    <TextBlock Text="{Binding Auto.Count}">
    <TextBlock.Style>
        <Style TargetType="TextBlock">
            <Setter Property="Visibility" Value="Visible"/>
            <Style.Triggers>
                <DataTrigger Binding="{Binding Auto.Count}" Value="0">
                    <Setter Property="Visibility" Value="Hidden"/>
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </TextBlock.Style>
</TextBlock>

    3.同理Auto（只改Hidden/Visible）

    • 3

相关问题