活性和动态表单字段

Question

我正在尝试使用 Ractive (0.9.x) 创建一个动态表单。输入标签应该在 value 属性中有一个变量名来绑定到 Ractive 的当前实例。就我而言，一开始我没有价值观。我的表格应该是空的和动态的。我的目标是序列化 JSON 对象中的数据。

{{# keys:key }}
    <div class="ks-form-keyword">
    <label>{{this}}</label>
    <input name="{{this}}" value="" >
  </div>                   
{{/}}

这里有一个 fiddle 来解释我的问题：https://jsfiddle.net/alibenmessaoud/k35az616/

Answer 1

假设在您的 data 中您有一个新字段来收集表单数据作为 JSON 例如。 formData:{}

然后只需将 <input name="{{this}}" value="" /> 更改为 <input value="{{formData[this]}}" name="{{this}}" /> 即可。

填写 uid 的值后单击“开始”的结果：

{"uid":"someTestValueByUser","header.category":"","header.priority":"","from":"","id":"","to":"","header.group":"","timestamp":""}

ps。我不确定你是否需要 name="{{this}}"。如果您不提交表单本身，那么就可以了。

最后附上一个updated JSfiddle

Ractive and dynamic form fields