WPF 多列下拉+多选+搜索过滤

最新推荐文章于 2024-08-14 08:41:12 发布
最新推荐文章于 2024-08-14 08:41:12 发布
阅读量1.1k 收藏 3
点赞数
分类专栏： WPF
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/QQ917322700/article/details/86249784
版权

主要的类：

public class MultiComboBoxEdit: ComboBox, INotifyPropertyChanged
    {
        public MultiComboBoxEdit()
            : base()
        {
            DataCollection = new ObservableCollection<BookViewModel>()
            {
                new BookViewModel(){Name = "C语言程序设计",Price =39.9,Publisher = "谭浩强"},
                new BookViewModel(){Name = "WPF深入浅出",Price =39.9,Publisher = "谭浩强"},
                 new BookViewModel(){Name = "JavaScript高级编程",Price =39.9,Publisher = "谭浩强"},
                  new BookViewModel(){Name = "算法分析",Price =39.9,Publisher = "谭浩强"}
            };
            DataCollectionView = CollectionViewSource.GetDefaultView(DataCollection);
            //DataCollectionView.Filter = new Predicate<object>(OnFilter);

            this.PropertyChanged += SymbolEdit_PropertyChanged;
        }

        private void SymbolEdit_PropertyChanged(object sender, PropertyChangedEventArgs e)
        {
            if (e.PropertyName.Equals("SelctedInstance"))
            {
                if (SelctedInstance != null)
                {
                    SelectedBook = SelctedInstance.Name;
                    Price = SelctedInstance.Price;
                    //DataCollection.Add(new BookViewModel(){Name = "C语言程序设计",Price =39.9,Publisher = "谭浩强"});
                    App.Current.Dispatcher.Invoke(()=>DataCollectionView.Refresh());
                }
            }
            if (e.PropertyName.Equals("SelectedBook"))
            {
                App.Current.Dispatcher.Invoke(()=>DataCollectionView.Refresh());
            }
        }



        private bool OnFilter(object mod)
        {
            var book = mod as BookViewModel;
            if (book != null && !string.IsNullOrWhiteSpace(SelectedBook))
            {
                return book.Name.Contains(SelectedBook) || book.Name.Equals(SelectedBook, StringComparison.CurrentCultureIgnoreCase);
            }
            else
                return true;
        }
        private static ICollectionView dataCollectionView;
        private ObservableCollection<BookViewModel> dataCollection;

        public static ICollectionView DataCollectionView
        {
            get { return dataCollectionView; }
            set
            {
                if (dataCollectionView != value)
                {
                    dataCollectionView = value;
                    //OnPropertyChanged("DataCollectionView");
                };
            }
        }


        public ObservableCollection<BookViewModel> DataCollection
        {
            get { return dataCollection; }
            set
            {
                if (dataCollection != value)
                {
                    dataCollection = value;
                    OnPropertyChanged("DataCollection");
                };
            }
        }

        public event PropertyChangedEventHandler PropertyChanged;

        public void OnPropertyChanged(string propertyName)
        {
            var handler = PropertyChanged;
            if (handler != null)
                handler(this, new PropertyChangedEventArgs(propertyName));
        }



        public static readonly DependencyProperty SelectedBookProperty = DependencyProperty.Register("SelectedBook",
            typeof(string), typeof(MultiComboBoxEdit), new FrameworkPropertyMetadata(string.Empty, FrameworkPropertyMetadataOptions.AffectsMeasure,
                new PropertyChangedCallback(TotalPropertyChanged)));

        public string SelectedBook
        {
            get { return (string)GetValue(SelectedBookProperty); }
            set { SetValue(SelectedBookProperty, value); }
        }

         private static void TotalPropertyChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
        {
            ((MultiComboBoxEdit)d).OnPropertyChanged(e.Property.Name);
        }


         public static readonly DependencyProperty SelctedInstancekProperty = DependencyProperty.Register("SelctedInstance",
             typeof(BookViewModel), typeof(MultiComboBoxEdit), new FrameworkPropertyMetadata(null, FrameworkPropertyMetadataOptions.AffectsMeasure,
                 new PropertyChangedCallback(TotalPropertyChanged)));

        public BookViewModel SelctedInstance
        {
            get { return (BookViewModel)GetValue(SelctedInstancekProperty); }
            set
            {
                SetValue(SelctedInstancekProperty,value);
            }
        }

        public static readonly DependencyProperty SelctedInstanceskProperty = DependencyProperty.Register("SelctedInstances",
           typeof(BookViewModel), typeof(MultiComboBoxEdit), new FrameworkPropertyMetadata(null, FrameworkPropertyMetadataOptions.AffectsMeasure,
               new PropertyChangedCallback(TotalPropertyChanged)));

        public BookViewModel SelctedInstances
        {
            get { return (BookViewModel)GetValue(SelctedInstanceskProperty); }
            set
            {
                SetValue(SelctedInstanceskProperty, value);
            }
        }


        private double price;

        public double Price
        {
            get { return price; }
            set
            {
                if (price != null)
                {
                    price = value;
                    OnPropertyChanged("Price");
                }
            }
        }

    }

ISelected接口

 public interface ISelected
    {
        bool IsChecked { get; set; }
    }

SelectedManager

 public class SelectedManager<T>:NotifycationModel
    {
        private ObservableCollection<ISelected> sourceCollection;

        public ObservableCollection<ISelected> SourceCollection
        {
            get { return sourceCollection; }
            private set {
                if (sourceCollection!=value)
                {
                    sourceCollection = value;
                    OnPropertyChanged("SourceCollection");
                }
            }
        }

        ICommand _checekedCommand;

        public ICommand CheckedCommand
        {
            get
            {
                if(_checekedCommand==null)
                    _checekedCommand=new RelayCommand((p) =>
                    {
                        if (p != null)
                        {
                            
                        }
                    });
                return _checekedCommand;
            }
        }

        public SelectedManager(ObservableCollection<ISelected> dataCollection)
        {
            SourceCollection = dataCollection;
        }
    }

xaml

    <Style x:Key="dropDownToggleButtonStyle" TargetType="ToggleButton">
        <Setter Property="BorderThickness" Value="0"/>
        <Setter Property="Background" Value="Transparent"/>
        <Setter Property="BorderBrush" Value="Transparent"/>
        <Setter Property="Width" Value="25"/>
        <Setter Property="Height" Value="25"/>
        <Setter Property="RenderTransformOrigin" Value="0.5,0.5"></Setter>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="ToggleButton">
                    <!--<ContentPresenter />-->
                    <Grid>
                        <Image x:Name="img" Source="../Images/DropDown.png">
                            <Image.RenderTransform>
                                <RotateTransform x:Name="RotateTransfer" CenterX="12.5" CenterY="12.5" Angle="0"/>
                            </Image.RenderTransform>
                        </Image>
                    </Grid>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter Property="Background" Value="#808080"></Setter>
                        </Trigger>
                        <Trigger Property="IsPressed" Value="True">
                            <Setter Property="Background" Value="#F5F5F5"></Setter>
                        </Trigger>
                        <EventTrigger RoutedEvent="ToggleButton.Checked">
                            <BeginStoryboard>
                                <Storyboard>
                                    <DoubleAnimation By="180" Duration="0:0:.1"
                                             Storyboard.TargetName="RotateTransfer" 
                                             Storyboard.TargetProperty="Angle" />
                                </Storyboard>
                            </BeginStoryboard>
                        </EventTrigger>
                        <EventTrigger RoutedEvent="ToggleButton.MouseLeave">
                            <BeginStoryboard>
                                <Storyboard>
                                    <DoubleAnimation By="-180" Duration="0:0:.1"
                                             Storyboard.TargetName="RotateTransfer" 
                                             Storyboard.TargetProperty="Angle" />
                                </Storyboard>
                            </BeginStoryboard>
                        </EventTrigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

<Style TargetType="{x:Type controls:MultiComboBoxEdit}">
        <!--<Setter Property="Width" Value="200"/>-->
        <Setter Property="Height" Value="Auto"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type controls:MultiComboBoxEdit}">
                    <Grid>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="30"/>
                            <RowDefinition Height="Auto"/>
                        </Grid.RowDefinitions>
                        <Border Grid.Row="0" BorderThickness="0.5" BorderBrush="#808080">
                            <Grid  VerticalAlignment="Center">
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="*"/>
                                    <ColumnDefinition Width="Auto"/>
                                    <ColumnDefinition Width="30"/>
                                </Grid.ColumnDefinitions>
                                <TextBox Grid.Column="0" Focusable="True" Width="Auto" MinWidth="200"  x:Name="txt_Input" 
                                         Text="{Binding InputValue,RelativeSource={RelativeSource TemplatedParent},Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}" />
                                <ToggleButton Grid.Column="2" x:Name="btnToggle" HorizontalAlignment="Right" Margin="8,0,0,0" Style="{StaticResource dropDownToggleButtonStyle}">
                                </ToggleButton>
                            </Grid>
                        </Border>

                        <!--数据匹配列表-->
                        <Popup x:Name="dataList"  StaysOpen="True" PlacementTarget="{Binding ElementName=txt_Input}" AllowsTransparency="True" >
                            <ListView x:Name="_listView" Focusable="True" AllowDrop="True" IsEnabled="True" Width="Auto" Height="Auto"
                                      SelectedValue="{Binding SelctedInstance,RelativeSource={RelativeSource TemplatedParent},Mode=TwoWay}"
                                      ItemsSource="{Binding DataCollectionView,RelativeSource={RelativeSource TemplatedParent},Mode=TwoWay}" 
                                      
                                      >
                                <ListView.View>
                                    <GridView AllowsColumnReorder="True">
                                        <GridViewColumn>
                                            <GridViewColumn.Header>
                                                <CheckBox x:Name="checkedAll">全选</CheckBox>
                                            </GridViewColumn.Header>
                                            <GridViewColumn.CellTemplate>
                                                <DataTemplate>
                                                    <CheckBox x:Name="checkBox" IsChecked="{Binding ElementName=checkedAll,Path=IsChecked,Mode=OneWay}" >
                                                        <i:EventTrigger>
                                                            <i:InvokeCommandAction Command="{}"></i:InvokeCommandAction>
                                                        </i:EventTrigger>
                                                    </CheckBox>
                                                </DataTemplate>
                                            </GridViewColumn.CellTemplate>
                                            </GridViewColumn>
                                        <GridViewColumn Header="书名" Width="Auto"  DisplayMemberBinding="{Binding Name}"/>
                                        <GridViewColumn Header="价格" Width="Auto" DisplayMemberBinding="{Binding Price}"/>
                                        <GridViewColumn Header="作者" Width="Auto" DisplayMemberBinding="{Binding Publisher}"/>
                                    </GridView>
                                </ListView.View>
                            </ListView>
                        </Popup>
                    </Grid>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsFocused" SourceName="txt_Input" Value="True">
                            <Setter TargetName="dataList" Property="IsOpen" Value="True"/>
                        </Trigger>
                        <Trigger Property="Text" SourceName="txt_Input" Value="">
                            <Setter TargetName="dataList" Property="IsOpen" Value="False"/>
                        </Trigger>
                        <MultiTrigger>
                            <MultiTrigger.Conditions>
                                <Condition Property="IsFocused" SourceName="txt_Input" Value="False"/>
                                <Condition Property="IsFocused" SourceName="dataList" Value="False"/>
                            </MultiTrigger.Conditions>
                            <MultiTrigger.Setters>
                                <Setter TargetName="dataList" Property="IsOpen" Value="False"></Setter>
                            </MultiTrigger.Setters>
                        </MultiTrigger>
                        <MultiTrigger>
                            <MultiTrigger.Conditions>
                                <Condition Property="IsFocused" SourceName="txt_Input" Value="False"/>
                                <Condition Property="IsFocused" SourceName="dataList" Value="True"/>
                            </MultiTrigger.Conditions>
                            <MultiTrigger.Setters>
                                <Setter TargetName="dataList" Property="IsOpen" Value="True"></Setter>
                            </MultiTrigger.Setters>
                        </MultiTrigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>

            </Setter.Value>
        </Setter>
    </Style>

public class SyncLockCollectionView<T>:CollectionView
    {
        private static object _objLock;
        private ObservableCollection<T> dataCollection;

        public ObservableCollection<T> DataCollection
        {
            get { return dataCollection; }
            set { dataCollection = value; }
        }


        public SyncLockCollectionView(object objLock, ObservableCollection<T> collection)
            :base(collection)
        {
            _objLock = objLock;
            lock (_objLock)
            {
                DataCollection = collection;
            }
        }
    }

 

有意识的浮木
关注
专栏目录
WPF中支持检索的双列下拉框
05-30
WPF中自定义控件，支持手工输入检索下拉框，下拉框是双列的
用WPF实现多选下拉框
10-28
由于项目需要，自己设计的，大家可以看看，由于时间仓促，还不是十分完美，望多多包涵。
WPF篇（18）-DataGrid数据表格控件+ComboBox下拉框控件
最新发布
一个人的江湖
08-14 1156
第二个则绑定了一个数据源，并在Xaml中指定了DisplayMemberPath属性显示Person的Name，最后在后端代码中，依然使用SelectedItem 属性获取当前选中项，转化成Person，以获取实际的选中数据。ComboBox表示带有下拉列表的控件，实际上可以把它看成两个部分组成，一个类似TextBox文本输入框，所以它有一个Text文本属性，用于获取ComboBox框的文本值，另一个是类似ListBox的列表框，用于显示ComboBox绑定的所有数据源。这样的话，当鼠标双击时会报错。
WPF ComboBox 多选下拉框
鸣风
07-02 3354
如图 <DataGridTemplateColumn Width="240"> <DataGridTemplateColumn.Header> <Grid > <pu:MultiComboBox x:Name="MultiSelectCom_NewLYSFs"
推荐开源项目：Sdl.MultiSelectComboBox —— 强大灵活的WPF多选下拉框
gitblog_00085的博客
06-03 400
推荐开源项目：Sdl.MultiSelectComboBox —— 强大灵活的WPF多选下拉框 项目地址:https://gitcode.com/RWS/Multiselect-ComboBox 在开发界面上寻求高效且用户友好的解决方案时，Sdl.MultiSelectComboBox 是一个不容忽视的宝藏。这个专为Windows Presentation Foundation (WPF) 设计的...
MultiSelectComboBox(一)
weixin_30648587的博客
11-18 802
1. MultiSelectComboBox.xaml <UserControl x:Class="MultiSelectComboBox.MultiSelectComboBox" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:...
WPF多选的下拉框
03-26
实现多选的下拉框的自定义控件，能够自己修改样式等信息，简单通过DataTable就能绑定数据，非常简单易用的自定义控件
【C#】完美实现ComBox多列下拉框+自动完成+DataGridView自定义列
12-19
灵活：数据源、下拉框内显示的列、列名、可搜索关键字等可自由定义 方便：可输可选/支持键盘操作/模糊过滤/自动完成匹配 标准：通过继承combobox实现，可单独使用，也可嵌入datagridview使用 水平有限，欢迎大家多...
devexpress LookUpEdit 多列模糊查询
09-07
然而，在实际业务场景中，往往需要根据多列信息来过滤和查找数据，这就是多列模糊查询的价值所在。在DevExpress的LookUpEdit中，我们可以利用其强大的数据绑定和自定义过滤机制来实现这一功能。 首先，我们需要创建...
WPF自定义控件（按钮文本框组合框等等）
08-27
- 功能扩展：可以增加自动完成、搜索过滤等功能，提升用户体验。 3. 自定义组合框： - 组合框的自定义通常包括自定义下拉列表的呈现方式、添加筛选功能或改变选择项的布局。这需要对`ComboBox`的`ItemTemplate`和...
wpf datagrid控件
12-02
- **扩展列类型**：可能添加了自定义列类型，如日期选择器、下拉列表或复选框，以适应不同数据类型的显示和编辑。 - **自定义模板**：允许用户自定义行、单元格或头的显示模板，以创建独特外观。 - **事件处理和命令...
多列下拉框
08-24
自定义控件，完美实现多列下拉的ComboBox。可以满足日常的需求，直接调用dll文件即可
WPF MulitCheckComboBox 多选下拉控件
06-23
项目中经常需要使用多选下拉交互的控件，于是自己封装了一个helper，用于选择状态的读取，当然还包括多选框样式，仅供参考学习
wpf多选下拉demo
07-23
wpf自带的combobox控件只能实现单选，此控件可以实现多选，方便日常使用时有相关需求的开发人员使用
VB.Net自己写的一个控件：ComboBox下拉列表中显示多列数据
01-09
VB.Net开发一个小程序时候，用到一个显示多列的ComboBox，而且从数据库中取出来的数据表要绑定到一个ComboBox中。找来找去，找不到。上Baidu Google很多人说:在VB.Net中的ComboBox只能绑定一列数据。以前的VBA和VB的ComBox可以显示多列数据的。上.Net的怎么不可以能。自己考虑到可以用一个ComboBox和一个ListView结合做一个能够显示多列内容的ComboBox下拉框，可以将一个数据表绑定到ComboBox中的用户控件。 界面和用法：http://blog.csdn.net/linjimu/archive/2009/01/09/3739537.aspx
【愚公系列】2023年10月 Winform控件专题 CheckedListBox控件详解
热门推荐
时光隧道
09-04 2万+
Winform控件是Windows Forms中的用户界面元素，它们可以用于创建Windows应用程序的各种视觉和交互组件，例如按钮、标签、文本框、下拉列表框、复选框、单选框、进度条等。开发人员可以使用Winform控件来构建用户界面并响应用户的操作行为，从而创建功能强大的桌面应用程序。CheckedListBox控件是Windows Forms中的一个常用控件，用于从列表中选择一个或多个项目。其中，CheckOnClick属性是控制当用户单击列表框中的项时是否自动选中该项的一个属性。
wpf下拉多选
07-24 2916
首先是这个CheckedComboBox.cs using System;using System.Windows;using System.Windows.Controls;using System.Windows.Input;using System.Windows.Medi
WPF 实现筛选下拉多选控件
dotNET跨平台
04-20 976
WPF 实现筛选下拉多选控件控件名：MultiSelectComboBox作 者：WPFDevelopersOrg - 驚鏵原文链接[1]：https://github.com/WPFDevelopersOrg/WPFDevelopers框架使用.NET4 至 .NET6；Visual Studio 2022;创建 MultiSelectionSearchComboBox 继承 Contr...
c#wpf treeview不能设置多选
06-12
如果你使用的是 WPF TreeView 控件，它默认是不支持多选的。但是你可以通过自定义 TreeViewItem 的样式来实现多选功能。以下是一个简单的示例： ```xml , Mode=TwoWay}" /> , Mode=TwoWay}" ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值