WPF 如何自定义隐藏下拉框选项
作者:DisonTangor
- 2022 年 8 月 01 日
本文字数:1810 字
阅读完需:约 6 分钟
目前很多的 Client 都是基于 JS 的,但是总有时候会遇到其他的框架不如 Qt、WPF 和 JavaFx 等。那么这次我就讲解一个 WPF 的技巧:如何自定义隐藏下拉框选项
demo.xaml
<ComboBox IsTextSearchEnabled="False"
IsEditable="True"
ItemsSource="source" <!--source {value:string, text:string }-->
KeyUp="comboBox_KeyUp" DropDownOpened="OnDropDownOpened" DropDownClosed="OnDropDownClosed"
/>
复制代码
demo.xaml.cs
/// <summary>
/// 搜索条件过滤
/// </summary>
private void comboBox_KeyUp(object sender, System.Windows.Input.KeyEventArgs e)
{
var combobox = (ComboBox)sender;
combobox.SelectedItem = null;
var ctb = combobox.Template.FindName("PART_EditableTextBox", combobox) as TextBox;
if (ctb == null) return;
if (Keyboard.Modifiers.HasFlag(ModifierKeys.Shift) || Keyboard.Modifiers.HasFlag(ModifierKeys.Control) || Keyboard.Modifiers.HasFlag(ModifierKeys.Alt))
return;
var caretPos = ctb.CaretIndex;
combobox.IsDropDownOpen = true;
var datasource = (combobox.ItemsSource as List<SelectOption>).DeepClone().Where(x => /*自定义条件*/)).ToList();
combobox.ItemsSource = datasource;
CollectionView itemsViewOriginal = (CollectionView)CollectionViewSource.GetDefaultView(combobox.Items);
itemsViewOriginal.Filter = ((o) =>
{
if (String.IsNullOrEmpty(combobox.Text))
{
return true;
}
else
{
if (((SelectOption)o).text.ToLower().Contains(combobox.Text.ToLower()))//(SelectOption)o).text.StartsWith(combobox.Text, true, null)
{
return true;
}
else
{
return false;
}
}
});
itemsViewOriginal.Refresh();
ctb.CaretIndex = caretPos;
}
/// <summary>
/// 下拉框初始化过滤
/// </summary>
private void OnDropDownOpened(object sender, EventArgs e)
{
var cb = (ComboBox)sender;
if (cb.IsDropDownOpen == true)
{
var combobox = (ComboBox)sender;
//combobox.SelectedItem = null;
var ctb = combobox.Template.FindName("PART_EditableTextBox", combobox) as TextBox;
if (ctb == null) return;
if (Keyboard.Modifiers.HasFlag(ModifierKeys.Shift) || Keyboard.Modifiers.HasFlag(ModifierKeys.Control) || Keyboard.Modifiers.HasFlag(ModifierKeys.Alt))
return;
var caretPos = ctb.CaretIndex;
combobox.IsDropDownOpen = true;
var tempValue = combobox.SelectedValue;
var datasource = (combobox.ItemsSource as List<SelectOption>).DeepClone()
.Where(x => /*自定义条件*/)
.ToList();
combobox.ItemsSource = datasource;
CollectionView itemsViewOriginal = (CollectionView)CollectionViewSource.GetDefaultView(combobox.Items);
itemsViewOriginal.Refresh();
combobox.SelectedValue = tempValue;
ctb.CaretIndex = caretPos;
}
}
/// <summary>
/// 下拉框数据源还原
/// </summary>
private void OnDropDownClosed(object sender, EventArgs e)
{
var cb = (ComboBox)sender;
if (cb.IsDropDownOpen == false)
{
var tempValue = cb.SelectedValue;
cb.ItemsSource = (this.DataContext as /*定义的前端ViewModel*/).source;
cb.SelectedValue = tempValue;
}
}
复制代码
结语
原理看代码就会了,具体如何自定义过滤,结合自己的实际需求设计。
划线
评论
复制
发布于: 刚刚阅读数: 4
版权声明: 本文为 InfoQ 作者【DisonTangor】的原创文章。
原文链接:【http://xie.infoq.cn/article/e08b5fc604d9ef59034b1d457】。
本文遵守【CC-BY 4.0】协议,转载请保留原文出处及本版权声明。
DisonTangor
关注
怀揣一个武侠梦的男孩 2020.07.29 加入
还未添加个人简介
评论