extjs列表过滤远程存储

Question

是否有一个ext js ListFilter的工作示例，其中列表选项由远程存储加载。该文档提供了诸如“小”，“中”和“大”等编码选项的示例。

我希望从远程商店加载这些选项。我在这里找到了一个例子，但这修改了核心类ListFilter.js我希望避免这种情况 http://www.sencha.com/forum/showthread.php?64234-Ext.ux.grid.filter.ListFilter-gt-loaded-store 谢谢， 考希克

Answer 1

以下是过滤器的示例。以下代码段将用于过滤器插件的实例化块。

filters: [{
    type: 'list',
    dataIndex: 'dataInTheStoreName', // use this as the value
    single: false,   // true for radio buttons
    labelField: 'dataInTheStoreLabel', // use this as the label
    store: new yourExampleStore()
}.{...your other filters...}]

所以只需创建一个ExtJs商店对象来访问您的数据，并将其附加到列表过滤器。 有许多这样的例子，例如here。

Answer 2

我创造了一个对你有用的工作小提琴：

https://fiddle.sencha.com/#view/editor&fiddle/2gp6

基本上你用存储声明过滤器（列表过滤器需要两者：lavel和id）

    text: 'Eye Color',
    dataIndex: 'eyeColor',
    filter: {
        type: 'list',
        store: filterStore,
        idField: 'id',
        labelField: 'value'
    }