You need to sign in to do that
Don't have an account?
How to display checkbox values in modal popup window
Hi, Iam trying to place some checkboxes and trying to read those values in modal popup window, but my page is not recognising the actions.
Here is my code
<apex:outputPanel id="priModalPanelWrap" rendered="{!ap.pg.name == 'PRI Services'}">
<a href="#" id="modalButton{!p.b.Id}" class="actionLink">Select</a>
<apex:outputPanel rendered="{!ap.pg.name == 'PRI Services'}" >
<div id="theModal{!p.b.Id}" class="reveal-modal medium" style="width:320px;" >
<div style="line-height:18px; margin:0 0 20px; padding:0; border:0; font-weight:bold; font-size:13px; font-style:normal; text-align:left; display:block;">
<label style="font-size:14px;">Will this PRI be:</label>
<br />
<table border="1">
<tr border="1" class="dataRow even first" onblur="if (window.hiOff){hiOff(this);}" onfocus="if (window.hiOn){hiOn(this);}" onmouseout="if (window.hiOff){hiOff(this);}" onmouseover="if (window.hiOn){hiOn(this);}">
<td> </td>
<td> Higher Capacity Circuit </td>
<td class="actionColumn"><apex:inputCheckbox value="{!prihighcapacity}" id="checkyes">YES
<apex:actionSupport event="onclick" action="{!highcapacity}" rerender="PRIcapacity">
<!-- <apex:param name="selectedproductid" value="{!ap.pg.id}" assignTo="{!selectedproductid}" />-->
</apex:actionSupport>
</apex:inputCheckbox>
</td>
<td class="actionColumn"><apex:inputCheckbox value="{!prinohighcapacity}" id="checkno">NO
<apex:actionSupport event="onclick" action="{!nohighcapacity}" rerender="PRIcapacity">
<!--<apex:param name="selectedSiteABuildSiteId" value="{!epl.bs.Id}" assignTo="{!selectedSiteABuildSiteId}" />-->
</apex:actionSupport>
</apex:inputCheckbox>
</td>
</tr>
<tr>
</tr>
</table>
</div>
<a class="close-reveal-modal">×</a>
<apex:commandButton value="Submit" action="{!prioptions}"/>
</div>
</apex:outputPanel>
<script type="text/javascript">
jQuery(document).ready(function(jQuery) {
jQuery('#modalButton{!p.b.Id}').click(function(e) {
e.preventDefault();
jQuery('#theModal{!p.b.Id}').reveal();
});
});
</script>
</apex:outputPanel>
in the controller:
public string selectedproductid {get;set;}
public boolean prihighcapacity {get;set;}
public boolean prinohighcapacity {get;set;}
public void highcapacity() {
system.debug('we are in highcapacity module');
if(prihighcapacity == true){
prinohighcapacity = false;
}
system.debug('value in highcapacity is'+prihighcapacity);
system.debug('value in highcapacity is'+prinohighcapacity);
}
public void nohighcapacity(){
system.debug('we are in non-high capacity module');
if(prinohighcapacity == true){
prihighcapacity = false;
}
system.debug('value in highcapacity is'+prihighcapacity);
system.debug('value in highcapacity is'+prinohighcapacity);
}
public void prioptions() {
system.debug('in pri options method');
}
when i execute my page , when i click yes or no, it is not executing the actions and not displaying system.debug messages.
is it not possible to place checkboxses in modal window?
Hi
Try by adding immidaite =true
<td class="actionColumn"><apex:inputCheckbox value="{!prihighcapacity}" id="checkyes" immediate="true">YES
Did this post resolve your issue,If so please mark it solved so that others get benifited
Thanks
asish
Instead of using the merge fields for the id of "div" and <a> tag, use title to display the merge fields and give it a try.
try if your modal dialog is displaying or not. we can procedd from there.
Let me know if you have any concerns.
Thanks for the reply.Iam new to this salesforce and i didnt get what is the merge field.could you say it clearly please.
I was taking abt {!p.b.Id} you have used in the id.
Hi, I tried with title in div and a tag. the modal popup is opening but the actions associate with that checkboxes are not executing.i checked those actions by placing system.debug().