Auto Suggest ComboBox - MVVM

时间:2014-06-22 09:53:49

标签: wpf mvvm combobox autocomplete autosuggest

当我向组合框添加属性IsEditable="True"时,它会自动收到"自动完成" 行为。

有没有办法在这个组合框中添加" Auto Suggest"行为?

我的意思是,当在组合框中书写时会打开一个带有上述标题的选项列表。

(如果可能=不破坏MVVM)

1 个答案:

答案 0 :(得分:3)

你去吧

我尝试使用标准组合框和动画添加自动建议行为

<ComboBox IsEditable="True">
    <ComboBoxItem>Orange</ComboBoxItem>
    <ComboBoxItem>Apple</ComboBoxItem>
    <ComboBoxItem>Banana</ComboBoxItem>
    <ComboBoxItem>Cherry</ComboBoxItem>
    <ComboBox.Triggers>
        <EventTrigger RoutedEvent="TextBoxBase.TextChanged">
            <BeginStoryboard>
                <Storyboard>
                    <BooleanAnimationUsingKeyFrames Storyboard.TargetProperty="IsDropDownOpen">
                        <DiscreteBooleanKeyFrame Value="True" KeyTime="0:0:0"/>
                    </BooleanAnimationUsingKeyFrames>
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
    </ComboBox.Triggers>
</ComboBox>

尝试一下,让我知道如果这是你正在寻找的,更复杂的行为可能需要一些额外的努力

为组合项添加建议过滤器

XAML

<ComboBox IsEditable="True"
            ItemsSource="{Binding ComboItems}"
            Text="{Binding ComboText,Mode=OneWayToSource}">
    <ComboBox.Triggers>
        <EventTrigger RoutedEvent="TextBoxBase.TextChanged">
            <BeginStoryboard>
                <Storyboard>
                    <BooleanAnimationUsingKeyFrames Storyboard.TargetProperty="IsDropDownOpen">
                        <DiscreteBooleanKeyFrame Value="True"
                                                    KeyTime="0:0:0" />
                    </BooleanAnimationUsingKeyFrames>
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
    </ComboBox.Triggers>
</ComboBox>

查看模型

public ICollectionView ComboItems{ get; set; }

public string ComboText
{
    get
    {
        throw new NotImplementedException();
    }
    set
    {
        ComboItems.Filter = item => item.ToString().ToLower().Contains(value.ToLower());
    }
}

您可能需要根据您的项目类型进行过滤,上面是字符串值

初始化ComboItems

var myItems = new[] { "Apple", "Orange", "Cherry", "Banana" };
ComboItems = CollectionViewSource.GetDefaultView(myItems);

用您的收藏品替换我的物品