JSF Ajax 渲染丢失 CSS 与 Jquery Mobile [英] JSF Ajax render lose CSS with Jquery Mobile
问题描述
我正在使用 ajax 使用 Jquery Mobile 进行编程，这很好，直到我尝试使用 ajax 来呈现某些内容:(
当我选择另一个 h:selectOneMenu 时，我尝试执行 h:selectOneMenu 刷新项目，并将其放入 h:panelGroup 中以工作.但是，当执行ajax，更新panelGroup时，selectOneMenu失去了JM css，变得丑陋.
我使用的是 jsf 2.2 和 Jquery Mobile 1.4 Beta
之前:
之后:
这是我的页面.我猜这个 bean 不符合要求，因为 ajax 正在工作并且 selectonemenu 正确呈现项目.问题只是css:
<div data-role="内容" ><h:messages id="mensagem_verificacao" showDetail="false" style="color: red;"/><h:form id="f_meta_cadastro" ><f:passThroughAttribute name="data-ajax" value="false"/><h:selectOneMenu id="select_ano" value="#{metaWEB.meta.ano}" valueChangeListener="#{metaWEB.onChange_Ano}" ><f:passThroughAttribute name="data-native-menu" value="false"/><f:passThroughAttribute name="data-shadow" value="false"/><f:passThroughAttribute name="data-corners" value="false"/><f:selectItem itemLabel="Ano" itemValue="0" ><f:passThroughAttribute name="data-placeholder" value="true"/></f:selectItem><f:selectItems value="#{metaWEB.anoCadastro}" var="ano" itemLabel="#{ano.toString()}" itemValue="#{ano}"/><f:ajax execute="select_ano" render="ds_meta"/></h:selectOneMenu><h:selectOneMenu id="select_mes" value="#{metaWEB.meta.mes}" valueChangeListener="#{metaWEB.onChange_Mes}" ><f:passThroughAttribute name="data-native-menu" value="false"/><f:passThroughAttribute name="data-shadow" value="false"/><f:passThroughAttribute name="data-corners" value="false"/><f:selectItem itemLabel="Mês" itemValue="-1" ><f:passThroughAttribute name="data-placeholder" value="true"/></f:selectItem><f:selectItems value="#{metaWEB.mes}" var="mes" itemLabel="#{mes.nm_mes}" itemValue="#{mes.cd_mes}"/><f:ajax execute="select_mes" render="select_dia_inicio select_dia_fim"/></h:selectOneMenu><h:panelGroup id="select_dia_inicio" layout="block" ><h:selectOneMenu value="#{metaWEB.dia_inicio}" ><f:passThroughAttribute name="data-native-menu" value="false"/><f:passThroughAttribute name="data-shadow" value="false"/><f:passThroughAttribute name="data-corners" value="false"/><f:selectItem itemLabel="Inicio" itemValue="0" ><f:passThroughAttribute name="data-placeholder" value="true"/></f:selectItem><f:selectItems value="#{metaWEB.lista_dias}" var="dia_inicial" itemLabel="#{dia_inicial}" itemValue="#{dia_inicial}"/></h:selectOneMenu></h:panelGroup><h:panelGroup id="select_dia_fim" layout="block" ><h:selectOneMenu value="#{metaWEB.meta.dia_fim}" ><f:passThroughAttribute name="data-native-menu" value="false"/><f:passThroughAttribute name="data-shadow" value="false"/><f:passThroughAttribute name="data-corners" value="false"/><f:selectItem itemLabel="Fim" itemValue="0" ><f:passThroughAttribute name="data-placeholder" value="true"/></f:selectItem><f:selectItems value="#{metaWEB.lista_dias}" var="dia_fim" itemLabel="#{dia_fim}" itemValue="#{dia_fim}"/></h:selectOneMenu></h:panelGroup><h:inputText id="ds_meta" style="text-transform: uppercase;"value="#{metaWEB.meta.ds_meta}" ><f:passThroughAttribute name="placeholder" value="Decrição"/></h:inputText></h:form>
</h:body></ui:composition>
先谢谢了^^
[已解决]
我用这段代码来解决:
