您的位置:首页 > 编程语言 > ASP

aspnet打印 设置(页脚 一些数据显示在打印页的最下面)

2012-02-05 16:36 531 查看
打印使用js方法window.print();

下面是asp.net页面代码

打印出来的效果'divFoot'数据显示在打印页的最下方

在a4纸打印测试通过。

<%@PageLanguage="C#"AutoEventWireup="true"CodeBehind="Print1.aspx.cs"Inherits="AspTest.Web.Printl"%>
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<headrunat="server">
<title></title>
<styletype="text/css"media="print">
.noprint{display:none;}
</style>
<scripttype="text/javascript">
functionSetPrint(){
//style="display:block;position:fixed;bottom:0;width:750px;text-align:center;"
vardiv=document.getElementById('divFoot');//.bgColor='#ff0000'
div.style.display="block";
div.style.position="fixed";
div.style.bottom=0;
div.style.width="750px";
div.style.textAlign="center";
}
functionSetNoPrint(){
vardiv=document.getElementById('divFoot');//.bgColor='#ff0000'
div.style.display="block";
div.style.position="relative";
div.style.bottom=0;
div.style.width="750px";
div.style.textAlign="center";
}
functionCanPrint(){
SetPrint();
window.print();
SetNoPrint();
}
</script>
</head>
<body>
<inputtype="button"value="打印"class="noprint"style="font-size:14px;line-height:20px;height:30px;width:80px;text-align:center;margin-left:500px;margin-bottom:20px;padding:5px;"onclick="CanPrint();"/>
<formid="form1"runat="server">
<divid="main">
<divid="logo"><imgsrc="images/logo.png"alt="注册商标"/></div>
<divid="title_zh">采购订单</div>
<divid="title_en">PurchaseContract</div>
<divstyle="float:right;margin-right:100px;">
<tableborder="0"cellpadding="0"cellspacing="0">
<tr>
<td><divclass="t1">采购订单号:</div></td>
<tdstyle="border-bottom:1pxsolid"><spanclass="t2"><%=this.pbCode%></span></td>
</tr>
<tr>
<td><divclass="t1">采购日期:</div></td>
<tdstyle="border-bottom:1pxsolid"><spanclass="t2"><%=this.pbTime%></span></td>
</tr>
</table>
</div>
<divstyle="clear:both"></div>
<divstyle="margin:0auto;width:80%;padding:20px0;">
<tableborder="0"cellpadding="0"cellspacing="0"id="info">
<tr>
<td><span>收件人(Attn):</span><span><%=this.attn%></span></td>
<td>发件人(Send):张三<span></span></td>
</tr>
<tr>
<td><span>收件单位:</span><span><%=this.attp%></span></td>
<td>发件单位:北京上海表厂<span></span></td>
</tr>
<tr>
<td><span>收件号码(FAX):</span><span><%=this.fax%></span></td>
<td>发件号码(FAX):010-55555555555<span></span></td>
</tr>
</table>
</div>
<divstyle="text-align:left;margin-left:80px;font-size:16px;font-weight:bold;">采购明细</div>
<div>
<asp:GridViewID="gDetails"runat="server"OnRowDataBound="gDetails_RowDataBound"AutoGenerateColumns="false"CssClass="details"CellPadding="5"Width="80%">
<Columns>
<asp:BoundFieldHeaderText="序号"/>
<asp:BoundFieldDataField="pdMaterialName"HeaderText="品名"/>
<asp:BoundFieldDataField="pdCount"HeaderText="数量"/>
<asp:BoundFieldDataField="unit"HeaderText="单位"/>
<asp:BoundFieldDataField="bzCount"HeaderText="包装数量"/>
<asp:BoundFieldDataField="pdTime"HeaderText="订购日期"/>
<asp:BoundFieldDataField="note"HeaderText="备注"/>
</Columns>
<HeaderStyleBackColor="#006699"Font-Bold="True"ForeColor="White"/>
</asp:GridView>
<divstyle="font-weight:bold;margin-bottom:40px;margin-top:10px">合计数据量:<%=this.sumCount%></div>
</div>
<divclass="t3">收到订单请确认并安排发货,谢谢!</div>
<divclass="t3">顺祝商祺!</div>
<divid="divFoot">
<divstyle="margin:0auto;width:80%;padding:20px0;">
<tableborder="0"cellpadding="0"cellspacing="0"id="stamp">
<tr>
<tdclass="t5">销售方</td>
<tdclass="t6">购货方:上海表厂</td>
</tr>
<tr>
<tdclass="t7">(签字盖章确认)</td>
<tdclass="t8"><%=DateTime.Now.ToString("yyyy-MM-dd")%><span></span></td>
</tr>
</table>
</div>
<divid="footer">
<tableborder="0"cellpadding="0"cellspacing="0"id="foot">
<tr>
<td>地址:上海市北京街3252号</td>
<td>邮编:101708</td>
</tr>
<tr>
<td>电话/传真:010-599999999</td>
<td>网址:http://www.123.com/</td>
</tr>
</table>
</div>
</div>
</div>
</form>
</body>
</html>


下面是css

body
{
background:#fff;
text-align:center;
font-family:"宋体";
}
#main{width:750px;margin:0auto;}
#logo{text-align:left;margin:10px15px;}
#title_zh{font-family:"黑体";font-size:24px;font-weight:bold;letter-spacing:1em;margin:10px0;}
#title_en{font-family:TimesNewRoman;font-size:16px;font-weight:bold;word-spacing:10px;margin:5px0;margin-left:-1em;}
.t1{font-size:10px;font-weight:bold;text-align:left;}
.t2{font-family:TimesNewRoman;font-size:10px;font-weight:bold;text-align:left;}
#info,#stamp,#foot{width:100%;font-size:14px;}
#infotd{width:50%;border-bottom:1pxsolid;height:25px;line-height:25px;font-size:14px;text-align:left;}
.details{margin:0auto;margin-top:10px;}
.t3{font-size:14px;text-align:left;height:25px;line-height:25px;margin-left:80px;}
.t4{float:left;width:50%;}
#stamptd{width:50%;height:40px;line-height:40px;}
.t5,.t7{text-align:left;}
.t6,.t8{text-align:right;}
.t5,.t6{font-size:16px;font-family:"黑体";font-weight:bold;}
.t8{font-weight:bold;font-family:TimesNewRoman;}
#footer{padding-top:20px;border-top:1pxsolid;margin:0auto;width:80%;}
#foottd{width:50%;text-align:left;font-size:12px;padding-left:20px;}

                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐