任何人都有将 Visualize.js 嵌入 APEX 应用程序以集成 JasperServer Reports 的经验吗?
Anyone have an experience to embedding Visualize.js into APEX Application to integrate JasperServer Reports?
有没有人有将 Visualize.js 嵌入 APEX 应用程序以集成 JasperServer Reports 的经验?!使用 REST 或 iFrame 恐怕不是这种情况。不是 JavaScript 的忠实粉丝,但这次似乎是唯一的方法。做了一些研究并没有找到任何有用的信息,因为大多数人使用 REST 或 iFrame。非常感谢任何帮助!至少告诉我挖掘的方向或粗略的计划……例如,我是否需要上传一些库,实际上是从什么开始?!
谢谢!
P.S。 Apex 4.2.6 及 运行、JasperServer 6.0 及 运行.
我参加过 Jaspersoft 的可视化课程,偶尔使用 Apex。您需要有一个普通的 html 区域,您可以在其中编写内容,然后使用可视化库从服务器获取报告和报告元数据。您必须确保您在服务器上经过身份验证,并且在 dom 中有一个 div 或其他内容,您可以在其中放置结果报告。您还必须获取可视化库。
这就像将任何其他自定义 html/javascript 添加到 Apex 应用程序一样。
这是一个代码示例,用于可视化、验证并将报告发送到 dom:
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<!--
<script src="http://code.jquery.com/jquery-2.1.0.js"></script>
-->
<script src="http://localhost:8080/jasperserver-pro/client/visualize.js"></script>
<script type="text/javascript">
visualize({
auth: {
name: "jasperadmin",
password: "jasperadmin"
}
}, function (v) {
var report = v.report({
resource: "/public/Samples/Reports/9.CustomerDetailReport",
container: "#container"
});
});
</script>
<body>
<div id="container"></div>
</body>
</html>
有没有人有将 Visualize.js 嵌入 APEX 应用程序以集成 JasperServer Reports 的经验?!使用 REST 或 iFrame 恐怕不是这种情况。不是 JavaScript 的忠实粉丝,但这次似乎是唯一的方法。做了一些研究并没有找到任何有用的信息,因为大多数人使用 REST 或 iFrame。非常感谢任何帮助!至少告诉我挖掘的方向或粗略的计划……例如,我是否需要上传一些库,实际上是从什么开始?! 谢谢!
P.S。 Apex 4.2.6 及 运行、JasperServer 6.0 及 运行.
我参加过 Jaspersoft 的可视化课程,偶尔使用 Apex。您需要有一个普通的 html 区域,您可以在其中编写内容,然后使用可视化库从服务器获取报告和报告元数据。您必须确保您在服务器上经过身份验证,并且在 dom 中有一个 div 或其他内容,您可以在其中放置结果报告。您还必须获取可视化库。
这就像将任何其他自定义 html/javascript 添加到 Apex 应用程序一样。
这是一个代码示例,用于可视化、验证并将报告发送到 dom:
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<!--
<script src="http://code.jquery.com/jquery-2.1.0.js"></script>
-->
<script src="http://localhost:8080/jasperserver-pro/client/visualize.js"></script>
<script type="text/javascript">
visualize({
auth: {
name: "jasperadmin",
password: "jasperadmin"
}
}, function (v) {
var report = v.report({
resource: "/public/Samples/Reports/9.CustomerDetailReport",
container: "#container"
});
});
</script>
<body>
<div id="container"></div>
</body>
</html>