Встроенные поля в BackboneForms

Question

Я использую BackboneForms, и я хочу, чтобы поля, переданные в полях, были встроенными в некоторую строку. (Использование bootstrap3)

, например:

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

Я хочу входы в ЧАСТЬ1 в одной и той же строке. (col-sm-4 для каждого), col-sm-6 для входов PART2 и т. д. для любого объекта в полях.

Code in 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'} 
}); 

заполнителей являются атрибуты данных, ххх, например, полей данных, полей данных и редакторов данных.

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