自动完成框和搜索文本清除

Question

我在 MVVM Silverlight 应用程序中清除 SearchText 时遇到问题。我可以清除 SelectedItem 和 Text，但 SearchText 被留下。它是只读的，不能通过绑定进行更改。

示例：带有国家/地区列表的 AutoCompleteBox。当用户想要输入澳大利亚时，他们输入“au”，此时列表将显示奥地利和澳大利亚。然后用户可以选择澳大利亚并继续。编辑结束后，他们单击“保存”按钮。此时，您可能希望清除数据表单以输入新数据。

即使您绑定了 SelectedItem 和 Text 属性，并将它们分别设置为“null”和 string.Empty，SearchText 属性仍然保留，并且 AutoCompleteBox 不会清除，但将包含“au”。

Answer 1

我在互联网上发布了有关此问题的信息，但无法得到有关控件本身的答案，因此我从不同的角度来看待它，这可能会帮助那些像我一样最终感到沮丧的人。

我正在使用 Silverlight 导航模板应用程序，该应用程序使用 NavigationFrame 在其中加载 Silverlight 页面。我注意到，如果我导航到另一个页面并返回到我的数据表单，SearchText 就会被清除。绑定到属性的任何值仍然有效，只是所有 AutoCompleteBox 上的 SearchText 已清除。因此，我使用 PageConductor 方法将 NavigationFrame 注入到 ViewModel 中，我可以在其中调用刷新方法。我从 John Papa 的 Silverlight Firestarter 事件中的 示例 中得到了这个方法，我只是向 IPageConductor 接口添加了一个 Refresh 方法，这样我现在可以调用“PageConductor.Refresh()”，就像重新加载页面一样。我希望这对那里的人有帮助。

Answer 2

var t = ProductCombo.ItemsSource;
ProductCombo.ItemsSource = null;
ProductCombo.Text = string.Empty;
ProductCombo.SelectedValue = null;
//ProductCombo.Text = string.Empty;
ProductCombo.ItemsSource = t;

请试试这个，它对我有用

Answer 3

您必须在 SelectedItem Binded 属性的设置部分中清除绑定到 Text 的属性，如下所示：

    public string AnalisisText
    {
        get { return _analisisText; }

        set
        {
            if (_analisisText == value)
            {
                return;
            }

            _analisisText = value;

            RaisePropertyChanged(AnalisisTextPropertyName);
        }
    }

    public DatosAutoCompletaPedidosDetalleViewDTO AnalisisSelect
    {
        get { return _analisisSelect; }

        set
        {
            if (_analisisSelect == value)
            {
                return;
            }


            _analisisSelect = value;

            if (_analisisSelect == null) AnalisisText = "";

            RaisePropertyChanged(AnalisisSelectPropertyName);
        }
    }

因此，当您将属性 SelectedItem 设置为 null 时，另一个属性将设置为“”。

Answer 4

我发现的最简单的方法是扩展 AutoCompleteBox：

public class AutoCompleteBoxClear : AutoCompleteBox
{
    public AutoCompleteBoxClear()
    {
        DataContextChanged += (o, e) =>
        {                
            if (SelectedItem == null)
                Text = string.Empty;
        };
    }
}

现在在 XAML 中使用新的 AutoCompleteBoxClear 控件。

仅当自动完成框数据上下文更改为 null（即用户单击数据表单中的添加）时，才会清除文本。

注意：我认为 DataContextChanged 仅在 Silverlight 5 中可用，但我猜现在仍在使用 Silverlight 的任何人都可能已经升级到现在...

Answer 5

我最近在使用 WPF 应用程序时遇到了同样的问题。我发现解决办法不是将绑定到SelectedItem的对象设置为null，而是设置为其默认值。我花了一段时间才弄清楚这一点。因此，在您的示例中，它不会是 SelectedCountry = null，而是 SelectedCountry = new SelectedCountry()。在这种情况下，SearchText 也会被清除。检查我关于此事的 SO 帖子：Autocompletebox 不会清除键盘笔划。

Answer 6

当然 SearchText 属性是只读的，但我们可以获取 AutoCompleteBox 的子组件：

var searchText = autoCompBox.GetChildByType<TextBox>(item => item.Name == "Text");

现在我们可以通过 TextBox 组件的 Text 属性重置 SearchText：

if (searchText != null) searchText.Text = string.Empty;

在 C# 6.0 中更简洁：

autoCompBox.GetChildByType<TextBox>(item => item.Name == "Text")?.Text = string.Empty;