Meteor: Bootstrap data-dismiss='modal' 阻止自动提交

Question

所以我在 Meteor 中使用了 autoform 和 bootstrap 包。目标是能够在引导模式内使用 autoform 创建自动生成的表单，然后单击提交按钮创建一个新对象以添加到集合中并关闭模式。

我遇到的问题是，当我将data-dismiss="modal" 添加到提交按钮时，它将停止提交到集合并关闭模式。对正在发生的事情有任何想法吗？

我的模态模板如下所示。

<template name="goalCreationModal">
    <div class="modal fade">
        <div class="modal-dialog">
            <div class="modal-content">

                <div class="modal-header">
                    <h4 class="modal-title">Modal example</h4>
                </div>

                <div class="modal-body">

                     <p> ---- </p>
                     {{#autoForm collection="Goals" id="insertGoalForm" type="method" meteormethod="addGoal"}}
                        <legend>Add a Goal</legend>
                        {{> afQuickField name='title'}}
                        {{> afQuickField name='color'}}
                        <button type="submit" class="btn btn-default make-goal" data-dismiss="modal">Submit</button>
                    {{/autoForm}}
                </div>

                <div class="modal-footer">
                </div>
        </div>
    </div>
</div>

Answer 1

我遇到了同样的问题。解决方案是这样的：

         {{#autoForm schema="PostsSchema" id="insertPost" type="method" meteormethod="postEntry"}}
               <div class="modal-body">
                    <fieldset>
                      {{> afQuickField name='title'}}
                      {{> afQuickField name='user' type = 'hidden'}}
                      {{> afQuickField name='content' rows=10}}
                      {{> afQuickField name='tag'}}
                    </fieldset>


               </div><!-- / modal-body -->


                <div class="modal-footer">
                <button type="submit" class="btn btn-primary">Ask</button>
                  <button class="btn btn-warning" data-dismiss="modal">
                    Close
                  </button>
                </div><!-- / modal-footer -->
                {{/autoForm}}

注意 {{autoform}} 标签。试试这个代码，它对我有用。