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

Popular posts from this blog

routing - AngularJS State management ->load multiple states in one page -

python - GRASS parser() error -

json - Gson().fromJson(jsonResult, Myobject.class) return values in 0's -