ember.js - 如何从视图中检查动态路段

Question

我有一个 datepicker UI 小部件，我试图让它与我的路线保持同步。路线非常简单：

/months
/months/Jan-2013
/months/Feb-2013
...

如果用户通过输入动态路线之一（例如）开始，我很难更新日期选择器/months/Jan-2013。

我怎样才能做到这一点？不幸的是，要更改日期，我需要使用 datepicker 的 API（即我不能使用 handlerbars 帮助程序而只更新 HTML），所以我认为我需要一个自定义函数。我尝试使用观察到的属性，但没有成功。

Answer 1

这是我想出的解决方案：

App.MonthRoute = Ember.Route.extend({
    setupController: function(controller, model) {
        controller.set('model', model);
        this.controllerFor('application').set('activeMonth', model.get('id'));
    }
});

现在我ApplicationController总是知道“选定的月份”。我可以在我的 datepicker 视图的 init 中使用它来正确设置日期：

App.DatepickerView = Ember.View.extend({

    didInsertElement: function() {
        var _this = this;

        $('#dp').datepicker({
            'format': 'M yyyy',
            'minViewMode': 'months',
        })
        .on('changeDate', function(e) {
            $(this).datepicker('hide');
            var id = $(this).datepicker().data('date').replace(" ", "-"),
                month = App.Month.find(id);

            _this.get('controller').transitionToRoute('month', month);

        });

        // right here:
        if (this.get('controller.activeMonth')) {
            $('#dp').datepicker('setDate', this.get('controller.activeMonth'));
        }

    }

});

欢迎任何其他答案/建议。