Web2py SQLFROM:将提交按钮放入引导按钮

时间:2014-05-13 17:08:41

标签: twitter-bootstrap web2py bootstrap-modal

我使用bootstrap模式弹出一个新的SQLFORM。

我想将SQLFORM提交按钮放入引导按钮。因此,当单击引导按钮时,表单将被提交。

我不确定如何做到这一点。

这是我的代码:

    <script type="text/javascript">
      $('#submit').on('click', function (e) {

     <?=tag_form.custom.submit?>

})
</script>
<div class="container">  
<div id="example" class="modal hide fade in" style="display: none; ">  
<div class="modal-header">  
<a class="close" data-dismiss="modal">×</a>  
<h5>New Tag</h5>  
</div>  
<div class="modal-body">  
<?=tag_form.custom.begin?>
<strong>Add Tag</strong>
<br/><strong>Tag:</strong><? =tag_form.custom.widget.Tag?><br/>
<br/><strong>Color</strong><? =tag_form.custom.widget.Color?><br/>
<br/><strong>Owner:</strong><? =tag_form.custom.widget.Owner ?><br/>              
</div>  
<div class="modal-footer">  
<a href="#" id="submit" class="btn btn-success">Call to action</a>
<a href="#" class="btn" data-dismiss="modal">Close</a>  
 <?=tag_form.custom.end?>   
</div>  
</div>  

<p><a data-toggle="modal" href="#example" class="btn btn-primary btn-small">New Tag</a></p>  
</div>  
<script src="<?=URL('static','js/bootstrap-modal.js')?>"></script>

这个不起作用。

我找到了一种有效的方法:

     <div class="container">  
<div id="example" class="modal hide fade in" style="display: none; ">  
<div class="modal-header">  
<a class="close" data-dismiss="modal">×</a>  
<h5>New Tag</h5>  
</div>  
<div class="modal-body">  
<?=tag_form.custom.begin?>
<strong>Add Tag</strong>
<br/><strong>Tag:</strong><? =tag_form.custom.widget.Tag?><br/>
<br/><strong>Color</strong><? =tag_form.custom.widget.Color?><br/>
<br/><strong>Owner:</strong><? =tag_form.custom.widget.Owner ?><br/>              
</div>  
<div class="modal-footer">  
<a href="#"  class="btn btn-success"><?=tag_form.custom.submit?></a>
<a href="#" class="btn" data-dismiss="modal">Close</a>  
 <?=tag_form.custom.end?>   
</div>  
</div>  

<p><a data-toggle="modal" href="#example" class="btn btn-primary btn-small">New Tag</a></p>  
</div>  
<script src="<?=URL('static','js/bootstrap-modal.js')?>"></script>

然而按钮并不漂亮。 the submit button

我怎么能以正确的方式做到这一点? 谢谢!

1 个答案:

答案 0 :(得分:0)

不要将web2py提交标签放在按钮块内,只需提交提交,并在类型和值中放置提交表单将按预期工作。为什么你改变你的python分隔符,这是一个奇怪的。

<div><button type="submit" value="submit" class="btn btn-primary">Submit</button></div>

在custom.end

之前确定它