gpt4 book ai didi

jsf-2 - jsf2.0如何定时更新页面?

转载 作者:行者123 更新时间:2023-12-01 03:57:18 25 4
gpt4 key购买 nike

我的 JSF 2.0 页面包含一些动态数据,因此需要在某个预定义的时间间隔内(例如每 10 秒)自动刷新。
我使用 PrimeFaces 3.5 作为强大的组件套件。下面是托管 bean-

@ManagedBean
@ViewScoped
public Monitor implements Serializable {

//max,min,avg,stdDev,reason are caluclated based on some dynamic data
private int max;
private int min;
private double avg;
private double stdDev;
private String reason;

public int getMax() {
//Here before returning I am calling some methods to get the max from dynamic data
return max;
}

public int getMin() {
//Here before returning I am calling some methods to get the min from dynamic data
return min;
}

public double getAvg() {
//Here before returning I am calling some methods to get the avg from dynamic data
return avg;
}

public String getReason() {
//Here before returning I am calling some methods to get the reason from dynamic data
return reason;
}

public double getStdDev() {
//Here before returning I am calling some methods to get the stdDev from dynamic data
return stdDev;
}

public void setMax(int max) {
this.max = max;
}

public void setMin(int min) {
this.min = min;
}

public void setAvg(double avg) {
this.avg = avg;
}

public void setStdDev(double stdDev) {
this.stdDev = stdDev;
}

public void setReason(String reason) {
this.reason = reason;
}
}

直到现在我还没有最终确定布局,但是我会像这样-
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:p="http://primefaces.org/ui">
<h:head>
<title>Insert title here</title>
</h:head>
<h:body>
<p:panel>
<h:outputLabel value="#{monitor.min}" />
<h:outputLabel value="#{monitor.max}" />
<h:outputLabel value="#{monitor.avg}" />
<h:outputLabel value="#{monitor.stdDev}" />
<h:outputLabel value="#{monitor.reason}" />
</p:panel>
</h:body>
</html>

如何在 JSF 2.0 中定期更新页面?

最佳答案

您可以使用 Poll 自动刷新您的页面,投票 可以通过javascript开始停止:
例如,当 count(bean variable) >=10 时,poll 将停止:
您可以像@Ravi 一样使用 stop post ,我的示例演示您可以开始停止(通过:pol.stop() 和 pol.start())。

面:

<h:form id="form">  
<p:panel id="pntest">
// content here
</p:panel>
<h:outputText id="txt_count" value="#{tabview.count}" />
<p:poll interval="1" listener="#{tabview.increment}" update="txt_count" widgetVar="pol" oncomplete="test(xhr, status, args);"/>
<script type="text/javascript">
//<![CDATA[
function test(xhr, status, args){
if(args.sotest >= 10){
pol.stop();
}else{
location.reload(); // refresh page
}
}
//]]>
</script>
</h:form>

bean 角,扁 bean :
     private int count = 0;
public void increment() {
count++;
RequestContext reqCtx = RequestContext.getCurrentInstance();
reqCtx.addCallbackParam("sotest", count);
//1. update by using PrimeFaces specific API, use [RequestContext#update()][3].
RequestContext.getCurrentInstance().update("form:pntest");
//2. update by using standard JSF API, add the client ID to [PartialViewContext#getRenderIds()][4].

FacesContext.getCurrentInstance().getPartialViewContext().getRenderIds().add("form:pntest");
}

public int getCount() {
return this.count;
}

public void setCount(int count) {
this.count = count;
}

关于jsf-2 - jsf2.0如何定时更新页面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16196094/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com