javascript - 如何在 extjs 中加载嵌套表单

Question

我有带有文本字段的简单表单，并且工作正常。

现在我要求用户应该能够在表单中添加许多标签。

该表单使用字段进行硬编码。

然后我需要称为标签的部分，默认情况下我将有单个文本框和添加按钮，以便用户可以通过键入添加更多标签。

我正在考虑以单独的形式使用标签，但我不知道该怎么做

请有任何想法

Answer 1

这是 ExtJS 4.2.0 中的一个简单的 JSFidle，动态添加字段到表单面板，并将它们发送到表单提交到后端。

您可以在 fiddler 中看到新添加的字段被发送到后端。

下面是我添加的代码，用于在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
            });           
        }
    }