JSF, jQuery плагин и модные формы - PullRequest
Новая
       12

JSF, jQuery плагин и модные формы

1 голос
/ 19 августа 2010

В настоящее время я создаю небольшой сайт, и теперь я столкнулся с проблемой: клиент хочет, чтобы его элемент формы выглядел "модно", поэтому мы должны придерживаться дизайна. Я гуглил jqTransform , что полностью соответствует моим потребностям. Теперь: я использую шов и richfaces для создания страниц. Я должен применить jqTransform к моим формам, но у меня есть несколько выборок, которые заполняют другие выборки, это заставляет reRender для моих элементов формы, которые, к сожалению, больше не в "причудливом" стиле. Есть ли способ снова применить плагин 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>

Ответы [ 2 ]

0 голосов
/ 13 апреля 2011

Я решил свою проблему, используя выпадающий элемент richface, который можно настроить так, как я искал.

0 голосов
/ 19 августа 2010

Вы можете (должны?) Сделать вызов ajax, когда в первом поле выбора выбран вариант, чтобы заполнить другой.

См. Автоматическое заполнение полей выбора с использованием jQuery & AJAX для примера того, как сделать это с помощью jQuery.

...