javascript - Sencha Touch 2: パネルから HTML と入力値を取得する方法

Question

パネルからの入力値と同様に、パネルの HTML を取得する方法を知りたいと思っていました。次のような HTML を取得できます。

myPanel.getInnerHtmlElement().dom.innerHTML

しかし、それは私にHTMLを返すだけです。たとえば、Panel に以下のような HTML があるとします。

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

テキストボックスに名前を入力すると、次のように返されます。

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

代わりに私は戻ってきています：

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

HTMLを入力値で戻す方法を知っている人はいますか? ありがとう。

score 0 · Accepted Answer

そのパネルがの場合、Ext.form.Panelこれを使用してすべてのユーザー入力の値を取得できます。

myPanel.getValues();

たまたまフォームフィールドがある通常の古いパネルである場合 (再考する必要があるかもしれません)、次のようにすることができます。

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

score -1 · Accepted Answer

値が変更されるたびに、DOM の value 属性を変更しました。

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

そして、必要に応じて次の方法で HTML を取得します。

myPanel.getInnerHtmlElement().dom.innerHTML

3 に答える 3