meteor - 如何将 meteor 模板与 Bootbox 一起使用？

Question

如何将 Meteor 模板与 bootboxjs 库一起使用？

即，我有以下模板

test.html:

<template name="test">
  <input type="text" name="testtext"/>
</template>

它有一些事件，

test.js:

Template.test.events({
'keyup input[name="testtext"]' : function () { console.log('key up in testtext'); }
});

如何使用模板生成带有事件的引导框模式？

Answer 1

您可以将 Blaze.toHTML(Template.your_dialog_template) 传递给 bootbox.dialog() 调用的“messages”属性，但事件不起作用。

因此，技巧可能是在对话框打开后使用 Blaze.render() 将模板注入(inject)到对话框中。

bootbox.dialog({
        title: "Title",
        message: '<span/>', // bootbox doesn't accept an empty value
        buttons: {
            success: {
                label: "Save",
                className: "btn-success",
                callback: function () {
                    // do tomething

                }
            }
        }
    }
);

// Inject your template inside the dialog box
Blaze.render(Template.dialog_create_cluster, $('.bootbox-body')[0])