javascript - extjsでネストされたフォームをロードするにはどうすればよいですか

Question

テキストフィールドを備えたシンプルなフォームがあり、正常に機能しています。

今、ユーザーがフォームに多くのタグを追加できるようにする必要があります。

フォームはフィールドでハードコーディングされています。

次に、タグと呼ばれるセクションが必要です。デフォルトでは、ユーザーが入力してタグを追加できるように、単一のテキストボックスと追加ボタンがあります。

タグを別々のフォームで使用することを考えていますが、その方法がわかりません

任意のアイデアをお願いします

Answer 1

これはExtJS 4.2.0 のシンプルな JSFidle で、フォームパネルにフィールドを動的に追加し、フォーム送信時にバックエンドに送信します。

新しく追加されたフィールドがフィドラーでバックエンドに送信されていることがわかります。

以下は、 Add Tags Button Clickでフィールドを動的に追加するために追加したコードです。

   {
        xtype:'button',
        text:'Add Tags',
        width:100,
        handler:function(btn){
            formpanel.add({
                fieldLabel: 'New Item'+formpanel.items.length,     // formpanel is the name of the formpanel
                name: 'item'+formpanel.items.length,
                allowBlank: false
            });           
        }
    }