无法将gauge.js与jsf页面(primefaces)集成

时间:2013-02-11 08:26:29

标签: json jsf-2 primefaces gauge

我想在我的jsf(primefaces)应用程序中使用gauge.js。到目前为止,我处理过primefaces组件(为此,不需要集成)。现在,我想从jsf页面访问类属性(可能通过Json响应)来生成 gauage 。我读了一个solution,建议生成json Response,但是我没有正确得到它。 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)。再次无法实现它。

由于

1 个答案:

答案 0 :(得分:0)

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


无论如何你也可以通过页面中的隐藏字段来解决它......

Bean (你的bean clas)

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);