Javascript/ExtJS : Ext. getCmp ('' ) 导致 TypeError ...不是一个函数

Question

我有一些代码，以前可以正常工作，但现在不行了。我有一组结果，显示在 GridPanel 中，并且有一个文本字段来过滤结果。当输入的字母超过3个时，将相应地过滤显示结果。文本字段中有一个监听器，它将对输入的值使用react。输入内容后，它会触发以下命令:

grid  = Ext.getCmp('shopGrid');
console.log(grid);
store = grid.getStore();
console.log(store);

if (strLen >= 3) {
    store.filter('NAME', input, true, false);

} else {
    store.clearFilter();
    store.load();
}

我添加了 console.log() 来查看发生了什么。我将网格放入控制台，它是一个包含各种元素的对象，正是我所期望的。但它不会继续下去，并以错误消息终止:“类型错误:Ext.getCmp(...).getStore 不是函数”

我以前遇到过这种错误消息，但我还没有完全理解它想告诉我什么，因为我对 Javascript 内部工作原理的理解相当有限。在 ExtJS 中，函数 getStore() 仅为 GridPanel 定义。我的问题可能是 getCmp() 为我提供了标准对象而不是 GridPanel 吗？但是 Javascript 中只有一种类型的对象，对吗？无论如何，我使用的是 Ext 版本 3.4.1。任何帮助或提示将不胜感激。

Answer 1

您已设置grid成为Ext.getCmp('shopGrid').getView() ，所以它实际上是对 view 的引用，而不是网格本身。脱下getView()它应该可以工作。

var grid  = Ext.getCmp('shopGrid'),
    store = grid.getStore();