如何在 extjs 中加载嵌套表单

How can i load nested forms in extjs

本文关键字:加载 嵌套 表单 extjs      更新时间:2023-09-26

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

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

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

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

我正在考虑以单独的形式使用标签,但我不确定该怎么做

请有任何想法

这是 ExtJS 4.2.0 中的一个简单的 JSFidle,它动态地将字段添加到 formpanel 并将它们在表单提交到后端时发送。

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

以下是我添加的代码,用于在"添加标签"按钮单击上动态添加字段:

   {
        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
            });           
        }
    }