搜索 Sencha TreePicker

Question

我正在使用 TreePicker from ExtJS 6.0.2. I would like to know how can I perform a search or query on the Picker data similar to this example - Fiddle。它有这个属性这是组合框的内置功能：

queryMode: 'local'

我已将 TextField 设置为可编辑，我想知道是否有任何内置方式来执行搜索，或者我是否必须编写代码来手动执行此操作。对于手动方式，我试图通过在 TreePicker 的配置属性中编写代码来捕获 TextField 的 change 事件，但未能触发事件.我这里漏了什么，请指导。

Answer 1

看来该组件的实现非常简单，不支持任何搜索功能。您可以开始实施您的需求，研究 Ext.form.field.ComboBox 源代码，以便 "copy" 只有您想要的行为。

例如，您会看到有一个选择器的方法可以重写以处理 change 事件。可以使用以下覆盖添加一个非常非常简单的 "search on change" 扩展：

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

Fiddle

搜索 Sencha TreePicker

Search a Sencha TreePicker

javascript

extjs

extjs6-classic