如何連接primefaces jsf

Question

可以有人告訴我如何連接primefaces中的兩個或多個旋鈕？

我的意思是這件事 https://www.primefaces.org/showcase/ui/input/knob.xhtml

我想有像 MAXVALUE = 100; knob2.value = MAXVALUE - knob1.value

所以如果我設置knob1較高另一個向下

<h3>Colors</h3> 
    <div class="knob-container ui-corner-all"> 
     <p:knob foregroundColor="red" backgroundColor="#00000" value="#{knobView.value}"> 
      <p:ajax listener="#{knobView.onChange}"/> 
     </p:knob> 
     <p:knob foregroundColor="blue" backgroundColor="#0000FF" value="#{knobView.value2}"> 
      <p:ajax listener="#{knobView.onChange}"/> 
     </p:knob> 
    </div> 

。

public void onChange(){ 
    FacesContext.getCurrentInstance().addMessage(null, new FacesMessage(FacesMessage.SEVERITY_INFO, 
      "val1: " + value + " " + 
      "val2: " + value2   , null 
      )); 
    this.value2 = maxval - this.value; 

} 

編輯：附加 信息 我想有這樣的： 在啓動knob1 = 50;旋鈕2 = 50 我設置knob1至60和旋鈕2自動下降到40 我設置knob1至10和旋鈕2上升到90

Answer 1

使用2種的onChange方法和更新變化後的其他旋鈕。

XHTML

<div class="knob-container ui-corner-all"> 
    <p:knob id="knob_1" foregroundColor="red" backgroundColor="#00000" 
     value="#{knobView.value1}"> 
     <p:ajax listener="#{knobView.onChange1()}" update="knob_2" /> 
    </p:knob> 
    <p:knob id="knob_2" foregroundColor="blue" backgroundColor="#0000FF" 
     value="#{knobView.value2}"> 
     <p:ajax listener="#{knobView.onChange2()}" update="knob_1" /> 
    </p:knob> 
</div> 

豆

@Named 
@SessionScoped 
public class KnobView implements Serializable { 

    int value1; 
    int value2; 
    int maxval = 100; 
    // getter & setter 

    public void onChange1() { 
     FacesContext.getCurrentInstance().addMessage(null, new FacesMessage(FacesMessage.SEVERITY_INFO, 
       "val1: " + value1 + " " + 
         "val2: " + value2, 
       null)); 
     this.value2 = maxval - value1; 
    } 

    public void onChange2() { 
     FacesContext.getCurrentInstance().addMessage(null, new FacesMessage(FacesMessage.SEVERITY_INFO, 
       "val1: " + value1 + " " + 
         "val2: " + value2, 
       null)); 
     this.value1 = maxval - value2; 
    } 

}