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

时间:2013-06-25 14:23:32

标签: extjs sencha-touch

我正在使用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的')。值 但它不会返回任何价值。

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

1 个答案:

答案 0 :(得分:2)

正如Kevhender建议的那样,最好使用Ext.field.TextAreaExt.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