首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >使用Ember的全局通知视图

使用Ember的全局通知视图
EN

Stack Overflow用户
提问于 2013-01-12 08:44:46
回答 1查看 3.2K关注 0票数 17

我有一个通知视图,负责在页面顶部显示全局消息(信息、警告、确认消息...)

为此,我创建了一个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>

我还在考虑将通知视图架构为对“应用程序”或“模块”状态的响应。

EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/14288980

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档