How to call the controller Value in Javascript?

Question

I want to display Popup Window in Edit Mode only, not in Read only.Could you tell me code or Suggestion ?

My Code :

Java script :

function popup(){


  var conf=confirm(" Would you like to copy Service Options of Unit Type")

 if(conf==true){

                document.getElementById("{!$Component.iscopy}").value='true';
            }else{

                document.getElementById("{!$Component.iscopy}").value='false';
            }
        }

 </script>


<apex:commandButton action="{!sasm.selectPage}" value="{!ctrl.caption}"  onclick="popup()" 
                       rerender="frm" disabled="{!NOT(ctrl.isActive)}"

                                status="pagingStatus">                          
                            <apex:param value="{!ctrl.id}" name="pageName"/>
</apex:commandButton>

controller :

public Boolean canBeEdited {
   get { 

if (aprove!=null && aprove.isInApproval)  
              {

                return false;
                }
                else{

            return true;
            }
        }
    }

Answer 1

Its a little difficult to be certain here, due to the small amount of code posted, but if what you want is to only display the popup if the controller property 'canBeEdited' is true, the following will do that:

function popup() {
    if ('true'=='{!canBeEdited}') {
        var conf=confirm(" Would you like to copy Service Options of Unit Type");

        if(conf==true){
                document.getElementById("{!$Component.iscopy}").value='true';
        }else{
                document.getElementById("{!$Component.iscopy}").value='false';
        }
    }
}

Note that this will pull the value of 'canBeEdited' at the time the page was rendered - if you do anything in your page to update that value without regenerating the entire page you may encounter problems.