Update controller variable from visualforce button/div onclick

Question

I am having issues with my visualforce page refreshing everytime I perform an onclick action? Any ideas

public without sharing class LMS_CaseNewEditController {

    public Boolean recordClicked        {get;set;}

    public void recordClicked() {
        recordClicked = true;
    }
}

On my visualforce page I have a apex:function, div class over an iframe and javascript function as below.

Javascript Function

function remove(){
    console.log('click');
    var x = document.getElementById("bar1");
    recordClicked();
    return x.parentNode.removeChild(x);
    }

Apex & div

<apex:actionFunction name="recordClicked" action="{!recordClicked}"></apex:actionFunction>
<div id="box" draggable="true" align="right" style="padding-right: 10px">
    <apex:outputPanel id="ILOSbutton" rendered="{!isDisplayRecorder}" >
        <div id="iFrameWrapper" class="holder">
             <div id="bar1" class="bar" onmousedown="remove()"></div>
                  <apex:iframe id="myFrame" src="{!iframeString}" height="40px" width="140px"></apex:iframe>
                  <label class="control-label col-xs-6" style="width: 300px;text-align: right" >{!$Label.ILOS_Help_Text}</label>
            </div>
        </apex:outputPanel>
     </div>

Essentially what should happen is the value should update on the controller side without refreshing the page. Any ideas?

Ok ive set it to false and the page no longer refreshes but the alert on the javascript function isn't working? — Nebbyyy
– Nebbyyy, Commented Oct 20, 2017 at 12:55
Your VF page uses isDisplayRecorder which is nowhere in the class. Do check the code once. Also as @RahulSharma pointed, the rerender is missing. — Sikha Baid
– Sikha Baid, Commented Oct 20, 2017 at 14:31

Dan Kowalski · Accepted Answer · 2017-10-20 14:19:14Z

2

Add the rerender property to the apex:actionFunction tag. in the rerender property you want to add the ID of the tag you want to rerender. That way the page won't refresh it will just rerender the specific tag. So your apex:actionFunction should look like this:

<apex:actionFunction name="recordClicked" action="{!recordClicked}" rerender="tagID"></apex:actionFunction>

answered Oct 20, 2017 at 14:19

Dan Kowalski

6864 silver badges16 bronze badges

Add a comment |

Stack Exchange Network

Update controller variable from visualforce button/div onclick

1 Answer 1

You must log in to answer this question.

Hot Network Questions

Update controller variable from visualforce button/div onclick

1 Answer 1

You must log in to answer this question.

Related

Hot Network Questions