繁体   English   中英

自动刷新Portlet Liferay 6.0(定期刷新)

[英]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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM