使用自定义布局和变量no字段与骨干表单

我正在开发一个应用程序，我在其中使用backbone-forms.js来生成动态表单。 所以目前我们能够生成具有这样的标签和输入元素的简单forms

但实际上我必须改变字段的排列。在每一行中我将有一个标签，两个输入字段。

所以我想问一下，是否可以使用骨干表单动态生成这样的表单。 如果我们将使用完整的自定义模板，那么使用此框架没有任何意义。 因此，可以仅为一行提供html并基于同一模板生成其他行。

如果可以生成这样的forms，我们将如何将其值设置为fieldname id class等到第三个字段。

请建议。

Answer 1

是的，因为powmedia的backbone-forms确实提供了模板选项。

您只需构建模板，并将其作为选项传递给它。

 var FormSchema = Backbone.Model.extend({ defaults: function() { return { 'cidesc': 'abc', 'cimisc': 3555, 'codesc': 'asdf', 'comisc': 123, 'todesc': 'def', 'tomisc': 1233, }; }, }); var Form = Backbone.Form.extend({ template: _.template($('#formTemplate').html()), schema: { 'cidesc': { type: 'Text', title: '' }, 'cimisc': { type: 'Text', title: '' }, 'codesc': { type: 'Text', title: '' }, 'comisc': { type: 'Text', title: '' }, 'todesc': { type: 'Text', title: '' }, 'tomisc': { type: 'Text', title: '' }, } }); var form = new Form({ model: new FormSchema() }).render(); $('body').append(form.el); 

在这里试试http://jsfiddle.net/xxhLxr7z/1/ 🙂