绑定 RightListBox 和 TextBox

Question

已编辑：

我在代码中加入了两个不同的程序：

1. 两个 ListBox（LeftListBox 和 RightListBox），用于在两者之间传输项目
2. 一个ListBox（称为listBox_Selector）和一个TextBox，用于显示与listBox_Selector中的SelectedItem对应的数字

现在我想合并这两个并将listBox_Selector 替换为RightListBox。

我的目标：选择了RightListBox（不是@ 987654331）的项目，相应的数字应该显示（例如，如果键=“test_2”，则值= 20等）。然后，我想删除listBox_Selector。 但是，我不能。这很困难，因为RightListBox 使用TestModel，而listBox_Selector 使用Dictionary<string, Graph>。

这是我的代码：

MainWindow.xaml.cs

using ListBoxMoveAll.Model;
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.Linq;
using System.Windows;

namespace ListBoxMoveAll
{
    public partial class MainWindow : Window
    {
        public ObservableCollection<TestModel> LeftListBoxItems { get; } = new ObservableCollection<TestModel>();
        public ObservableCollection<TestModel> RightListBoxItems { get; } = new ObservableCollection<TestModel>();

        public MainWindow()
        {
            InitializeComponent();
            DataContext = this;
            LeftListBoxItems.Add(new TestModel("Test_1"));
            LeftListBoxItems.Add(new TestModel("Test_2"));
            LeftListBoxItems.Add(new TestModel("Test_3"));

            listBox_Selector.ItemsSource = new Dictionary<string, Graph>()
            // RightListBox.ItemsSource = new Dictionary<string, Graph>()
            {
                { "Test_1", new Graph(10) },
                { "Test_2", new Graph(20) },
                { "Test_3", new Graph(30) }
            };
        }

        private void Add_Button_Click(object sender, RoutedEventArgs e)
        {
            foreach (TestModel item in LeftListBox.SelectedItems.OfType<TestModel>().ToList())
            {
                LeftListBoxItems.Remove(item);
                RightListBoxItems.Add(item);
            }
        }

        private void Remove_Button_Click(object sender, RoutedEventArgs e)
        {
            foreach (TestModel item in RightListBox.SelectedItems.OfType<TestModel>().ToList())
            {
                RightListBoxItems.Remove(item);
                LeftListBoxItems.Add(item);
            }
        }
    }
}

MainWindow.xaml

<Window x:Class="ListBoxMoveAll.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:ListBoxMoveAll"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="647.096">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="2*" />
            <ColumnDefinition Width="80" />
            <ColumnDefinition Width="2*" />
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="2*" />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <ListBox x:Name="LeftListBox" Grid.Row="0" Grid.RowSpan="3" Grid.Column="0"
            DisplayMemberPath="TestItem" ItemsSource="{Binding LeftListBoxItems}"
            SelectionMode="Extended" Margin="0,10"/>
        <StackPanel Grid.Column="1" Grid.Row="0" VerticalAlignment="Center">
            <Button Content="Add" x:Name="Add_Button" Click="Add_Button_Click"/>
        </StackPanel>
        <StackPanel Grid.Column="1" Grid.Row="2" VerticalAlignment="Center">
            <Button Content="Remove" x:Name="Remove_Button" Click="Remove_Button_Click"/>
        </StackPanel>
        <ListBox x:Name="RightListBox" Grid.Row="0" Grid.RowSpan="3" Grid.Column="2"
            DisplayMemberPath="TestItem" ItemsSource="{Binding RightListBoxItems}"
            SelectionMode="Extended" Margin="0,10"/>

        <StackPanel Grid.Column="4" Grid.Row="0" Grid.RowSpan="1" Margin="0,10">
            <ListBox x:Name="listBox_Selector" DisplayMemberPath="Key" SelectedValuePath="Value"/>
        </StackPanel>
        <StackPanel Grid.Column="4" Grid.Row="1" Grid.RowSpan="1" Margin="0,10">
            <TextBox Text="{Binding SelectedValue.Step, ElementName=listBox_Selector}"/>
        </StackPanel>
    </Grid>
</Window>

模型/TestItem.cs

namespace ListBoxMoveAll.Model
{
    public class TestModel
    {
        public TestModel(string _testItem)
        { TestItem = _testItem; }

        public string TestItem { get; set; }
    }
}

模型/Graph.cs

namespace ListBoxMoveAll.Model
{
    class Graph
    {
        public Graph(int step) { Step = step; }

        public int Step { get; set; }
    }
}

我尝试更改为RightListBox.ItemsSource = new Dictionary<string, Graph>()，但卡住了。请帮我。提前谢谢你。

Answer 1

这就是我们使用价值转换器的地方。

public class GraphValueConverter:IValueConverter  
    {  
        public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)  
        {  
            var graph = value as Graph;
            // check for null
            return graph.Step;  
        }  
        public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)  
        {  
            throw new NotImplementedException();  
        }  
    }  

然后在您的 XAML 导入值转换器中：

<Window.Resources>  
        <local:GraphValueConverter x:Key="valueconverter"></local:GraphValueConverter>   
    </Window.Resources> 

使用导入的值转换器：

<TextBox Text="{Binding SelectedValue.Step, ElementName=listBox_Selector,Converter={StaticResource valueconverter}}"/>

检查定义了值转换器的命名空间。如果它在您的示例中位于不同的命名空间中，例如“ListBoxMoveAll.Model”。您也应该在您的 xaml 中导入该命名空间：

<Window x:Class="ListBoxMoveAll.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:ListBoxMoveAll"
        xmlns:model="clr-namespace:ListBoxMoveAll.Model" <--  add this
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="647.096">

然后将您的导入更改为：

<Window.Resources>
 <model:GraphValueConverter x:Key="valueconverter"></model:GraphValueConverter>   
</Window.Resources>