Ember Latest
The latest build of Ember.
HTML
<script src="http://cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0-rc.3/handlebars.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/ember.js/1.0.0-rc.1/ember.js"></script>
<script type="text/x-handlebars" data-template-name="index">
<h2>Index Content:</h2>
<a {{action clickHandler}} href="#"> Invoke Clickhandler </a>
<ul>
{{#each item in contentz}}
<li>{{item.desc}}</li>
{{/each}}
</ul>
</script>
CSS
ul { padding: 15px; font-size: 1.4em; color: green; }
JavaScript
App = Ember.Application.create({});
App.IndexRoute = Ember.Route.extend({
setupController: function(controller) {
controller.set("contentz", []);
controller.addObject(Ember.Object.create({desc : "INITIAL"}));
controller.addObject(Ember.Object.create({desc : "INITIAL"}));
controller.addObject(Ember.Object.create({desc : "INITIAL"}));
}
});
App.IndexController = Ember.ArrayController.extend({
contentz : null, //set your itemList into this property
clickHandler:function(){
this.get("contentz").forEach(function(item){
item.set("desc", "CANCELLED");
});
}
});