通过多种测试发现原因所在,但有如下几个问题需要解决:
【View.aspx 为HTML5View所在页面,WorkAttendance_Report.rdlx为报表文件。此两个文件位于同一目录下。】
1、所有的教程中,都是在HTML文件中设置HTML5View,但我的是aspx文件。如果我按照教程中的script写,例如:
<script type="text/javascript">
$(function () {
var viewer = GrapeCity.ActiveReports.Viewer(
{
element: '#viewer',
report: {
id: 'WorkAttendance_Report.rdlx',
parameters:[
{
name: 'Work_User',
value:'吴超'
},
{
name: 'Work_Month',
value:'10'
}
]
},
selectedReportIndex: 0,
reportService: {
url: '/ActiveReports.ReportService.asmx'
},
uiType: 'desktop',
documentLoaded: function reportLoaded() {
console.log(viewer.pageCount);
},
reportLoaded: function (reportInfo) {
console.log(reportInfo.parameters);
},
error: function (error) {
console.log("error");
}
});
});
</script>
报表无法呈现,会报下图错误:
期初不知道是哪里的问题,通过几次测试时报表引用路径的问题,但不知如何表述,所以目前暂时改为电脑绝对路径,如下:
$(function () {
var viewer = GrapeCity.ActiveReports.Viewer(
{
element: '#viewer',
report: {
id: 'F:\\云同步文件\\MyProgram\\ERP_2013\\ERP_2013\\RunSheet\\WorkAttendance_Report.rdlx',
parameters:[
{
name: 'Work_User',
value:'吴超'
},
{
name: 'Work_Month',
value:'10'
}
]
},
selectedReportIndex: 0,
reportService: {
url: '/ActiveReports.ReportService.asmx'
},
uiType: 'desktop',
documentLoaded: function reportLoaded() {
console.log(viewer.pageCount);
},
reportLoaded: function (reportInfo) {
console.log(reportInfo.parameters);
},
error: function (error) {
console.log("error");
}
});
});
至此,报表可以正常预览。
2、报表虽然可以正常预览,但与报表本质的设计有区别,如图:
预览时,却是:
可以很明显看出:表标题无法完全正常显示,不知是何原因,点击打印按钮后,出现的预览又正常:
|