如何使用 TwoWay 模式将 Listview SelectedItem 绑定到文本框？

Question

我对 WPF 非常陌生，正在测试一些我想包含在我将要开发的应用程序中的东西。我有一个 2 行 ListView（绑定到文本框），其中包含 Scott Guthrie 和 Jon Skeet 的名字。我试图在 ListView 中选择“Scott Guthrie”并让它填充文本框。我希望能够编辑文本并关闭选项卡并更新 ListView。

编辑：我删除了代码，因为它确实没有为问题添加任何内容。

Answer 1

哇，你那里的东西真的很复杂。

这可以通过非常简单的方式来完成。您需要一个模型来表示程序员，一个视图模型来保存程序员列表，以及简单的绑定来处理其余的事情。

模型：

public sealed class Programmer
{
    public string Name { get; set; }
}

非常简单。代表具有名字的程序员的对象。我们必须将名称封装在一个对象中，因为字符串在 .NET 中是不可变的。如果您尝试绑定字符串列表中的单个字符串，则更改不会传播。

程序员的集合保存在 ViewModel 中。在这种情况下，我将其称为ViewModel，因为我没有想象力。该视图模型包含视图绑定的所有内容。在本例中，它是程序员列表。

public sealed class ViewModel
{
    public ObservableCollection<Programmer> Programmers { get; private set; }

    public ViewModel()
    {
        Programmers = new ObservableCollection<Programmer>();
    }
}

ViewModel 被设置为我们视图的 DataContext。 DataContext 沿着可视树向下流动，我们可以在任何点绑定它。

public MainWindow()
{
    var vm = new ViewModel();
    vm.Programmers.Add(new Programmer { Name = "Jon Skeet" });
    vm.Programmers.Add(new Programmer { Name = "Scott Guthrie" });
    DataContext = vm;
    InitializeComponent();
}

您可以按照您想要的任何方式设置 DataContext；为了简单起见，我在这里这样做。

在 UI 中，我只需将 ListView 绑定到 ViewModel 中的程序员列表（DataContext，除非另有说明，是绑定路径的根）。然后，我将 TextBox 绑定到 ListBox 的 SelectedItem。您从列表中选择一个程序员，然后该项目将成为 SelectedItem，然后我可以更改其名称。

<Window
    x:Class="Programmers.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:t="clr-namespace:Programmers"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition />
            <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <ListBox
            x:Name="list"
            ItemsSource="{Binding Programmers}"
            DisplayMemberPath="Name" />
        <TextBox
            Grid.Column="1"
            VerticalAlignment="Top"
            Text="{Binding SelectedItem.Name, ElementName=list}" />
    </Grid>
</Window>

很简单，一旦你掌握了它的窍门。

Answer 2

这是可行的（除了您需要验证文本框，因为您可以输入任何文本......下拉列表可能是更好的选择）。

视图：

<TabItem x:Name="RightTabPage" Header="RightModel"  DataContext="{Binding Right}">
                    <StackPanel>
                        <TextBox Text="{Binding SelectedGuru}"/>
                        <ListView SelectedItem="{Binding SelectedGuru}" ItemsSource="{Binding Gurus}"/>
                    </StackPanel>
                </TabItem>

视图模型：

public class RightViewModel
    {
        public RightViewModel()
        {
            Gurus = new[] {"Scott Guthrie", "Jon Skeet"};
            SelectedGuru = Gurus.First();
        }

        public string SelectedGuru { get; set; }
        public IEnumerable<string> Gurus{ get; set; }
    }