我有一个通知视图,负责在页面顶部显示全局消息(信息、警告、确认消息...)
为此,我创建了一个NotificationView,定义了它的内容属性,并提供了两个处理程序来显示和隐藏视图。
APP.NotificationView = Ember.View.extend({
templateName: 'notification',
classNames:['nNote'],
content:null,
didInsertElement : function(){
},
click: function() {
var _self = this;
_self.$().fadeTo(200, 0.00, function(){ //fade
_self.$().slideUp(200, function() { //slide up
_self.$().remove(); //then remove from the DOM
});
});
_self.destroy();
},
show: function() {
var _self = this;
_self.$().css('display','block').css('opacity', 0).slideDown('slow').animate(
{ opacity: 1 },
{ queue: false, duration: 'slow' }
);
}
});
理想情况下,我应该能够从任何控制器或路由发送事件,以显示具有适当内容和样式的视图。最好的架构方式是什么?
我想在我的应用程序的模板中使用一个命名的outlet,但是outlet不太适合动态视图。
<div id="content">
{{outlet notification}}
{{outlet}}
</div>
我还在考虑将通知视图架构为对“应用程序”或“模块”状态的响应。
https://stackoverflow.com/questions/14288980
复制相似问题