Asp打印按钮

时间:2015-10-29 13:12:50

标签: javascript asp.net

我已经在打印按钮代码上做了足够的尝试但没有清酒。这些是带图像的代码。

 <asp:Button ID="printButton"  style="margin-left: -0.3%;" runat="server" Text="Print Invoice" OnClientClick="javascript:window.print();" Font-Bold="True" Font-Size="14pt" Width="150px" Height="40px" BackColor="#CC0000" ForeColor="White" />

这给了我以下输出。 enter image description here

此输出图像中的问题是它打印了所有页面,但它已经损坏了我的设计。就像你可以看到的那样,Header正在显示代码而不是图像。这是修改它的任何方式吗?例如,我只想在这里打印circular logogrid-view

我在button_click code behind上使用的另一个代码是:

ClientScript.RegisterStartupScript(Page.GetType(), "vPrint", "window.print();", true);

它也不适合我。因为我在设计自己的模板时使用了这段代码,但是当我在下载的templatel上应用它时,它会在打印按钮输出上显示一个空页面。看这里。 2nd output

我也试过像window.Print()等JavaScript函数。但是没有工作,请为我理清这一点。感谢

1 个答案:

答案 0 :(得分:1)

为什么要使用ASP按钮控件呢?只需使用标准的html:

<style type="text/css">
    #btnPrint
    {
        margin-left: -0.3%;
        width : 150px;
        height: 40px;
        background-color: #CC0000;
        color: #FFFFFF;
        font-size: 14pt;
    }
</style>
<input id="btnPrint" name="btnPrint" type="button" value="Print Invoice" onclick="window.print()"/>