【问题标题】:How to select Multiple items in pickList(Primefaces)?如何在pickList(Primefaces)中选择多个项目?
【发布时间】:2014-11-27 01:36:27
【问题描述】:

我正在尝试制作一个pickList。我希望通过单击单个项目来选择多个项目。我怎样才能做到这一点?

【问题讨论】:

    标签: primefaces picklist


    【解决方案1】:

    我是从 primefaces 网站上获取的 在你看来,我猜你会有这样的事情

        <h:form>
    
         <p:selectBooleanCheckbox value="#{selectBooleanView.value1}" label="parent"> 
            <p:ajax update="cb1 cb2" listener="#{selectBooleanView.yourLogic}" />
          </p:selectBooleanCheckbox>
             <p:selectBooleanCheckbox id="cb1" value="#{selectBooleanView.value2}" label="son1"/> 
             <p:selectBooleanCheckbox id="cb2" value="#{selectBooleanView.value3}" label="son2"/>
    
    
    
        </h:form>
    

    在前面的代码中看到ajax标签调用托管bean并根据ID更新一些项目

    您的托管 bean SelectBooleanView.java

    import javax.faces.application.FacesMessage;
    import javax.faces.bean.ManagedBean;
    import javax.faces.context.FacesContext;
    
    @ManagedBean
    public class SelectBooleanView {
    
    private boolean value1;  
    private boolean value2;
    private boolean value3;
    
    public boolean isValue1() {
        return value1;
    }
    
    public void setValue1(boolean value1) {
        this.value1 = value1;
    }
    
    public boolean isValue2() {
        return value2;
    }
    
    public void setValue2(boolean value2) {
        this.value2 = value2;
    }
    public boolean isValue3() {
        return value3;
    }
    
    public void setValue3(boolean value3) {
        this.value3 = value3;
    }
    
    public void yourLogic() {
       this.value3= value1;
       this.value2=value1;
    }
    }
    

    【讨论】:

      【解决方案2】:

      您可以使用服务器端 ajax 传输事件或客户端 'onTransfer' 回调属性。

      &lt;p:ajax event="transfer" listener="#{foo.addOtherItemsToTranferList}" /&gt;

      -或-

      &lt;p:pickList ... onTransfer="foo.bar()"&gt;

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多