backbone.js - BackboneForms 中的内联字段

Question

我正在使用 BackboneForms，我希望在字段集中传递的字段在某行中是内联的。（使用 bootstrap3）

例如：

form = new Form({
    fieldsets:[
        {legend:'PART1', fields:['title', 'content', 'email']},
        {legend:'PART2', fields:['country', 'sport']}
    ]
});

我希望 PART1 中的输入在同一行中。（每个 col-sm-4）， col-sm-6 用于 PART2 输入，依此类推，用于字段集中的任何对象。

JsFiddle 中的代码。

我怎样才能做到这一点 ？

Answer 1

根据文档：https ://github.com/powmedia/backbone-forms#customising-templates

自定义表格

<script id="formTemplate" type="text/html">
    <form>
        <h1><%= heading1 %></h1>

        <h2>Name</h2>
        <div data-editors="firstName"><!-- firstName editor will be added here --></div>
        <div data-editors="lastName"><!-- lastName editor will be added here --></div>

        <h2>Password</h2>
        <div data-editors="password">
            <div class="notes">Must be at least 7 characters:</div>
            <!-- password editor will be added here -->
        </div>
    </form>
</script>

Javascript

 var form = new Backbone.Form({
    template: _.template($('#formTpl').html()),
    model: new UserModel(), //defined elsewhere
    templateData: {heading1: 'Edit profile'}
});

占位符是 data-xxx 属性，例如 data-fieldsets、data-fields 和 data-editors。

https://github.com/powmedia/backbone-forms#alternate-field-templates