Ember.js 扩展Em.TextField

我需要制作一个包含10个textfield元素的引导表单

从bootstrap文档中，我需要为每个textfield元素提供以下代码：

<div class="control-group">
    <label class="control-label" for="inputEmail">Email</label>
    <div class="controls">
      <input type="text" id="inputEmail" placeholder="Email">
    </div>
</div>

电子邮件

Em.TextField对象仅管理

<input type="text... 

---

您可以创建一个新视图，其中包含所有必需的引导标记，并包含内置的
Ember.TextField
输入元素。自定义文本字段添加了一个
标签
属性，用于设置表单标签的文本


自定义文本字段：

JS:

车把：

<script type="text/x-handlebars" data-template-name='bootstrapTextField'>
  <div class='control-group'>
    <label class="control-label" {{bindAttr for='view.inputElement.elementId'}}>{{view.label}}</label>
    <div class="controls">
      {{view Ember.TextField valueBinding='view.value' viewName="inputElement"}}
    </div>
  </div>
</script>

唯一棘手的部分是正确地设置
上的
for='…“
属性，因为我们需要获取
{{view Ember.TextField…}}
的自动生成id。这可以通过使用
{view…}
帮助程序的属性来完成。设置
{{view App.theViewHere viewName='desiredViewName'
允许我们访问我们创建的
Ember.TextField的实例，并使用
{bindAttr…}将标签的
属性设置为视图的id
helper.
您可以创建一个新视图，该视图包含所有必需的引导标记，并包含内置的
Ember.TextField
输入元素。自定义TextField添加了一个
label
属性，用于设置表单标签的文本


自定义文本字段：

JS:

车把：

<script type="text/x-handlebars" data-template-name='bootstrapTextField'>
  <div class='control-group'>
    <label class="control-label" {{bindAttr for='view.inputElement.elementId'}}>{{view.label}}</label>
    <div class="controls">
      {{view Ember.TextField valueBinding='view.value' viewName="inputElement"}}
    </div>
  </div>
</script>

唯一棘手的部分是正确地设置
上的
for='…“
属性，因为我们需要获取
{{view Ember.TextField…}}
的自动生成id。这可以通过使用
{view…}
帮助程序的属性来完成。设置
{{view App.theViewHere viewName='desiredViewName'
允许我们访问我们创建的
Ember.TextField的实例，并使用
{bindAttr…}将标签的
属性设置为视图的id
helper.
Tx很多！！为了让它工作，我改变了label='textfieldlab'而不是labelBinding='textfieldlab'，如果你不需要改变标签，这是一个很好的方法。Tx很多！！为了让它工作，我改变了label='textfieldlab'而不是labelBinding='textfieldlab'，如果你不需要改变，这是一个很好的方法把标签贴上。
<form class="form-horizontal">
    {{view App.BootstrapTextFieldView valueBinding='textFieldValue' labelBinding='textFieldLabel'}}
</form>