[SalesForce] Command button display control

I have two command buttons (say A , B). I want when A is clicked then only B would be shown. When B clicked then it would be hidden again. Is this achievable ? Please find my page below.

Page snippet:

 <apex:panelGrid columns="3" >
        <apex:inputFile value="{!csvFileBody}"  />

        <apex:actionRegion >  
             <apex:commandButton value="Check updates" action="{!readcsvFile}" />  
        </apex:actionRegion>
        <apex:pagemessages id="errmsg"/>
        <apex:commandButton value="Reload file" action="{!reset}" onclick="window.location.reload();" rendered="{!sObjectList.size!=0}" />                

 </apex:panelGrid>

Best Answer

Update Vf as below

<apex:commandButton value="Check updates" action="{!readcsvFile}" />
<apex:commandButton value="Reload file" action="{!reset}" onclick="window.location.reload();" rendered="{!AND(sObjectList.size!=0,showReload)}" />

Take a boolean in your controller as below

public class mycontroller{
    public boolen showReload{get;set;}

    public mycontroller(){
         showReload=false;
    }
     public pagereference readcsvFile(){
        showReload=true;
        return null;
     }         
}

Related Solutions

[SalesForce] Best way to prevent form to be submitted more than once

This question have many relevant info.

Generally speaking most browser compatible would be the use of apex:actionStatus . Something like this.

<apex:actionStatus id="saveStatus">
<apex:facet name="stop">
    <apex:commandButton value="Save" action="{!save}" status="saveStatus" rerender="saveParentBlock" />
</apex:facet>
<apex:facet name="start">
    <apex:commandButton value="Saving..." disabled="true" status="saveStatus"/>
</apex:facet>
</apex:actionStatus>

But i personally prefer the use of javascript. This way.

function disableBtns(){
     $j('.btn').prop({className:'btnDisabled',disabled:'disabled'});
 }
 function enableBtns(){ 
     $j('.btnDisabled').removeProp('disabled');
     $j('.btnDisabled').prop('className','btn');
 }
<apex:actionFunction name="saveAndNew" action="{!saveAndNew}"/>
<input type="button" class="btn" value="{!$Label.SaveAndNew}" onclick="disableBtns();saveAndNew();" />

[SalesForce] Command button and Action Function

It won't work like this and here is why: Your action in the actionFunction returns a pagereference. But you also specify a rerender (Which you need to pass the parameter). This rerender prevents the page from redirecting because it rerenders a non-existing part of the page.

What you can do is not use an actionfunction but change the commandButton to:

<apex:commandButton action="" value="NEXT">
    <apex:param name="p1" assignTo="{!linkclicked}" value="ContactDetailsPage" />
</apex:commandButton>

Just another thought that just popped in my head about your original code you put in your question: You might try to put somewhere in your page:

<apex:outputPanel id="hiddenPannel" style="display:none;" />

And change the rerender="none" to rerender="hiddenPannel"

Best Answer

Related Solutions

[SalesForce] Best way to prevent form to be submitted more than once

[SalesForce] Command button and Action Function

Related Topic