2016-05-06 22 views
0

我使用的是ExtJS 6.0.2中的TreePicker。我想知道如何对拾取​​器数据执行搜索或查询,类似于此示例 - Fiddle。它具有这个属性是从组合框的内置功能:搜索Sencha TreePicker

queryMode: 'local' 

我所做的文本字段编辑,我想知道是否有执行搜索任何内置的方式还是我写的代码手动完成。对于手动方式,我尝试通过在TreePicker的config属性中编写代码来捕获TextField的更改事件,但未能获取要触发的事件。我在这里错过了什么,请指导。

回答

1

看来这个组件有一个非常简单的实现,并且不支持任何搜索功能。 你可以开始实施你的需要,学习Ext.form.field.ComboBox源代码,以便“复制”只有你想要的行为。

例如,您会看到有一个选择器的方法可以覆盖以处理更改事件。一个非常非常简单的“搜索上的变化”扩展名可以用以下重写添加:

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

Fiddle

+0

谢谢,但在此之前,我无法获得文本框的变化事件,火灾,对任何指针? –

+0

您不需要触发事件,只需重写onFieldMutation方法即可。 –

+0

我很抱歉,但我认为你在这里感到困惑,我没有使用组合框组件,也没有在我的代码中的任何方法组合框被继承。小提琴链接是组合框的一个例子,我试图在这里实现与TreePicker类似的东西。 –