如何绑定到bootstrap'在我的余烬观点中的模态事件
How do I bind to bootstrap's modal events in my ember view?
我正在使用ember视图来呈现我的应用程序的模式介绍,目前它看起来是这样的:
views/moder.js
App.ModalView = Ember.View.extend({
tagName: 'div',
classNames: ['modal', 'fade'],
templateName: 'modal',
didInsertElement: function() {
this.$().modal('show');
}
});
控制器/应用程序.js
App.ApplicationController = Ember.ArrayController.extend({
showModal: function() {
var modal = App.ModalView.create();
modal.append();
}
});
modal.hbs
模板只是一些样板html。
当我触发showModal
函数时,我可以很好地显示模态,但在模态关闭后,我无法从DOM中删除视图,我正在尝试绑定到hidden
事件,但我不知道如何,有人能给我指正确的方向吗?
我在现有的应用程序中使用了这种方法,并且运行良好
App.ModalView = Ember.View.extend({
templateName: "modal",
title: "",
content: "",
classNames: ["modal", "fade", "hide"],
didInsertElement: function() {
this.$().modal("show");
this.$().one("hidden", this._viewDidHide);
},
// modal dismissed by example clicked in X, make sure the modal view is destroyed
_viewDidHide: function() {
if (!this.isDestroyed) {
this.destroy();
}
},
// here we click in close button so _viewDidHide is called
close: function() {
this.$(".close").click();
}
});
在这里,我们监听hidden
事件,该事件在模态完全隐藏时触发,以销毁对象。这一点很重要,因为通过调用view.append()
以编程方式创建的视图不会被破坏。这种方法确保了这一点。
这就是这个例子。
相关文章:
- 为什么不't Javascript对我的输入值进行了一些重新检查
- 可以't让我的if语句处理js中的html表单输入
- 我的单元测试选项是什么
- 将输入字段中的文本提交到我的数据库,同时将其添加到我的列表中
- 我的职位回报太快了,如何做出承诺
- 我的jQuery插件参数没有正确启动,遇到了问题
- 如何识别我的网站中的慢速设备
- 如何将JSON数据导入我的ejs模板
- JQuery添加元素需要在我的js之前再次添加JQuery脚本
- 知道为什么我的旋转木马不会自动更改图片吗
- 我的模板未被解析
- 无法将数据从firebase获取到我的html页面
- 角度图表;t显示在我的页面中
- 在这种情况下,我应该如何在余烬中放置我的模型有很多关系
- 为什么我的余烬测试给我类型错误:“未定义”不是一个函数
- 余烬不会更新我的页面,除非我回家并回到路线
- 如何将应用商店注入我的余烬组件
- 如何绑定到bootstrap'在我的余烬观点中的模态事件
- 余烬数据看不到我的本地商店
- 为什么我的余烬模板不渲染?