如何在单击时打印大型网格视图数据 [英] How to print large grid view data at single click

问题描述

我有多页记录的gridview。在一个页面中只有27条记录需要打印，当我点击打印按钮时只有第一页（27）打印出来，剩下的记录需要点击，



所以我做什么单击打印多页记录



< script src =" ../ script / jquery-1.8.3.js" type =" text / javascript">< / script>

< script src =" ../ script / jquery-ui-1.10.4.custom.js" type =" text / javascript">< / script>

< script src =" ../ script / jquery-ui.js" type =" text / javascript">< / script>

< script type =" text / javascript">



function PrintDivContent（divId）{

var printContent = document.getElementById（divId）;

var WinPrint = window.open（''，''，'left = 0，top = 0，toolbar = 0，status = 0'）;



WinPrint.document.write（printContent.innerHTML）;

WinPrint.document.close（）;

WinPrint.focus（）;

WinPrint.print（）;

}



$（document）.ready（function（）{



$（" body）。keyup（function （e）{

var nkeycode = null;

nkeycode = e.keyCode;



if（nkeycode == 115）{

$（&＃btnprint"）。click（）;

}

}）;



$（&＃btnprint"）。click（function（）{

PrintDivContent（'divtoprint'）;

}）;

}）;

< / script>



< div id =" divtoprint">



< asp：GridView ID =" GridView1"网格线= QUOT;无" Horizo​​ntalAlign =" Right"

PageSize =" 27" AllowPaging =" true"

Style =" text-align：left;"字体大小=" 20px"

Width =" 101％" runat =" server"

AutoGenerateColumns =" false"

onpageindexchanging =" GridView1_PageIndexChanging"

onrowdatabound =" GridView1_RowDataBound1" >

< Columns>

< asp：BoundField DataField =" BillMasterID" ItemStyle-宽度=" 8％QUOT; />

< asp：BoundField DataField =" ConsigneeName" ItemStyle-字体-名称= QUOT; Shivaji05" ItemStyle-Horizo​​ntalAlign = QUOT;左" ItemStyle-Width =" 40％" />

< asp：BoundField DataField =" LocationName" ItemStyle-字体-名称= QUOT; Shivaji05" ItemStyle-Width =" 20％" />

< asp：BoundField DataField =" TotalQuantity" ItemStyle-宽度=" 3％" ItemStyle-Horizo​​ntalAlign =" Right" />

< asp：BoundField DataField =" TotalAmount" ItemStyle-宽度=" 19％" ItemStyle-Horizo​​ntalAlign =" Right" />

< asp：BoundField ItemStyle-Width =" 13％" />

< / Columns>

< / asp：GridView>

< / div>





< table style =" border-top：2px solid black;宽度：100％;背景色：#CDCDCD;" class =" englishclass">

< tr>

< td>

< input type =" button" ID = QUOT; btnprint" value =" Print（F4）" />

< asp：Button ID =" Button1" RUNAT = QUOT;服务器" onclick =" Button1_Click1"

Text =" Print" />

< / td>

< / tr>

< / table>

I have gridview with multiple page record. In one page only 27 record require to print, when i click print button only first page (27)recods printed, remaining record require nexk click,

so what i do to print multiple page record on single click

<script src="../script/jquery-1.8.3.js" type="text/javascript"></script>
<script src="../script/jquery-ui-1.10.4.custom.js" type="text/javascript"></script>
<script src="../script/jquery-ui.js" type="text/javascript"></script>
<script type="text/javascript">

function PrintDivContent(divId) {
var printContent = document.getElementById(divId);
var WinPrint = window.open('', '', 'left=0,top=0,toolbar=0,sta­tus=0');

WinPrint.document.write(printContent.innerHTML);
WinPrint.document.close();
WinPrint.focus();
WinPrint.print();
}

$(document).ready(function () {

$("body").keyup(function (e) {
var nkeycode = null;
nkeycode = e.keyCode;

if (nkeycode == 115) {
$("#btnprint").click();
}
});

$("#btnprint").click(function () {
PrintDivContent('divtoprint');
});
});
</script>

<div id="divtoprint">

<asp:GridView ID="GridView1" GridLines="None" HorizontalAlign="Right"
PageSize="27" AllowPaging="true"
Style="text-align:left;" Font-Size="20px"
Width="101%" runat="server"
AutoGenerateColumns="false"
onpageindexchanging="GridView1_PageIndexChanging"
onrowdatabound="GridView1_RowDataBound1" >
<Columns>
<asp:BoundField DataField="BillMasterID" ItemStyle-Width="8%" />
<asp:BoundField DataField="ConsigneeName" ItemStyle-Font-Names="Shivaji05" ItemStyle-HorizontalAlign="Left" ItemStyle-Width="40%"/>
<asp:BoundField DataField="LocationName" ItemStyle-Font-Names="Shivaji05" ItemStyle-Width="20%"/>
<asp:BoundField DataField="TotalQuantity" ItemStyle-Width="3%" ItemStyle-HorizontalAlign="Right"/>
<asp:BoundField DataField="TotalAmount" ItemStyle-Width="19%" ItemStyle-HorizontalAlign="Right"/>
<asp:BoundField ItemStyle-Width="13%" />
</Columns>
</asp:GridView>
</div>


<table style="border-top:2px solid black; width:100%; background-color:#CDCDCD;" class="englishclass">
<tr>
<td>
<input type="button" id="btnprint" value="Print (F4)" />
<asp:Button ID="Button1" runat="server" onclick="Button1_Click1"
Text="Print" />
</td>
</tr>
</table>

推荐答案

（document）.ready（function（）{

(document).ready(function () {

（" body"）。keyup （函数（e）{

var nkeycode = null;

nkeycode = e.keyCode;



if （nkeycode == 115）{

("body").keyup(function (e) {
var nkeycode = null;
nkeycode = e.keyCode;

if (nkeycode == 115) {

（" #btnprint"）。click（）;

}

}）;

("#btnprint").click();
}
});

这篇关于如何在单击时打印大型网格视图数据的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！