12

我正在使用 ListFilter 插件来过滤 Grid 面板上的结果。列定义是。

{
    header: 'Provider',
    filter: {
        type: 'list',
        store: Ext.getStore('MyApp.store.Provider'),
        dataIndex: 'provider_id',
        labelField: 'name'
    }
}

MyApp.store.Provider被创建为

   Ext.create('Ext.data.Store', {
        storeId: 'MyApp.store.Provider',
        autoDestroy: true,
        autoLoad: {start: 0, limit: 50},
        autoSync: true,
        model: 'MyApp.model.Provider',
        pageSize: 50,
        proxy: {
            type: 'ajax',
            api: {
                create:  'proxy/provider/create',
                read:    'proxy/provider/read',
                update:  'proxy/provider/update',
                destroy: 'proxy/provider/destroy'
            },
            reader: {
                type: 'json',
                root: 'data',
                successProperty: 'success',
                messageProperty: 'message',
                totalProperty: 'total'
            },
            writer: {
                allowSingle: false,
                type: 'json',
                writeAllFields: false,
                root: 'data'
            }
        }
    });

最后模型MyApp.model.Provider定义为

Ext.define('MyApp.model.Provider', {
    extend: 'Ext.data.Model',
    fields: [
        { name: 'provider_id', type: 'int'},
        'name',
        { name: 'create_time', type: 'date', dateFormat: appDateFormat },
        { name: 'status', type: 'int'}
    ],
    idProperty: 'provider_id',
    displayProperty: 'name' // A custom property used for dynamically use the property to display
})

现在此代码不会在过滤器菜单中显示任何子菜单。它只是显示加载。看图片。

显示加载

更新

我已经使用以下过滤器配置解决了它。这实际上是手动填充options配置。所以store这里使用 no。

{
  type: 'list',
  labelField: 'name',
  options: (function () {
    var opts = [];
    fS.load(function (records, operation, success) {
      for (var i = 0; i < records.length; i++) {
        var ar = {
          id: records[i].get('provider_id'),
          name: records[i].get('name')
        };

        opts.push(ar);
      }
    });
    return opts;
  })(),
  single: true
}

似乎“id”是硬编码的。id: records[i].get('provider_id'),看起来不太好。虽然它有效。

但我仍在寻找一种正确的方法来做到这一点。

注意：可以在 上找到预期的行为ExtJS 4.1.1。看到这个jsfiddle。我已经复制了它。但这同样的事情不起作用ExtJS 4.0.7

4

1 回答 1

8

我自己没有尝试过，但是您需要使用默认idField 设置为. 所以我想这会起作用：id

{
    header: 'Provider',
    filter: {
        type: 'list',
        idField: 'provider_id',
        store: Ext.getStore('MyApp.store.Provider'),
        dataIndex: 'provider_id',
        labelField: 'name'
    }
}

更新

好的，我查看了源代码，现在可以告诉您，这就是答案。因此，在 4.2 发布之前，您必须使用您的 workarround，或者您可以对您的应用进行以下更改以Ext.ux.grid.menu.ListMenu使其运行：

添加idField具有默认值的 。

在构造函数中查找此行

case 'object': options.push([value.id, value[this.labelField]]); break;
// some more lines
fields: ['id', this.labelField],

并将其替换为

case 'object': options.push([value[me.idField], value[me.labelField]]); break;
// some more lines
fields: [me.idField, me.labelField],

并在 onLoad 函数中寻找

itemValue = records[i].get('id');

并将其替换为

itemValue = records[i].get(me.idField);

差不多就是这样。

于 2013-03-04T07:06:07.330 回答