保存提交的表单,然后立即使用打印模式

时间:2016-03-23 13:19:11

标签: php jquery forms twitter-bootstrap

我有一个表单,我使用引导按钮提交,我有一个模式,我链接到使用另一个按钮打印。我希望打印机按钮保存表单,如提交按钮,但不是重定向到另一个页面,它应重定向到打印模式(所以打印内容是最新的)。

这是我目前提交/打印的代码。如果我对加载的表单进行更改,则打印按钮将仅打印前一个表单。

<!-- Save Project -->
<div class='form-group text-center'>
    <input data-loading-text="Saving Project..." type="submit" name="invoice_btn" value="Save Project" class="btn btn-success submit_btn invoice-save-btm" />
    <!-- Print Project -->
    <div style="position:absolute; left:500px; top:200px;"><a title="Print Invoice" class="print_class" role="menuitem" tabindex="-1" data-uuid="<?php echo isset($invoice['Invoice']['uuid']) ? nl2br( $invoice['Invoice']['uuid'] ): ''; ?>" href="javascript:;"> <i class="fa fa-print fa-4x"></i><br>Print</a></div>
</div>
</div>

模态打印:

<!-- Modal Print -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="width:900px;height:auto">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">Print Proposal</h4>
            </div>
            <div class="modal-body" id="print_content">
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" id="printBtn" onclick="printInvoice('print_content')" class="btn btn-primary" data-loading-text="Printing...">Print</button>
            </div>
        </div>
    </div>
</div>

0 个答案:

没有答案