反复动态表单字段

Question

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

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

这是解释我的问题的小提琴：https://jsfiddle.net/alibenmessaoud/k35az616/

Answer 1

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

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

填写uid的值后，点击Go后的结果：

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

PS。我不确定您是否需要name="{{this}}"。如果您没有自己提交表单，那就可以了。

最后是updated JSfiddle