Question

我有一个asp.net mvc项目。有一个扩展名为cshtml的索引页面。当我生成它时，它在浏览器上向我显示一个页面包含标题，按钮，表格和页脚。我想添加一个按钮来打印表而不是所有页面。我添加了布局：

<link id="ctl00_Link1" rel="stylesheet" href="themes/css/print.css" type="text/css" media="print">

并在索引页的末尾：

<div class="line-btn ">
                <input type="submit" name="ctl00$Index" value="print" onclick="window.print();return false;" id="ctl00_MainContent_Button1" class="btn fl btn-print">

            </div>

但它仍然无法正常工作并打印所有索引页面！

Answer 1

您可以使用以下代码实现您想要的效果。在index.cshtml页面中添加以下内容：

<div class="line-btn">
    <input type="submit" value="print" onclick="PrintOnlyTable()" class="btn fl btn-print">
</div>

<script>
    function PrintOnlyTable() {
        var HTML = $("html");
        var cln = document.documentElement.innerHTML;
        HTML.html($("table"));
        window.print();
        document.documentElement.innerHTML = cln;
        return false;
    }
</script>

如何插入打印表格的“打印”按钮

1 个答案: