Question

我想创建Portlet For Monitoring Something，所以它需要像每个时间间隔自动刷新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>

此致

丹尼尔

Answer 1

我使用此代码管理来解决此问题

<%@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，他给了我如何解决这个问题的主要想法：）

此致

丹尼尔

Answer 2

如果要定期更新portlet，可以使用serveResource方法。

对serveResource方法进行ajax调用，您可以在此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);
    });

}

Answer 3

设置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/

当然，这只是基本的想法。你应该真的包括一些错误处理等。

自动刷新Portlet Liferay 6.0（定期刷新）

3 个答案: