backbone.js - Backbone.js 和动态表单生成

Question

这是设计问题。请建议我。

我们正在使用backbone.js 框架。我们需要大量的动态表单生成（可能是几个动态引导表单向导）。

为了处理表单验证和提交方法，我必须将 javascript 代码附加到 html 代码中。这个对吗 ？

有没有更好的写法？

谢谢，拉贾K

Answer 1

您不必将任何 js 代码附加到生成的 html 中。您所问的通常是通过创建一个动态生成表单 html 并将其附加到 DOM 的 Backbone.View （其中包含所有交互 js 代码）来完成的。

Backbone 表单是一个框架，您可以使用它来简化此操作，请参见下文。

从 Backbone 表单示例（我的评论）：

var User = Backbone.Model.extend({
schema: {
    title:      { type: 'Select', options: ['Mr', 'Mrs', 'Ms'] },
    name:       'Text',
    email:      { validators: ['required', 'email'] },
    birthday:   'Date',
    password:   'Password',
    address:    { type: 'NestedModel', model: Address },
    notes:      { type: 'List', itemType: 'Text' }
}
});

var user = new User();

var form = new Backbone.Form({
    model: user
}).render();

$('body').append(form.el);

然后，您可以监听对象上的提交事件（和其他事件）form。