如何连接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; 
    } 

}