Meteor：添加’确认删除’模式的正确方法

2023年10月8日 249次阅读

我想用Bootstrap 3创建一个确认删除弹出窗口.有没有很好的综合示例如何构建一个.我是Meteor的新手. 最佳答案 使用来自Codrops等的任何示例,只需记住将JSCode置于其中

Template.nameTemplate.rendered = function() {}

这就是告诉meteor加载jscode,当模板已经渲染并且它可以加载任何模态等等…

所以只要按照你想要的任何例子,只需在渲染函数中放入任何jQuery插件等

在某些情况下渲染它还不够,你也需要使用,你可以看到计时器文档here,反正如果你有不好的时间,随意上传,一些meteorPad,免费的亚硝基盒o回购github我可以帮助你(我对流星上的那些模态有不好的时间,它们有点狡猾= p)

更新答案

尝试添加meteor add iron：路由器,并在客户端/app.js上

Router.route('/', function () {
  this.render('leaderboard');
});

并保持相同的呈现方式.

    Template.deleteBtn.rendered = function(){

  $('.open-modal').on('click', function(e){
    $('#confirm').modal()
        .on('click', '#delete', function (e) {
            // Remove selected player
            Players.remove(Session.get("selectedPlayer"));

        });
  });
  }

UPDATE

因此,使用peppelg：bootstrap-3-modalPackage,您可以轻松地执行以下操作

首先使用模态内容创建模板

<template name="modal">
<!-- Modal Stuff -->
</template>

并在事件处理程序上轻松调用它.

Template.example.events({
 'click #exampleButton':function(){
   Modal.show('modal')
  }
})

现在回到这个例子,在应用程序的第1-23行检查this meteorpad,在main.html检查41-62

点赞