Question

我正在制作一个使用滚动的gridview，因为该列超过了我的网页的页面宽度。问题是当我想打印它时只打印显示的数据。如何在div或面板中打印所有内容？

我的GRIDVIEW代码：

<a href="#" onclick="printPartOfPage('content-middle')" >PRINT ME </a>

<asp:Panel ID="gridPanel" runat="server" Height="500px" Width="980px" ScrollBars="Auto">


   <asp:GridView EnableSortingAndPagingCallbacks="true" Width="450px" 
            OnRowCreated="GridView1_RowCreated" runat="server" ID="GridView2" 
          CellPadding="4" ForeColor="#333333" GridLines="None" 
            >

                 <AlternatingRowStyle BackColor="White" ForeColor="#284775" />

                 <Columns>

                     <asp:HyperLinkField DataNavigateUrlFields="ID" 
                         DataNavigateUrlFormatString="updateAppointmentOperations.aspx?showID={0}" Text="Update " 
                         Target="_blank" />
                 </Columns>

                 <EditRowStyle BackColor="#999999" />
                 <FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
                 <HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
                 <PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" />
                 <RowStyle BackColor="#F7F6F3" ForeColor="#333333" />
                 <SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" />
                 <SortedAscendingCellStyle BackColor="#E9E7E2" />
                 <SortedAscendingHeaderStyle BackColor="#506C8C" />
                 <SortedDescendingCellStyle BackColor="#FFFDF8" />
                 <SortedDescendingHeaderStyle BackColor="#6F8DAE" />

             </asp:GridView>

    </asp:Panel>

我从互联网上获得了javascript打印，它是：

<script type="text/javascript">

function printPartOfPage(elementId) {
    var printContent = document.getElementById(elementId);
    var windowUrl = 'about:blank';
    var uniqueName = new Date();
    var windowName = 'Print' + uniqueName.getTime();
    var printWindow = window.open(windowUrl, windowName, 'left=50000,top=50000,width=0,height=0');

    printWindow.document.write('<link rel="stylesheet" type="text/css" href="style/additional.css" /><link rel="stylesheet" type="text/css" href="style/default.css" /><link rel="stylesheet" type="text/css" href="style/hi-res.css" />' + printContent.innerHTML);
    printWindow.document.close();
    printWindow.focus();
    printWindow.print();
    printWindow.close();
}

gridview位于id为content middle的div中。

谢谢

Answer 1

您可以在页面上包含另一个GridView，它仅用于打印。

切换显示哪一个的方法是使用CSS类装饰两个，视情况而定。

例如：

<style>
@media print {
    .PrintOnly { display:block; }
    .ScreenOnly { display:none; }
  }
  @media screen {
    .PrintOnly { display:none; }
    .ScreenOnly { display:block; }
  }
</style>

Answer 2

有几种方法可以做到这一点。可能最用户友好的是使用css为使用@media指令设置不同的显示和打印样式。不要设置dridPanel的高度和宽度属性，而是使用css设置高度和宽度 - 介质为“screen”时为500和980，并在打印介质时将宽度设置为100％。（让hdieght成为，它应该显示所有）

有关@media css指令的更多信息，请访问：http://www.w3schools.com/CSS/css_mediatypes.asp

有一篇很好的文章介绍如何使用css让你的网页在这里打印机友好：http://www.envisionic.com/webtips/user_experience/printer_friendly.php

Answer 3

好的 - 这是可能的，但我真的会劝阻你不要这样做。利用Crystal Reports或其他任何东西。甚至还有一些使用RDL的开源报告解决方案。

你在30分钟内在Crystal中所做的事情需要更长的时间。我做了大量的研究，看看是否有可能。 MSDN有一篇可行的文章

http://msdn.microsoft.com/en-us/library/aa479018.aspx

它介入并定义了system.web.ui.page的替代方案，我必须承认它做得非常好。我不得不做一个小调整，因为用户想要一个页面行计数器。

我再次证明它有效 - 分页，列标题，控制中断，总列数。如果你想控制你的边距，那么考虑MEADCO（我认为）javascript库。此外，它包括逻辑，以便用户也可以通过页面，但我无法让它工作。但考虑到我只有3个月的ASP经验 - 可能是一个简单的解决方案。

欢迎您使用我的VS 2010 DLL解决方案。如果我能提供帮助，请告诉我。

如何用滚动打印gridview？

3 个答案: