1

下面我试图根据为该字段（列）值存储的值在我的数据存储中为我的网格中的类别字段检索特定类别记录。“categoryId”的值返回“2”。为什么 findRecord 不返回记录？它为“类别”显示“-1”。当我将它用作表单中下拉列表的组合框存储时，key=2 的记录存在。我最终想找到 key=2 的记录，然后返回 value 属性，因此它在我的网格视图中显示该记录的 value 属性。

仅供参考：“key”属性是类别记录的 id，“value”属性是我要显示（或在网格单元格中呈现）的类别记录的名称。

分类店铺：

Ext.define('DropdownOption', {
    extend: 'Ext.data.Model',
    fields: [
        { name: 'key' },
        { name: 'value' }
    ]
});

var statusDropdownStore = new Ext.data.Store({
    proxy: new Ext.ux.AspWebAjaxProxy({
        url: '/track/Controls/Shared/GeneralService.asmx/GetDropdownOptions',
        actionMethods: {                
            read: 'POST'
        },
        extraParams: {
            user_login: authUser,
            table_name: '[status]'
        },
        reader: {
            type: 'json',
            model: 'DropdownOption',
            root: 'd'
        },
        headers: {
            'Content-Type': 'application/json; charset=utf-8'
        }
    })
});

查看（Ext.grid.Panel）列：

            columns: [

                ... snip ...

                { text: 'Status', dataIndex: 'status', sortable: true, 
                    renderer: function(value, metaData, record, row, col, store, gridView) { 

                        var categoryId = record.get('status');
                        alert("categoryId: " + categoryId);  // displays "categoryId: 2"
                        if (categoryId > 0)
                        {
                            var category = statusDropdownStore.findRecord('key', categoryId);
                            alert("category: " + category);  // displays "category: -1" which usually means not found
                            //alert(category.get('value'));
                            return '';  // return value property of category record
                        }
                        else
                        {
                            return '';
                        }
                    } 
                },

                { text: 'Date Modified', dataIndex: 'date_modified', sortable: true, renderer: Ext.util.Format.dateRenderer('m/d/Y') },

                ... snip ...

            ],

=====================

2012 年 8 月 1 日下午 5:21 更新：

好的，网格初始加载时的值是空白的（意味着它命中了“return '';”代码行。但是当我进入记录并单击“保存”时，网格中的所有行都显示类别名称-- 使用下面的新代码。作为旁注，我曾经将 id 列命名为“key”，但我将其重命名为“id”。 

                { text: 'Status', dataIndex: 'status', sortable: true, 
                    renderer: function(value) { //, metaData, record, row, col, store, gridView) { 

                        if (value > 0) {
                            var r = statusDropdownStore.findRecord('id', value);
                            if (r != null)
                            {
                                var catName = r.get('value');
                                return catName;
                            }
                        }
                        return '';
                    } 
                },
4

2 回答 2

5

你的代码看起来很好，我也为渲染器做同样的事情：

renderer: function(value) {
    if (value) {
        var record = refStore.findRecord('id', value),
            name = record.get('name');
        return name;
    }
},

奇怪的是如果没有找到findRecord应该返回null，而不是-1。

我唯一能想到的是文档中的这个：

筛选存储时，仅在筛选器内查找记录。

这是我使用的模型refStore（上图）：

Ext.define('MyApp.model.Reference', {
    extend: 'Ext.data.Model',
    fields: [
        {name: 'id',    type: 'int'},
        {name: 'name',  type: 'string'},
        {name: 'active',type: 'bool'}
    ],
});
于 2012-08-01T21:27:24.650 回答
0

查看 findByREcord 的原型

findRecord: function(fieldName, value, startIndex, anyMatch, caseSensitive,    exactMatch) {        
var index = -1;

  if(fieldName && (value || value === 0)) {
    var options = Ext.applyIf({
        property: fieldName,
        value: value,
        anyMatch: anyMatch,
        caseSensitive: caseSensitive,
        exactMatch: exactMatch,
        root: 'data'
    }, {
        anyMatch: false,
        caseSensitive: false,
        exactMatch: true
    });
    var filter = Ext.create('Ext.util.Filter', options);
    index = this.data.findIndexBy(filter.getFilterFn(), null, startIndex);
  }

  return index > -1 ? this.getAt(index) : null;
}

使用 true 作为最后一个参数，它将解决您的问题。

于 2015-04-17T11:38:10.037 回答