aspnet打印 设置(页脚 一些数据显示在打印页的最下面)
2012-02-05 16:36
531 查看
打印使用js方法window.print();
下面是asp.net页面代码
打印出来的效果'divFoot'数据显示在打印页的最下方
在a4纸打印测试通过。
下面是css
下面是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;}
相关文章推荐
- [#显示分层数据的 UltraWinGrid 与一些自定义网格的外观设置吗?
- 我需要把数据库的数据以图表的形式(饼状,线状,柱状)显示出来,不知道django下面有没有比较好用的一些插件工具或者自带的类等等
- DataTable搜索框、分页、页脚数据显示、显示数据多少的属性设置
- FastReport MasterData明细数据 Memo 设置0值打印时为空白,不显示
- 使用VBS实现打印页眉和页脚设置
- javafx在子线程中改变数据并将其设置显示在图形化控件上报错的解决方法
- VB打印设置的一些摘要
- 在Pocket Pc 2003的Form1中放一个DataGrid控件,通过下面的方法连接到数据表,为什么不显示表中的数据呢?
- css 设置背景图片在ie浏览器下面不显示
- redis 一二事 - 设置过期时间,以文件夹形式展示key显示缓存数据
- js iframe 打印 打印预览 页眉页脚的设置
- PB datawindow 数据窗口字段保存显示超过255个字符,要如何设置?
- 单击DataGrid的行,使这行的数据显示在这个页面的下面,有点像winform的一个列表,下面一个明细!!!^_^^_^^_^
- Scott Mitchell 的ASP.NET 2.0数据教程之十五:在GridView的页脚中显示统计信息
- swing JList JScrollPane使用时不显示数据的问题 JList设置可多选
- 当 IDENTITY_INSERT 设置为 OFF 时,不能为表 'tb_MyInvoices' 中的标识列插入显示数据
- 启动任务StartTask() 发送完消息队列 自己删除,接收方一直显示数据 用OSQFlush(Str_Q); //清空消息队列 下面纠结接收不到了 哈哈
- 设置打印机属性打印课件的方法——一页显示9张PPT幻灯片
- javascript打印设置页眉页脚
- Spring boot项目 使用ip+port+contextPath进行访问的时候会直接显示出项目中的一些接口信息和相关数据