javascript - Asp 打印按钮

Question

我已经尝试了足够多的打印按钮代码，但没有成功。这些是我的带有图像的代码。

 <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" />

这给了我以下输出。

此输出图像的问题是它打印了所有页面，但它损坏了我的设计。就像您所看到的那样，标题显示的是代码而不是图像。有什么办法可以修改一下吗。例如，我只想在这里打印圆形 Logo 和 GridView 。

我在button_click后面的代码上使用的另一个代码是:

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

它也不适合我。当我设计自己的模板时使用此代码，但是当我在下载的模板上应用此代码时，它在打印按钮输出上显示一个空白页面。看这里。

我还尝试了像 window.Print() 等 JavaScript 函数，但不起作用，请帮我解决这个问题。谢谢

Answer 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()"/>