javascript - ExtJS - 如何访问对象的属性和方法

Question

这可能是一个简单的问题，但我很难弄清楚这一点，因为我对编程还很陌生。我正在构建一个 Django Web 应用程序并使用 ExtJS 3.4 来构建界面。我的界面的一部分有一个文本字段和触发单击事件的按钮，我需要获取文本字段的值以传递给 URL，但我不知道如何访问它。如果我将对象定义为变量，我知道如何执行此操作，但当我在这个特定实例中使用 xtype 时，我不知道如何执行此操作。例如，这就是我的文本字段对象的定义方式:

items: [{
  xtype: 'textfield',
  fieldLabel: 'Scenario Name',
  id: 'scn_name',
  allowBlank: false
}]

这就是我尝试在按钮的事件处理程序中访问文本字段的值的方法:

var scnName = scn_name.getValue()

我得到的错误是

Uncaught TypeError: Object #<HTMLInputElement> has no method 'getValue'

但我知道文本字段类有一个 getValue() 方法。我究竟做错了什么？如何访问使用类型创建的对象的属性和方法？

提前致谢，

罗

Answer 1

您的 scn_name 应该是对组件的引用，而不是表示它的 DOM 元素。您可以使用以下方式获取 ExtJS 组件的引用:

var scn_name = Ext.getCmp('scn_name');

然后你可以这样做:

var scnName = scn_name.getValue();

更多详情请参阅:http://www.sencha.com/learn/getting-elements-and-components/