[英]Auto Refresh Portlet Liferay 6.0(Periodically refresh)
我想创建用于监视内容的Portlet,因此需要像每隔一段时间自动刷新Portlet页面一样,我该如何实现呢? 我一直在尝试使用Javascript之类的常规方法,但是它不起作用...谢谢,请给我示例:(
任何帮助将不胜感激,我正在尝试为jsp使用常规代码,但无法运行
<%@ page import="java.io.*,java.util.*" %>
<html>
<head>
<title>Auto Refresh Header Example</title>
</head>
<body>
<center>
<h2>Auto Refresh Header Example</h2>
<%
// Set refresh, autoload time as 5 seconds
response.setIntHeader("Refresh", 5);
// Get current time
Calendar calendar = new GregorianCalendar();
String am_pm;
int hour = calendar.get(Calendar.HOUR);
int minute = calendar.get(Calendar.MINUTE);
int second = calendar.get(Calendar.SECOND);
if(calendar.get(Calendar.AM_PM) == 0)
am_pm = "AM";
else
am_pm = "PM";
String CT = hour+":"+ minute +":"+ second +" "+ am_pm;
out.println("Crrent Time: " + CT + "\n");
%>
</center>
</body>
</html>
问候
丹尼尔
我可以使用此代码解决此问题
<%@page import="com.liferay.portal.kernel.portlet.LiferayWindowState"%>
<%@page import="java.util.Date"%>
<%@ taglib uri="http://java.sun.com/portlet_2_0" prefix="portlet" %>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/JavaScript">
<!--
function timedRefresh(timeoutPeriod) {
$.post('<portlet:renderURL windowState="<%= LiferayWindowState.EXCLUSIVE.toString() %>"></portlet:renderURL>', function(data){
$("#myportlet").html(data);
})
}
timedRefresh(5000);
// -->
</script>
<div id="myportlet"><%= new Date() %></div>
感谢@boky,他给了我解决该问题的主要思路:)
问候
丹尼尔
如果要定期更新Portlet,可以使用serveResource方法。
进行ajax调用serveResource方法,然后可以在此ajax调用上设置setTimeout。 以下是示例代码段-
function <portlet:namespace />get_updated_data() {
var f = jQuery.ajax({
type: "POST",
url: '<<resourceUrl>>',
data: {"name" : "val"},
dataType: 'json',
async: false,
}).success(function(data){
// success code here
}).complete(function(){
setTimeout(function(){<portlet:namespace />get_updated_data();}, 5000);
});
}
在最佳情况下,设置Refresh
标头将刷新整个页面(这是要执行的操作),而不仅仅是您的portlet。
如何设置此刷新取决于编写Portlet的基础技术。 基本上,您想对页面进行AJAX请求以获取新数据并重新显示它,如@harishkrsingla所建议。
如果您的代码是纯JSP,则需要设置两页:-一页用于显示portlet-另一页用于呈现内容
然后,您的portlet页面将如下所示(确实将其写在我的头上,请在线查看文档):
<div id="portlet">
<jsp:include file="data.jsp" />
</div>
<script type="text/javascript">
// assuming jquery
var load;
load = function() {
$('#portlet').load('<portlet:namespace />/data.jsp', function() {
window.setTimeout(load, 1000);
});
}
load();
</script>
另请查看有关JSFiddle的工作演示: http : //jsfiddle.net/z9az9/1/
当然,这只是基本思想。 您应该真正包括一些错误处理等。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.