根据 Primefaces 中另一个 selectOneMenu 中选择的值隐藏/显示 selectOneMenu

Question

我有一个带 rowEdit 的 Primefaces 数据表。两列中每列都包含一个 selectOneMenu 控件。首先 selectOneMenu 的值为 SINGLE、MULTIPLE。如果是 SINGLE，第二列应包含 selectOneMenu，如果是 MULTIPLE，第二列应包含 pickList。 最初，第二列根据 bean 中设置的第一个 selectOneMenu 中的值显示 selectOneMenu 或 pickList。但是当用户更改第一个 selectOneMenu 中的值时，我希望第二个 selectOneMenu 或 pickList 在第二列中可见。我尝试使用 JQuery 但没有成功。下面是代码......

<p:cellEditor>
<f:facet name="output">
     <h:outputLabel value="#{bean.INPUTTYPE}" />
    </f:facet>

<f:facet name="input">
        <p:selectOneMenu id="inputType" value="#{bean.InputType}" >
        <f:selectItems value="#{beanDetails.inputTypes}"></f:selectItems>
            <p:ajax event="change" oncomplete="inputTypeChanged(#{rowIndex})"/> 
        </p:selectOneMenu>
    </f:facet>
</p:cellEditor> 
</p:column>


<p:column>
    <f:facet name="header">
            <h:outputLabel value="Default Value" />
     </f:facet>

     <p:cellEditor>
    <f:facet name="output">
        <h:outputLabel value="#{bean.DEFAULTVALUE}"/>
    </f:facet>

    <f:facet name="input">
        <p:selectOneMenu id="distinctVals" value="#{bean.DEFAULTVALUE}" rendered="#{bean.fldType == 1}" >
            <f:selectItems value="#{bean.DISTINCT_VALUES}"/>
        </p:selectOneMenu>

        <p:pickList value="#{bean.PICK_VALUES}" id="pickVals" var="pickVals" itemLabel="#{pickVals}" itemValue="#{pickVals}" rendered="#{bean.fldType == 2}"/>
    </f:facet>   
</p:cellEditor> 
</p:column>


<script type="text/javascript">
    function inputTypeChanged(ind){
        var str = 'table_Details:' + ind + ':inputType_input';
        var selected = $(document.getElementById(str));

        if(selected.val() == 'SINGLE'){
            str = 'table_Details:' + ind + ':distinctVals_input';
                selected = $(document.getElementById(str));
                $(selected).show();

                str = 'table_Details:' + ind + ':pickVals_input';
                selected = $(document.getElementById(str));
                $(selected).fadeOut();
        }else if(selected.val() == 'MULTIPLE'){
                str = 'table_Details:' + ind + ':distinctVals_input';
                selected = $(document.getElementById(str));
                $(selected).fadeOut();

                str = 'table_Details:' + ind + ':pickVals_input';
                selected = $(document.getElementById(str));
                $(selected).fadeIn();

        }
    }
</script>

我使用的是primefaces-3.1.RC1。我的代码有什么问题吗？

Answer 1

相互依赖的验证在 RowEditEvent 中处理