javascript - Sencha Touch 2：如何从面板获取 HTML 以及输入值

Question

我想知道如何获取面板的 HTML 以及面板的输入值？我可以得到这样的 HTML：

myPanel.getInnerHtmlElement().dom.innerHTML

但这只会给我返回 HTML。例如，如果我在面板中有一些如下所示的 HTML：

<input type="text" name="firstname">

然后在文本框中输入一个名称，它应该会返回如下内容：

<input type="text" name="firstname" value="John">

相反，我回来了：

<input type="text" name="firstname">

有谁知道如何用输入值取回 HTML？谢谢。

score 0 · Accepted Answer

好吧，如果该面板是 aExt.form.Panel那么您可以使用它来获取所有用户输入的值：

myPanel.getValues();

如果它是一个常规的旧面板，恰好有表单字段（也许你应该重新考虑），那么你可以这样做：

var values = {};
Ext.each(myPanel.query('textfield'), function() {
  values[this.getName()] = this.getValue();
});

score 0 · Accepted Answer

Ext.get(html_element_id).setHtml(your_custom_html);这是用于设置，就像您可以getHtml用来获取值一样

score -1 · Accepted Answer

每当值更改时，修改 DOM 上的 value 属性：

$("input[type='text']").change(function () {
  $(this).attr('value', $(this).val());
});

然后在需要时通过以下方式获取 HTML：

myPanel.getInnerHtmlElement().dom.innerHTML

3 回答 3