gpt4 book ai didi

java - JSF、jQuery 插件和精美的表单

转载 作者:行者123 更新时间:2023-12-01 05:54:29 26 4
gpt4 key购买 nike

我现在正在构建一个小网站,现在我面临一个问题:客户希望他的表单元素看起来“漂亮”,所以我们必须坚持设计。我用谷歌搜索jqTransform这完全符合我/他的需求。现在:我正在使用seam 和richfaces 来构建页面。我必须在我的表单上应用 jqTransform,但我有几个填充其他选择的选择,这会强制在我的表单元素上进行 reRender ,遗憾的是这些元素不再是“花哨”的样式。有没有办法让 jquery 插件再次应用到我的组件?

为了澄清这里是我的 xhtml 之一

<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>

最佳答案

当在第一个选择框中选择一个选项时,您可以(必须?)进行 ajax 调用,以填充另一个选择框。

参见Auto-populating Select Boxes using jQuery & AJAX有关如何使用 jQuery 执行此操作的示例。

关于java - JSF、jQuery 插件和精美的表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3522714/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com