Question

所以我在Meteor中使用autoform和bootstrap包。目标是能够在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}}标签。试试这个代码，它对我有用。

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

1 个答案: