如何从 extjs 中的 store.filter 访问返回值？

Question

我有以下代码，其中我创建了一个商店并通过传递 name_holder 值在加载时对其进行查询。所以基本上查询是

 /query/name:name_holder* 

name_holder 值由用户输入。现在我试图检索返回的记录值，但我无法在 store.load 函数之外访问它。 我的方法是否正确？我是 ext.js 的新手，我们将不胜感激。谢谢。

var store = Ext.create("Ext.data.Store", {
                    fields: [
                             {name: 'name', type: 'string'},
                             {name: 'id',  type: 'string'},

                         ],
                    proxy : name_proxy,
                });

var data_names= store.load({
                    params : {
                        query : name_holder
                    },
   callback: function(records, operation, success) {
                            if (success) {
                                var data_id=  records[0].data.id;
                             } else {
                                console.log('error');
                            }
                        }
                });
    console.log(data_id);

我可以在函数内部访问 data_id 值，但不能在外部访问。因此，console.log 行给了我一个错误。

Answer 1

如果实际任务是找出name 与给定字符串完全匹配的记录的id，那么您就不需要对商店大惊小怪了。只需让您的服务器端 API 返回 ID 以响应 /query/name:name_holder 之类的查询。只需执行 AJAX 请求即可获取 ID。

如果您出于某种原因需要坚持使用存储，那么最好再次让服务器端执行精确匹配，以便在请求 /query/name:name_holder 时只返回一条记录。在这种情况下，您的商店在加载时将只有一条记录，您可以通过以下方式轻松找到它的 id：store.getAt(0).getId()。

最后，如果你不能或不想接触服务器端的任何东西，使用query方法过滤掉你感兴趣的记录：

store.query(
         'name',
         name_holder,
         false, // not anymatch
         true, // case sensitive
         true // exact match
     ).getAt(0).getId();

本地数据示例：https://fiddle.sencha.com/#fiddle/pbo