主干表单中的内联字段

Question

我正在使用BackboneForms，我希望在字段集中传递的字段在某行中内联。(使用引导程序3(

例如：

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>

爪哇语

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

占位符是 data-xxx 属性，例如数据字段集、数据字段和数据编辑器。

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