Ember 0.9.7.1 Template
HTML
<script src="https://github.com/downloads/emberjs/ember.js/ember-0.9.7.1.js"></script>
<script type="text/x-handlebars">
<form action="http://www.cs.tut.fi/cgi-bin/run/~jkorpela/echo.cgi">
{{view App.FieldCollectionView}}
<input type="submit" value="Go">
</form>
</script>
<script type="text/x-handlebars" data-template-name="field-template">
<label {{bindAttr for="textField.elementId"}}> {{content.label}}</label>
{{view App.TextFieldWithName valueBinding="content.data" viewName="textField" nameBinding="content.fieldName"}}
</script>
JavaScript
App = Ember.Application.create({
content: [
{label:"User Name", data: "machty", fieldName: "username"},
{label:"Email", data: "blorg@blorg", fieldName: "email"},
{label:"Phone", data: "8675309", fieldName: "phone"}
]
});
App.FieldCollectionView = Em.CollectionView.extend({
itemViewClass: Em.View.extend({
templateName: "field-template"
}),
contentBinding: "App.content"
});
App.TextFieldWithName = Em.TextField.extend({
attributeBindings: ['type', 'value', 'size', 'name']
});