extjs - 无法在 sencha touch 2.2 表单面板上获取 html 文本框值

Question

我正在使用 sencha touch 2.2。我在 Ext.form.Panel 上的 Sencha Touch 中设置 html，如下所示

Ext.define('MyApp.view.MyFormView', {
extend: 'Ext.form.Panel',
xtype: 'MyFormView',
config: {
items:[
{
xtype: 'fieldset',
title: 'Add Form Details',
items:[
.
.
.

{
html: [
'<div class="formula-div"><input id="textbox1" type="text" class="text-box-width"/> / <input id="textbox2" type="text" class="text-box-width"/></div>'
].join("")
},
.
.
.

]
}
]
}
});

有一个带有添加按钮的面板。单击该添加按钮后，我将添加此表单，如下所示。

controller.getNavView().push(myForm);

我想获取 html 文本框的值。我试过这个 document.getElementById('textbox1').value 但它没有返回任何值。

当我使用添加按钮删除面板并直接调用表单时，我得到了这个值。

Answer 1

正如 Kevhender 建议的那样，最好在项目中使用Ext.field.TextArea或Ext.field.Text创建文本框。从那时起，您可以更轻松地获取文本框的值，例如Ext.getCmp('ID OF THE TEXT BOX').getValue().

以下是一些对您有用的链接：

http://dev.sencha.com/playpen/docs/output/Ext.form.TextField.html http://docs.sencha.com/touch/2.2.0/#!/api/Ext.field.Text