EmberJS下降了几个月

时间:2014-05-13 23:16:23

标签: ember.js dropdownbox

我是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>

1 个答案:

答案 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}}