<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>WEB打印控件测试页</title>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312" />
<meta http-equiv="Content-Language" content="GB2312" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta http-equiv="Pragma" content="no-cache" />
<meta name="robots" content="all" />
<meta name="Keywords" content="" />
<meta name="Description" content="" />
</head>
<body>
<div align="center">
<H1> SmartPrint 打印控件使用说明及演示</H1>
</div>
<hr>
<center>
<table width="200" border="0" width="89%" align="center">
<tr><td >
<OBJECT
id = "printer"
classid="clsid:40A878D3-4EAD-4C6D-8508-CE5C06501564"
codebase="SmartPrint.cab#version=1,2,0,0"
width=547
height=284
align=center
hspace=0
vspace=0 >
<param name="PaperHeight" value="297">
<param name="PaperWidth" value="210">
<param name="PrintOffSetX" value="0">
<param name="PrintOffSetY" value="0">
</OBJECT>
</td></tr>
<tr>
<td>
<input name="button" type="button" onclick="init();" value="初始化参数">
<input name="button2" type="button" onClick="print();" value="打印测试"></td>
</tr>
</table>
<br>
</center>
<br/>
<table align="left" border="1" width="100%">
<tr><td colspan="3">
特点&说明(版本V1.2):<br>
<li>可以随意定位打印位置。</li>
<li>可以随意设置打印项字体大小。</li>
<li>支持批量打印。</li>
<li>打印控件的参数及配置遵循标准的JSON格式。 </li>
<li>各个配置参数的名称是大小写敏感的,请注意不要出现拼写错误。</li>
</td></tr>
<tr><td align="center">参数名称</td><td align="center">说明</td><td align="center">取值范围</td></tr>
<tr><td>PaperHeight</td><td>页面高度</td><td> 可取单据实际高度加上4-8个误差值,根据实际情况调整。</td></tr>
<tr><td>PaperWidth</td><td>页面宽度</td><td> </td></tr>
<tr><td>PrintOffSetX</td><td>横向偏移量,可以以相对坐标测量好各个位置,然后根据偏移量统一调整位置。</td><td> </td></tr>
<tr><td>PrintOffSetY</td><td>纵向偏移量</td><td> </td></tr>
<tr><td colspan='3'>
<hr/>
提供初始化参数如下(单位均为毫米mm):<br>
<pre>
各个配置参数名称严格遵守大小写规则。
提供对象方法:
@param settingStr 支持JSON格式的打印初始化参数。
完整格式及参数说明如下:
{
"Title":"标题,主要用在打印任务队列中显示;可选",
"PaperWidth":"打印纸宽度;必须",
"PaperHeight":"打印纸高度;必须",
"OffsetX":"打印起始偏移X坐标;默认为0",
"OffsetY":"打印起始偏移Y坐标;默认为0",
//打印的个字段参数设置
"ColumnSetting":[
{Name:"打印字段名称;必须提供。",X:"X坐标默,认为0",Y:"Y坐标,默认为0","FontSize":"打印字体大小,默认为11"},
{Name:"Amount",x:190,y:180},
......
]
}
init(settingStr);
@param jsonDoc 要打印的数据集。
完整格式及参数说明如下:
{
//数据集对象名称
"RecordSet":[
//各个行,其中属性名称同ColumnSetting中配置的字段名称相对应。
{"AccountNo":"","Amount":""},
{"AccountNo":"","Amount":""},
{"AccountNo":"","Amount":""}]
}
print(jsonDoc);
</pre>
</td></tr>
<tr><td colspan='3'>
打印示例:
<pre>
//初始化打印参数
function init(){
var settingStr = '{';
settingStr +='"PaperWidth":"200",'
+'"PaperHeight":"104",'
+'"Title":"银行回单打印测试",'
+'"OffsetX":"1",'
+'"OffsetY":"2",'
+'"ColumnSetting":['
+'{"Name":"AccountNo","FontSize":"25","X":"0","Y":"0"},'
+'{"Name":"AccountName","FontSize":"15","X":"1","Y":"14"},'
+'{"Name":"Amount","X":"20","Y":"29"},{"Name":"PrintDate","FontSize":"10","X":"3","Y":"95"}]'
+'}';
printer.init(settingStr);
}
//打印文档
function print(){
var recordSet = '{'
+'"RecordSet":[';
recordSet +='{"AccountNo":"@5620332888302939302","AccountName":"中国银行徐汇区支行","Amount":"1900.56","PrintDate":"2010-07-20"},'
+'{"AccountNo":"@3920332888302939302","AccountName":"交通银行张江分行","Amount":"1.24","PrintDate":"2010-07-21"},'
+'{"AccountNo":"*@4020332888302939302","AccountName":"浦发银行黄埔支行","Amount":"4903.290","PrintDate":"2010-07-22"}]'
+'}';
printer.print(recordSet);
}
</pre>
</td></tr>
</table>
</hr>
<script language="JavaScript">
function init(){
var settingStr = '{';
settingStr +='"PaperWidth":"200",'
+'"PaperHeight":"104",'
+'"Title":"银行回单打印测试",'
+'"OffsetX":"1",'
+'"OffsetY":"2",'
+'"ColumnSetting":[{"Name":"AccountNo","FontSize":"25","X":"0","Y":"0"},{"Name":"AccountName","FontSize":"15","X":"1","Y":"14"},{"Name":"Amount","X":"20","Y":"29"},{"Name":"PrintDate","FontSize":"10","X":"3","Y":"95"}]'
+'}';
printer.init(settingStr);
}
function print(){
var recordSet = '{'
+'"RecordSet":[';
recordSet +='{"AccountNo":"@5620332888302939302","AccountName":"中国银行徐汇区支行","Amount":"1900.56","PrintDate":"2010-07-20"},'
+'{"AccountNo":"@3920332888302939302","AccountName":"交通银行张江分行","Amount":"1.24","PrintDate":"2010-07-21"},'
+'{"AccountNo":"*@4020332888302939302","AccountName":"浦发银行黄埔支行","Amount":"4903.290","PrintDate":"2010-07-22"}]'
+'}';
printer.print(recordSet);
}
</script>
<br>
</body>
</HTML>
- 1
- 2
前往页