json - 无法将 gauge.js 与 jsf 页面（primefaces）集成

Question

我想在我的 jsf(primefaces) 应用程序中使用gauge.js 。到目前为止，我处理了 primefaces 组件（不需要集成）。现在，我想从 jsf 页面访问类属性（可能通过 Json 响应）以生成gauage。我阅读了一个建议生成 json 响应的解决方案，但我没有正确理解它。bernii的 jsFiddle 表明它需要一个动态值来创建仪表。

<------sampleClass------>
   public int func(){
      return aValue; }

<-----JSF----->
<canvas id="gauge"></canvas>

<------Script----->
var gaugeTarget = document.getElementById('gauge');
var gauge = new Gauge(gaugeTwoTarget);
gaugeTwo.maxValue = 100;
gaugeTwo.set(); //how can i get value return by func() here...........

BalusC还写了一篇很棒的文章（Java/JSP/JSF 和 JavaScript）。再次 m 无法实现它。

谢谢

Answer 1

我错过了您关于其他解决方案的问题中的那一部分...

---

无论如何，您也可以使用页面中的隐藏字段来解决它...

Bean（你的 bean 类）

int theValue;//add getter and setter

@PostConstruct
public void init(){
    theValue = func();  
}

页面（您的 xhtml）

<h:inputText id="myFuncValueId" value="#{myBean.theValue}" style="display:none"/>

js

gaugeTwo.set(document.getElementById('myFuncValueId').value);