App.selectController = Ember.Object.create({
selected:'低',
content:['高','中','低']
});
然后增加一个模板助手，并绑定selectController 里对应的属性，选中项的绑定需要用到selectionBinding，顺便给个文字提示，然后添加到文本框模板的下面，修改后的代码如下：
复制代码 代码如下:
<script type="text/x-handlebars">
<span>请输入待办事项：</span>{{view App.AddItemView}}<br/>
<span>请选择优先级：</span>{{view Ember.Select contentBinding="App.selectController.content" selectionBinding="App.selectController.selected"}}
{{view App.ListView}}
</script>
现在刷新页面就会出现下拉列表了。
要想让列表项也出现这个优先级，还得花点功夫啊。是时候用model了，我们来创建一个model类，当按下回车时，从这个类创建一个实例，再把实例扔到todoStore里就可以了，另外，模板也要跟着修改，文本框视图的创建方法也得改。这次改动比较多了点。另外，还会用到一个计算属性的功能，当依赖的属性变化时，自动更新。把这个model命名为TodoModel，放到model区域，创建代码如下：
复制代码 代码如下:
/********************
model
********************/
App.TodoModel = Em.Object.extend({
status:'',
value:'',
title:function(){
return '['+this.get('status')+']'+this.get('value');
}.property('status','value')
});
status表示选择的优先级，value表示文本框里的值，title表示列表项目要显示的内容，这些属性名都是自定义的。其中title不需要提供，因为它设置为计算属性，依赖于status跟value属性，自动计算获取，property()方法就是ember函数转变为计算属性的方法，后面的参数表示title依赖的属性，当status或value变化时，就会自动给出。
接着修改AddItemView的insertNewline属性，需要取到两个数据，一个是文本框里的内容，一个是下拉列表里选中的项目。文本框的值已经知道怎么获取了，下拉列表的值呢？别忘了我们已经将选中项绑定到selectController里的selected属性了，直接从那里取就可以了。修改后的AddItemView代码如下：
复制代码 代码如下:
App.AddItemView = Ember.TextField.extend({
placeholder:'输入待办事项',
elementId:'add',
insertNewline:function(){
var item = App.TodoModel.create({
status:App.selectController.get('selected'),
value:this.get('value')
});
App.todoStore.pushObject(item);
this.set('value','');
}
});
现在可以通过TodoModel类来实例化一个待办项目并添加到todoStore里了，最后是修改项目列表的模板itemTemplate来显示，在模板里需要取到当前项目的title值来显示，代码如下：
复制代码 代码如下:
<script type="text/x-handlebars" data-template-name="itemTemplate">
{{view.content.title}}
</script>
现在添加的新待办事项会显示优先级了。
好了，最后一个功能，删除。跟添加pushObject相反，删除用到的是removeObject。因为它是显示在每个列表项目里的，所以，需要修改itemViewClass跟itemTemplate模板，我们在itemViewClass里添加一个方法，当用户点击时调用，把该方法命名为removeItem，代码如下：
复制代码 代码如下:
App.ListView = Ember.CollectionView.extend({
contentBinding:'App.todoStore',
tagName:'ul',
itemViewClass: Ember.View.extend({
templateName:'itemTemplate',
removeItem:function(){this.getPath( 'contentView.content' ).removeObject(this.get( 'content' ));}
})
});
最后是在itemTemplate模板里增加一个接受点击的链接，用到的是action助手，第一个参数是方法名，target属性用来指定对象，点击时调用指定对象下的方法。修改后的itemTemplate代码如下：
复制代码 代码如下: