Built-in Views

内置视图

Ember comes pre-packaged with a set of views for building a few basic controls like text inputs, check boxes, and select lists.

Ember中定义了一套用于构建一些非常基础的控件的视图，比如文本输入框、勾选框和选择列表。

They are:

这些视图有：

Ember.Checkbox

  1. <label>
  2.   {{view Ember.Checkbox checked=model.isDone}}
  3.   {{model.title}}
  4. </label>

Ember.TextField

  1. App.MyText = Ember.TextField.extend({
  2.   formBlurred: null, // passed to the view helper as formBlurred=controllerPropertyName
  3.   change: function(evt) {
  4.     this.set('formBlurred', true);
  5.   }
  6. });

Ember.Select

  1. {{view Ember.Select viewName="select"
  2.                     content=people
  3.                     optionLabelPath="content.fullName"
  4.                     optionValuePath="content.id"
  5.                     prompt="Pick a person:"
  6.                     selection=selectedPerson}}

Ember.TextArea

  1. var textArea = Ember.TextArea.create({
  2.   valueBinding: 'TestObject.value'
  3. });