javascript - 无法让 Ext.ux.form.SearchField 在 ExtJS 中工作

Question

我似乎无法让 SearchField 在 extJS 中工作。我想在表格工具栏中实现它，并对我的表格存储对象执行筛选。

我有这样的需求设置:

Ext.require([
    'Ext.ux.form.SearchField'  
]);

我将搜索字段添加到我的工具栏，如下所示:

tbar: [

  new Ext.ux.form.SearchField({
       store: tablestore,
       width:320
  })
]

我的餐 table 店很普通。我将 remoteFilter 设置为 false(我只想在本地发生这种情况)。

var tablestore = new Ext.data.SimpleStore({
    fields: [
        {name: 'id', type: 'int'},
        {name: 'name'}
    ],
    remoteFilter:false
});

当我点击过滤器按钮时，列表被清除。如果我删除过滤器，列表将保持清除状态。没有错误消息。

fiddle :

https://fiddle.sencha.com/#fiddle/6hs

(确保你的版本设置为 4.2)

编辑:

这是另一个 fiddle 。在这个 fiddle 中，我将搜索字段用作停靠项。它仍然有同样的问题: https://fiddle.sencha.com/#fiddle/6p4

Answer 1

如果您经常使用，我建议您编写自己的搜索字段。如你所见in the code ，这是一个简单的扩展，它在代理中设置一个参数(默认名称 query)并重新加载存储。在您的情况下，它不起作用，因为您使用了 SimpleStore(并且 SimpleStore.load() 加载了一个空商店(即使它有一些记录))。