搜索Sencha TreePicker

Question

我正在使用ExtJS 6.0.2中的TreePicker。我想知道如何对Picker数据执行类似于此示例的搜索或查询 - Fiddle。它具有此属性，这是组合框中的内置功能：

queryMode: 'local'

我已经使TextField可编辑了，我想知道是否有任何内置方式来执行搜索，或者我是否必须编写代码来手动执行。对于手动方式，我尝试通过在TreePicker的config属性中编写它的代码来捕获TextField的更改事件，但未能触发事件。我在这里缺少什么，请指导。

Answer 1

看起来这个组件的实现非常简单，不支持任何搜索功能。 您可以开始实现研究 Ext.form.field.ComboBox 源代码的需求，以便仅“复制”您想要的行为。

例如，您将看到有一个选择器的方法来覆盖以处理更改事件。可以使用以下覆盖添加非常简单的“搜索更改”扩展名：

        ...
        onFieldMutation: function(e) {
            var me = this,
                store = me.getStore(),
                rawValue = me.inputEl.dom.value;
            store.filter('text', rawValue);
        },
        ...

Fiddle