我是Ember的新手,想在多个Ember应用程序中创建一个下拉框,显示过去12个月的列表。当月份改变时,我想根据那个月重新加载模型。
如何创建动态下拉菜单,然后根据下拉菜单重新加载模型?下拉列表的默认值应为当前月份。
选择框应该是什么的示例:
<select>
<option value="2014-05">05 - 2014</option>
<option value="2014-04">04 - 2014</option>
<option value="2014-03">03 - 2014</option>
<option value="2014-02">02 - 2014</option>
<option value="2014-01">01 - 2014</option>
<option value="2013-12">12 - 2013</option>
<option value="2013-11">11 - 2013</option>
<option value="2013-10">10 - 2013</option>
<option value="2013-09">09 - 2013</option>
<option value="2013-08">08 - 2013</option>
<option value="2013-07">07 - 2013</option>
<option value="2013-06">06 - 2013</option>
</select>
答案 0 :(得分:3)
您可以使用Ember.Select。文档链接为http://emberjs.com/api/classes/Ember.Select.html
在你的情况下
App.ApplicationController = Ember.Controller.extend({
selectedMonth: null,
months: [
{text: "05 - 2014", value: "2014-05"}
],
changeMonth: function(){
//do changes whatever you want on dropdown change
}.observes('selectedMonth')
});
{view Ember.Select
content=months
optionValuePath="content.value"
optionLabelPath="content.text"
selection=selectedMonth}}