我想使用Primefaces 5.2创建一个移动表单，其中一个selectOneMenu结果selectOneMenu通过Ajax
更新第二个，就像这里的展示示例一样：http
:
//www.primefaces.org/showcase/ui/ajax/dropdown.xhtml，然后是移动版本。

我创建了一个JSF页面和backingbean 正是 像展示例子，它的工作原理。

但是，当我使用<f:view renderKitId="PRIMEFACES_MOBILE"/>第二个selectOneMenu元素添加移动外观时，更新后将其呈现为纯色，并显示永久旋转器。

...
<f:view renderKitId="PRIMEFACES_MOBILE" />
...
<h:body>
<h:form>
    <p:growl id="msgs" showDetail="true" />

    <p:panel header="Select a Location" style="margin-bottom:10px;">
        <h:panelGrid columns="2" cellpadding="5">
            <p:outputLabel for="country" value="Country: " />
            <p:selectOneMenu id="country" value="#{dropdownView.country}" style="width:150px">
                <p:ajax listener="#{dropdownView.onCountryChange}" update="city" />
                <f:selectItem itemLabel="Select Country" itemValue="" noSelectionOption="true" />
                <f:selectItems value="#{dropdownView.countries}" />
            </p:selectOneMenu>

            <p:outputLabel for="city" value="City: " />
            <p:selectOneMenu id="city" value="#{dropdownView.city}" style="width:150px">
                <f:selectItem itemLabel="Select City" itemValue="" noSelectionOption="true" />
                <f:selectItems value="#{dropdownView.cities}" />
            </p:selectOneMenu>

            <p:outputLabel for="debug" value="Debug: " />
            <p:inputText id="debug" value="#{dropdownView.debug}"/>
        </h:panelGrid>
...

Ajax调用的作品，当我更新的目标是debug我的inputText更新，但是当我的更新目标city的selectOneMenu不是。

这是一个错误吗？我在滥用移动方面吗？对此文档似乎很匮乏。

编辑

在inputText不包括在源极，进行校正。