内置视图 编辑页面

英文原文：http://emberjs.com/guides/views/built-in-views/

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

这些视图有：

Ember.Checkbox

1
2
3
4

<label>
  {{view Ember.Checkbox checked=model.isDone}}
  {{model.title}}
</label>

Ember.TextField

1
2
3
4
5
6

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

Ember.Select

1
2
3
4
5
6

{{view Ember.Select viewName="select"
                    content=people
                    optionLabelPath="content.fullName"
                    optionValuePath="content.id"
                    prompt="Pick a person:"
                    selection=selectedPerson}}

Ember.TextArea

1
2
3

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