Summary

向Ember.EasyForm Wrapper中注册一个Wraper

Ember.EasyForm.Config.registerWrapper('my-wrapper', {
 formClass: 'my-form',
 errorClass: 'my-error',
 hintClass: 'my-hint',
 labelClass: 'my-label'
});

{{#form-for model wrapper="my-wrapper"}}
  {{input firstName}}
  {{input lastName}}
{{/form-for}}

编译结果为

  <form class="my-form">
    <div class="input string">
      <label for="ember1">First name</label>
      <input id="ember1" type="text"/>
      <span class="error"></span>
    </div>
    <div class="input string">
      <label for="ember2" class="my-label">Last name</label>
      <input id="ember2" type="text"/>
      <span class="error my-error"></span>
    </div>
  </form>

Ember.EasyForm也支持向Wrapper中注册模板

    Ember.EasyForm.Config.registerWrapper('twitter-bootstrap', {
     // Define the custom template
     inputTemplate: 'bootstrap-input',

     // Define a custom config used by the template
     controlsWrapperClass: 'controls',

     // Define the classes for the form, label, error...
     formClass: 'form-horizontal',
     fieldErrorClass: 'error',
     errorClass: 'help-inline',
     hintClass: 'help-block',
     labelClass: 'control-label',
     inputClass: 'control-group'
   });

bootstrap-input模板

  {{label-field propertyBinding="view.property" textBinding="view.label"}}
      <div class="{{unbound view.wrapperConfig.controlsWrapperClass}}">
  {{partial "easyForm/inputControls"}}
</div>