Meteor: Bootstrap data-dismiss=‘modal’ preventing autoform submission -
so using autoform , bootstrap package in meteor. goal able create auto-generated form using autoform inside of bootstrap modal , on clicking submit button create new object add collection , dismiss modal.
the problem having when add data-dismiss="modal" submit button stop submitting collection , dismiss modal. ideas on happening?
here's modal template looks below.
<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 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>
i had same problem. solution this:
{{#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}} pay attention {{autoform}} tags. try code, worked me.
Comments
Post a Comment