一、进行数据准备:
需要载入support.js:
<script language="JavaScript" src="%baseUrl%/support.js"></script>
该js初始化如下变量名:
_reportXML
_header
_footer
_xslFile
_parObj
_cssPath
请注意不能在界面上命名同名变量。
提供打印控制类:Printer
可以做初始化获得,如:
var printer = new Printer()
A Printer提供的方法:
1. prepareBaseURL(base)
◎目的和职责:
传入当前页面与print文件夹内的内容的相对路径
该值通常为:public/js/print/
2. prepareHead(headVal,valueType,nodeName,borderSet)
◎目的和职责:准备页头部分的数据,可有0-任意多个
◎参数:
×headVal:
#描述:存放页头的输入内容。
#值域:
1)符合xfrom规范的xml数据岛的id,此时valueType必须为"xml"。
2)字符串----------------------任意
×valueType:
#描述:headVal的数据类型。
#值域:
1)xml:表示headVal为符合xfrom规范的xml数据岛的id
2)其它任意:表示headVal为一个字符串。
#默认值:空
×nodeName:
#描述:xml中的模板节点,例如grid节点。
#值域:
1)任意:为任意你xml中的模板节点,字符串(在xsl中的默认为节点名称grid,如xml中的模板节点名称与其不符,请指定该参数)。
#默认值:gird
×borderSet:
#描述:是否设置边线。
#值域:
1)true:设置边线。
2)false:不设置边线。
#默认值:true
3. prepareBody(bodyVal, valueType,nodeName,borderSet)
◎目的和职责:准备表体部分的数据,可有0-任意多个
◎参数:
×bodyVal:
#描述:存放标题的内容。
#值域:
1)符合xfrom规范的xml数据岛的id
2)符合grid规范的xml数据岛的id
×valueType:
#描述:bodyVal的数据类型。
#值域:
1)xfrom:表示bodyVal为符合xfrom规范的xml数据岛的id
2)grid:表示bodyVal为符合grid规范的xml数据岛的id
#默认值:grid
×nodeName:
#描述:xml中的模板节点,例如grid节点。
#值域:
1)任意:为任意你xml中的模板节点,字符串(在xsl中的默认为节点名称grid,如xml中的模板节点名称与其不符,请指定该参数)。
#默认值:gird
×borderSet:
#描述:是否设置边线。
#值域:
1)true:设置边线。
2)false:不设置边线。
#默认值:true
4. prepareFoot(footerVal, valueType,nodeName,borderSet)
◎目的和职责:准备页尾部分的数据,可有0-任意多个
◎参数:
×footerVal:
#描述:存放页尾的输入内容。
#值域:
1)xfrom形式下的数据岛的id
2)字符串
×valueType:
#描述:footerVal的数据类型。
#值域:
1)xml:表示footerVal为符合xfrom规范的xml数据岛的id
2)其它任意:表示headVal为一个字符串。
#默认值:空
×nodeName:
#描述:xml中的模板节点,例如grid节点。
#值域:
1)任意:为任意你xml中的模板节点,字符串(在xsl中的默认为节点名称grid,如xml中的模板节点名称与其不符,请指定该参数)。
#默认值:gird
×borderSet:
#描述:是否设置边线。
#值域:
1)true:设置边线。
2)false:不设置边线。
#默认值:true
5.prepareEnd()
◎目的和职责:单张表设置完成,如不执行该项,该张表将无法准备完成,出错
/* ---------------可选执行的方法-----------------------*/
6. prepareParameter(param,setPage)
◎目的和职责:设置打印的参数
◎参数:param:
#描述:打印的参数
#值域:Object,通过设置一个Object对象的属性来设置打印机属性。
简单的设置信息参见例子,详细内容请下载SXdocs.zip查阅相关文档。
#例子:
var param = new Object();
param.header = 'yyyy'; //设置页头
param.footer = 'yyyy'; //设置页尾
param.portrait = true| false; //设置纸张纵打横打
param.leftMargin = 95; //设置左边距
param.topMargin = 10; //设置上边距
param.rightMargin = 95; //设置右边距
param.bottomMargin = 15; //设置下边距
setPage:
1)true:出现。
2)false:不出现。
#默认值:true
7. prepareCssPath(path)
◎目的和职责:更改打印的页面的css
◎参数:path:
#描述:打印的页面的css的文件名
#值域:打印的页面所外挂的css(路径+文件名)
/* ---------------可选执行的方法-----------------------*/
8. print()
◎目的和职责:打开打印页面
B 打印多页(例子):
var printer=new Pinter();
var param = new Object();
param.header = 'yyyy';
param.footer = 'yyyy';
param.portrait = false;
param.leftMargin = 95;
param.rightMargin = 95;
param.topMargin = 10;
param.bottomMargin = 15;
//printer.prepareParameter(param);
//printer.prepareCssPath(path);
printer.prepareBaseURL(base);
printer.prepareHead(headVal,valueType,nodeName,borderSet);
.....
printer.prepareHead(headVal,valueType,nodeName,borderSet);
printer.prepareBody(bodyPar,valueType,nodeName,borderSet);
....
printer.prepareBody(bodyPar,valueType,nodeName,borderSet);
printer.prepareFoot(footerVal,valueType,nodeName,borderSet);
.....
printer.prepareFoot(footerVal,valueType,nodeName,borderSet);
pinter.prepareEnd();
printer.prepareHead(headVal,valueType,nodeName,borderSet);
.....
printer.prepareHead(headVal,valueType,nodeName,borderSet);
printer.prepareBody(bodyPar,valueType,nodeName,borderSet);
....
printer.prepareBody(bodyPar,valueType,nodeName,borderSet);
printer.prepareFoot(footerVal,valueType,nodeName,borderSet);
.....
printer.prepareFoot(footerVal,valueType,nodeName,borderSet);
printer.prepareEnd();
........
printer.print();
二、关于css的修改:只修改页头,标题,页尾三部分,具体如下(可修改的部分已经标出)
注:如需要修正的CSS,请交由美工处理。
body{
margin:0px;
font-size:15pt;
font-family:仿宋_gb2312
}
#toolbar{
background-color:#BBBBBB;
height:18px;
padding:0px 10px;
display:inline;
filter:alpha(opacity=100,style=1,finishOpacity=0,startX=85,endX=100)
}
/*--------------------页头部分------------------------------------*/
/*---标题---*/
.header{
font-size:15pt;
font-family:仿宋_gb2312;
color:#FFF000;
text-align:center;
}
/*---其他的请自行添加css.具体可参见表体部分---*/
/*--------------------页头部分------------------------------------*/
/*--------------------表体部分------------------------------------*/
/*---列头中合并列的部分---*/
.band{
text-align:center;
font-size:12pt;
font-family:仿宋_gb2312;
color:#0000FF;
}
/*---列头---*/
.column{
text-align:center;
font-size:12pt;
font-family:仿宋_gb2312;
color:#FF0000;
}
/*---内容单元格,,仅限于用在grid---*/
.cell{
font-size:12pt;
font-family:仿宋_gb2312;
color:#00ff00;
}
/*---行头,仅限于用在xfrom,在生成xml的时候加入---*/
.title{
font-size:18pt;
font-family:黑体;
font-weight:bold
}
/*--------------------表体部分------------------------------------*/
/*--------------------页尾部分------------------------------------*/
/*---页尾---*/
.footer{
font-size:15pt;
font-family:仿宋_gb2312;
color:#000FFF;
}
/*---其他的请自行添加css.具体可参见表体部分---*/
/*--------------------页尾部分------------------------------------*/
a{
cursor:hand;
color:white;
text-decoration:none;
height:100%;
padding:3px 5px;
font-size:12px;
font-family:宋体
}
a:hover{
background-color:#FFCC00
}
.break{
page-break-after:always;
height:1px;
}
br.changPage{
page-break-after :always;
}
br{
font-size:1px;
line-height:1px;
}
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
J2EE项目开发框架实例源代码(含演示动画) (572个子文件)
smsx.cab 244KB
smsx.cab 244KB
ScriptX.cab 144KB
ScriptX.cab 144KB
outstockInfor_jsp.class 23KB
instockInfor_jsp.class 23KB
viewSearch_jsp.class 22KB
viewSearch_jsp.class 22KB
printView_jsp.class 21KB
printView_jsp.class 21KB
productInfor_jsp.class 19KB
queryInfor_jsp.class 19KB
queryInfor_jsp.class 19KB
userInfor_jsp.class 16KB
departmentInfor_jsp.class 16KB
printMonthReport_jsp.class 15KB
printMonthReport_jsp.class 15KB
newsInfor_jsp.class 15KB
parentInfor_jsp.class 15KB
unitInfor_jsp.class 15KB
printStockReport_jsp.class 14KB
monthReport_jsp.class 13KB
monthReport_jsp.class 13KB
viewStockReport_jsp.class 12KB
mainFrame_jsp.class 10KB
ChangePassword_jsp.class 10KB
Login_jsp.class 10KB
SingleTree_jsp.class 10KB
addNews_jsp.class 8KB
viewSearchForm_jsp.class 8KB
viewSearchForm_jsp.class 8KB
monthSearch_jsp.class 8KB
search_jsp.class 7KB
search_jsp.class 7KB
showNews_jsp.class 7KB
ErrorHandler_jsp.class 7KB
SystemSetup_jsp.class 7KB
SubmitResult_jsp.class 6KB
tree_005fcrktz_jsp.class 6KB
tree_005fbbdy_jsp.class 6KB
tree_005fzhcx_jsp.class 6KB
tree_005fjcsj_jsp.class 6KB
QueryUser_jsp.class 6KB
mainFrameSet_jsp.class 4KB
BaseActionSupport.class 4KB
PageResult_jsp.class 4KB
Error400_jsp.class 4KB
NewsAction.class 4KB
Logout_jsp.class 3KB
NewsDAO.class 3KB
Exit_jsp.class 3KB
NewsService.class 2KB
Setup.class 1KB
Global.class 1KB
News.class 1KB
INewsService.class 533B
INewsDAO.class 521B
ActionException.class 325B
.classpath 4KB
grid2.css 2KB
grid.css 2KB
css.css 2KB
dialog.css 2KB
DatePicker.css 2KB
复件 defaultStyle.css 2KB
print.css 2KB
defaultStyle.css 2KB
deeptree.css 2KB
Tree.css 2KB
xform.css 1KB
Nomarl.css 910B
Global.css 905B
box.css 860B
viewGlobal.css 843B
DSTree.css 716B
Page10.css 556B
editorArea.css 430B
classical.css 371B
monSelect.css 328B
Toolbar.css 279B
bar.css 266B
calendar.css 76B
postform.css 72B
Thumbs.db 397KB
Thumbs.db 40KB
Thumbs.db 27KB
Thumbs.db 17KB
Thumbs.db 15KB
Thumbs.db 12KB
Thumbs.db 10KB
Thumbs.db 9KB
Thumbs.db 8KB
Thumbs.db 7KB
Thumbs.db 7KB
Thumbs.db 5KB
Thumbs.db 5KB
Thumbs.db 4KB
Thumbs.db 3KB
Entries 910B
Entries 322B
共 572 条
- 1
- 2
- 3
- 4
- 5
- 6
资源评论
- zhouzq10082012-08-29说明.txt里指定的网址下不到东西了,不知道怎么运行
- yongjiushiyong2011-12-04做的有点粗糙 但可以提供参考 感谢楼主
- qq_239273872015-06-27说明里的网站下不到东西啊
- fishyang19892014-10-27感觉你不像高编程的,动画做的比编程还好,为啥不做动画呢?
- 1111emotion2013-12-06感觉你不像高编程的,动画做的比编程还好,为啥不做动画呢?
rfxia
- 粉丝: 10
- 资源: 21
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功