我使用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>
然而按钮并不漂亮。
我怎么能以正确的方式做到这一点? 谢谢!
答案 0 :(得分:0)
不要将web2py提交标签放在按钮块内,只需提交提交,并在类型和值中放置提交表单将按预期工作。为什么你改变你的python分隔符,这是一个奇怪的。
<div><button type="submit" value="submit" class="btn btn-primary">Submit</button></div>
在custom.end
之前确定它