How to set parameters in managed bean from JavaScript in PrimeFaces

Question

I have two autocomplete fields as below. I swap the autocomplete values using a command button. I need to persist the swapped values.

    <p:column colspan="2" rendered="#{empty contactController.selectedContact}">
         <p:autoComplete id="contactName1" value="#{newContactRs.contact}"
                         completeMethod="#{contactRelationshipController.completeContacts}"
                         var="contact" itemLabel="#{contact.fullName}"
                         itemValue="#{contact}" converter="#{contactConverter}"
                         forceSelection="true" size="35" scrollHeight="200"
                         panelStyle="width:10px;">
              <p:ajax event="itemSelect" update="contactName1" />
          </p:autoComplete>
          <p:commandButton icon="ui-icon-arrow-2-e-w" id="flipButton" 
                           styleClass="ui-panel-titlebar-icon" oncomplete="swapInput()"              update="addNewContactRelationshipPanel" immediate="true"/>
          <smith:contactSelector value="#{newContactRs.contact}" update=":addContactRelationshipForm:addNewContactRelationshipPanel" triggerId="existingContactSelector1" resultList="#{contactRelationshipController.selectAllContact1}"/>
   </p:column>

   <p:column colspan="2">
        <p:autoComplete id="contactName2" value="#{newContactRs.relatedContact}"
                        completeMethod="#{contactRelationshipController.completeContacts}"
                        var="contact" itemLabel="#{contact.fullName}"
                        itemValue="#{contact}" converter="#{contactConverter}"
                        forceSelection="true" size="35" scrollHeight="200"
                        panelStyle="width:10px;">
             <p:ajax event="itemSelect" update="contactName2" />
         </p:autoComplete>
    <smith:contactSelector value="#{newContactRs.relatedContact}" update=":addContactRelationshipForm:addNewContactRelationshipPanel" triggerId="existingContactSelector2" resultList="#{contactRelationshipController.selectAllContact2}"/>
    </p:column>

On clicking the commandbutton with id "flipButton" following javascript is called and it swaps the values of the autocomplete fields

function swapInput()
{
    var input_a =document.getElementById('addContactRelationshipForm:contactName1_input').value; 
    var input_b =document.getElementById('addContactRelationshipForm:contactName2_input').value;

    document.getElementById('addContactRelationshipForm:contactName1_input').value = input_b;
    document.getElementById('addContactRelationshipForm:contactName2_input').value = input_a;
}

After swapping the values am trying to persist the swapped values but original values are persisting instead of swapped values. I have to set the swapped values in the backing bean but am not sure how to do it, using javascript or primefaces.

Divyesh Kanzariya · Accepted Answer · 2017-10-27 10:43:21Z

1

You could use Preimefaces p:remoteCommand to execute managed bean methods. https://www.primefaces.org/showcase/ui/ajax/remoteCommand.xhtml

edited Oct 27, 2017 at 10:43

Divyesh Kanzariya

3,8093 gold badges48 silver badges47 bronze badges

answered Sep 12, 2013 at 3:52

Kishor Prakash

8,19112 gold badges68 silver badges95 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

ROMANIA_engineer · Accepted Answer · 2016-01-12 13:41:48Z

0

Change the commandButton as

<p:commandButton icon="ui-icon-arrow-2-e-w" 
                 id="flipButton" 
                 styleClass="ui-panel-titlebar-icon" 
                 oncomplete="swapInput()" 
                 update="addNewContactRelationshipPanel" 
                 immediate="true" 
                 process="@this" 
                 actionListener="#{contactRelationshipController.setSwapInputFlag()}"/>

and then check for the swapInputFlag while persisting the autocomplete fields.

edited Jan 12, 2016 at 13:41

ROMANIA_engineer

57.1k30 gold badges211 silver badges207 bronze badges

answered Sep 12, 2013 at 19:33

OTUser

3,85821 gold badges77 silver badges145 bronze badges

Collectives™ on Stack Overflow

How to set parameters in managed bean from JavaScript in PrimeFaces

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related