Question

如何在类型重置时按p：commandButton重置p：selectOneMenu的值。我的代码如下

<h:form id="form">

    <p:panelGrid columns="2" cellspacing="10" >
    <f:facet name="header">Login</f:facet>
    <p:outputLabel value="Username" />
    <p:inputText value="#{user.username}" />
    <p:outputLabel value="Password" />
    <p:password value="#{user.password}"></p:password>

    <p:outputLabel value="Locale" />
    <p:selectOneMenu >
    <f:selectItem itemValue="Select Country" itemLabel="Select Country" />
    <f:selectItem itemValue="Poland" itemLabel="Poland"/>
    </p:selectOneMenu>
    <p:commandButton value="Submit"></p:commandButton>
    <p:commandButton type="reset" value="Clear" update="form"></p:commandButton>
    </p:panelGrid>

</h:form>

执行此操作后，用户名和密码将被清除，但选择国家/地区的下拉列表不会重置。

Answer 1

首先，您只是在p:selectOneMenu中显示值但未分配这些值，value属性可以将当前选定的值从客户端分配到支持bean值，因此; < / p>

<p:selectOneMenu id="myMenu" value="#{bean.selectedCountry}">
    <f:selectItem itemValue="Select Country" itemLabel="Select Country" />
    <f:selectItem itemValue="Poland" itemLabel="Poland"/>
</p:selectOneMenu>

现在，如果用户选择波兰作为国家，它将在支持bean上设置为selectedCountry，也不要忘记实现getter和setter方法。

然后，如果要重置组件的值，p:selectOneMenu会生成一个标签，并且更改它的文本可以在视图上执行操作：

<p:commandButton onclick="resetter();" type="reset" value="Clear" update="form"></p:commandButton>

js功能：

function resetter() {
    document.getElementById('form:myMenu_label').innerHTML = 'Select Country';
}

如何重置primefaces commandButton重置类型的下拉列表

1 个答案: