1
我正在構建一個小型網站，現在我面臨一個問題：客戶希望他的表單元素看起來「花哨」，所以我們必須堅持設計。我搜索了jqTransform，完全符合我/他的需求。現在：我正在使用seam和richfaces來構建頁面。我必須將jqTransform應用到我的表單上，但是我有幾個選擇填充其他選擇，這會強制我的表單元素上的reRender，這些表單元素已經不再「花哨」了。有沒有辦法讓jquery插件再次應用到我的組件？JSF，jQuery插件和花哨的表格
在這裏說明的是我的xhtmls
<ui:define name="body">
<h:form id="nextForm">
<rich:panel >
<f:facet name="header">Profil</f:facet>
<a:outputPanel id="profilPanel">
<s:decorate id="techTypeField" template="layout/edit.xhtml">
<ui:define name="label">Chosse Tech</ui:define>
<h:selectOneRadio id="techTypeCheckbox" value="#{Profil.technologyType}" required="true" immediate="true">
<s:selectItems value="#{Profil.technologyTypes}" var="elem" label="#{elem.name}" id="typeId"/>
<s:convertEntity/>
<a:support event="onchange" reRender="profilPanel" ajaxSingle="true"/>
</h:selectOneRadio>
</s:decorate>
<s:decorate id="productLineField" template="layout/edit.xhtml" rendered="#{Profil.technologyType.productLines.size > 0}">
<ui:define name="label">Choose Product</ui:define>
<h:selectOneMenu id="productLinesCheckbox" value="#{Profil.productLine}" required="true" immediate="true" styleClass="dropdown">
<s:selectItems value="#{Profil.technologyType.productLines}" var="productLine" label="#{productLine.id.id}" id="productlineId" noSelectionLabel="Choose"/>
<s:convertEntity/>
<a:support event="onchange" reRender="profilPanel" ajaxSingle="true" />
</h:selectOneMenu>
</s:decorate>
<s:decorate id="machineField" template="layout/edit.xhtml" rendered="#{Profil.productLine.machines.size > 0}">
<ui:define name="label">Choose Machine</ui:define>
<h:selectOneMenu id="machinesCheckbox" value="#{Profil.machine}" required="true" styleClass="dropdown">
<s:selectItems value="#{Profil.productLine.machines}" var="machine" label="#{machine.machine}" id="machineId" noSelectionLabel="Choose"/>
<s:convertEntity/>
</h:selectOneMenu>
</s:decorate>
</a:outputPanel>
<div style="clear:both"/>
</rich:panel>
<div class="actionButtons">
<h:commandButton id="next" value="Weiter zu SERVICES"
action="#{Profil.next}" styleClass="button_next"/>
</div>
</h:form>
</ui:define>