如何将JSF Bean数据传递给JavaScript函数

How to Pass JSF Bean data to JavaScript Function?

本文关键字：JavaScript 函数 数据 JSF Bean      更新时间：2023-09-26

我用以下代码传递数据：

<p:poll interval="3" listener="#{chartController.loadChartData}" oncomplete="renderChart('container','area','Sample Chart', '#{chartController.chartData}', '#{chartController.categories}');" 
                      id="chartvalue_btn" update="textID" />

但当我检查在JavaScript函数中传递null值时，我检查了用值初始化的bean变量。我是不是做错了什么？我的豆子是

package com.bchetty.charts.controller;
import com.bchetty.charts.model.Series;
import com.google.gson.Gson;
import java.text.SimpleDateFormat;
import java.util.ArrayList;
import java.util.Date;
import java.util.List;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;
import javax.faces.bean.ViewScoped;
/**
 * Chart Controller
 */
@ManagedBean(name="chartController")
@SessionScoped
public class ChartController {
    private String chartData;
    private String categories;
    private List<String> categoryList = new ArrayList<String>();
    private List<Long> heapSizeList = new ArrayList<Long>();
    private List<Long> usedHeapSizeList = new ArrayList<Long>();
    SimpleDateFormat sdfDate = new SimpleDateFormat("HH:mm:ss");//dd/MM/yyyy
    private static final long MB = 1024*1024;
    int index = 0;
    private Long[] longs;
    /**
     * Load Chart Data
     */
    public void loadChartData() {
        if(heapSizeList.size() > 10) {
            heapSizeList.remove(0);
            usedHeapSizeList.remove(0);
            categoryList.remove(0);
        }
        List<Series> series = new ArrayList<Series>();
        malloc();
        long heapSize = Runtime.getRuntime().maxMemory();
        heapSizeList.add(heapSize/MB);
        usedHeapSizeList.add((heapSize - Runtime.getRuntime().freeMemory())/MB);
        series.add(new Series("Heap Size", heapSizeList));
        series.add(new Series("Used Heap", usedHeapSizeList));
        setChartData(new Gson().toJson(series));
        categoryList.add(sdfDate.format(new Date()));
        System.out.println(categoryList);
        setCategories(new Gson().toJson(categoryList));
    }
    /**
     * @return the chartData
     */
    public String getChartData() {
        return chartData;
    }
    /**
     * @param chartData the chartData to set
     */
    public void setChartData(String chartData) {
        this.chartData = chartData;
    }
    /**
     * @return the categories
     */
    public String getCategories() {
        return categories;
    }
    /**
     * @param categories the categories to set
     */
    public void setCategories(String categories) {
        this.categories = categories;
    }
    private void malloc() {
        if(index%2 == 0) {
            longs = new Long[100000];
            for(int i=0;i<1000;i++) {
                longs[i] = Long.valueOf(i);
            }
        } else {
            longs = null;
        }
        index++;
    }
}

问题是oncomplete-函数的参数只有在输入视图时才会更新。当bean上的属性值发生更改时，参数不会自动更新。因此，由于chartController.chartData最初未初始化，因此在渲染页面时为null，并且在手动刷新整个页面之前保持为null。

为了解决这个问题，我建议您使用Primefaces RequestContext，并在每次调用loadChartData时添加chartData作为回调参数。即在loadChartData的和中添加以下内容：

public void loadChartData() {
    ...
    RequestContext context = RequestContext.getCurrentInstance();
    context.addCallbackParam("chartData", chartData);
    context.addCallbackParam("categories", categories);
}

并且在UI中定义p:poll如下：

<p:poll interval="3" listener="#{chartController.loadChartData}"
    oncomplete="renderChart('container','area','Sample Chart', args.chartData, args.categories);"
    id="chartvalue_btn" update="textID" />

如果您不可以这样做，因为您在其他任何地方都使用loadChartData，请在另一个方法中用addCallbackParam填充loadChartData的调用，并将此方法指定为p:poll的侦听器。

相关文章：