如何使用代码隐藏将ReactiveList绑定到WPF ListBox或ListView

本文关键字：WPF ListBox ListView 绑定 ReactiveList 何使用 代码 隐藏 | 更新日期: 2023-09-27 18:25:37

我在视图中的ListBox控件中显示ReactiveList的内容时遇到问题。当我尝试通过代码隐藏绑定（使用this.OneWayBind(...)）将其绑定时，列表将保持为空。我使用的是最新的ReactiveUI版本（6.1.0）。如果我将绑定更改为XAML绑定并删除对OneWayBind(...)的调用，则列表将显示五个String元素。

我不知道为什么这不起作用，一个简单的TextBlock.Text-Binding可以按预期工作（请参阅代码）。

主窗口.xaml：

<Window x:Class="View_Location_Test.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:local="clr-namespace:View_Location_Test"
    xmlns:System="clr-namespace:System;assembly=mscorlib"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainWindow" Height="350" Width="525">
<StackPanel>
    <ListBox x:Name="ToasterList">
    <!-- This is working if you uncomment the above line and remove the OneWayBind call in the view-code: -->
    <!--<ListBox x:Name="ToasterList" ItemsSource="{Binding ToasterList}">-->
        <ListBox.Resources>
            <DataTemplate DataType="{x:Type System:String}">
                <TextBlock Text="{Binding}" />
            </DataTemplate>
        </ListBox.Resources>
    </ListBox>
    <TextBlock x:Name="ToasterName" />
</StackPanel>

主窗口.xaml.cs：

public partial class MainWindow : Window, IViewFor<ViewModel>
{
    public MainWindow()
    {
        ViewModel = new ViewModel();
        DataContext = ViewModel;
        InitializeComponent();
        // bind
        this.OneWayBind(ViewModel, vm => vm.ToasterList, v => v.ToasterList.ItemsSource);
        this.Bind(ViewModel, vm => vm.Name, v => v.ToasterName.Text);
    }
    public ViewModel ViewModel
    {
        get { return (ViewModel)GetValue(ViewModelProperty); }
        set { SetValue(ViewModelProperty, value); }
    }
    public static readonly DependencyProperty ViewModelProperty =
        DependencyProperty.Register("ViewModel", typeof(ViewModel), typeof(MainWindow), new PropertyMetadata(null));
    object IViewFor.ViewModel
    {
        get { return ViewModel; }
        set { ViewModel = (ViewModel)value; }
    }
}

ViewModel.cs：

public class ViewModel : ReactiveObject
{
    public ViewModel()
    {
        ToasterList.Add("Toaster 1");
        ToasterList.Add("Toaster 2");
        ToasterList.Add("Toaster 3");
        ToasterList.Add("Toaster 4");
        ToasterList.Add("Toaster 5");
    }
    private String name = "My name";
    public String Name
    {
        get { return name; }
        set { this.RaiseAndSetIfChanged(ref name, value); }
    }
    private ReactiveList<String> toasterList = new ReactiveList<string>();
    public ReactiveList<String> ToasterList
    {
        get { return toasterList; }
        set { this.RaiseAndSetIfChanged(ref toasterList, value); }
    }
}

如何使用代码隐藏将ReactiveList绑定到WPF ListBox或ListView

这是因为您以一种奇怪的方式设置了ItemsTemplate™,因此ReactiveUI认为您没有ItemsTemplate，并且正在设置基于约定的ItemsTemplate（对于一个字符串来说，这太过分了）。

相反，设置如下：

<ListBox x:Name="ToasterList">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <TextBlock Text="{Binding}" />
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>
相关文章：