meteor 动态表单生成

Question

我有一个调查表，我希望管理员能够即时添加更多问题。我正在考虑这样做的方式是让管理员将问题添加到具有多个属性的问题集合中，例如:

{
    "description" : "desc",
    "fieldType" : "textField",
    "sortOrder" : 1,
    "dataType" : "text",
    "_id" : "eFopP8XFgY8Br93fA"
}

然后在客户端，使用#each block 和动态模板循环遍历这些模板，如下所示:

{{#each questions}}
  {{>Template.dynamic template=fieldType}}
{{/each}}

现在“fieldType”字段将对应于存储模板的名称，例如

<template name="textField">
    <div>
        <input id="{{_id}}" type="{{dataType}}" class="validate">
        <label for="{{_id}}">{{description}}</label>
    </div>
</template>

在这些模板中，根据类型会有不同的输入字段。

我有两个问题:

1. 这是解决这个问题的好方法吗？
2. 如果是，您将如何在保存答案时获取这些输入字段的值(因为我们不知道编译时可能存在哪些字段)

Answer 1

关于您的第一个问题，我同意@Kyll 关于autoform 的观点。我认为您可以将模式作为 json 对象动态传递。

关于你的第二个问题，请检查SO问题Dynamically add form fields in meteorjs在哪里可以找到第二个问题的答案。您可以使用 .serializeArray() JQuery serializeArray 轻松获取动态创建的表单中所有字段的值。