Question
Pegasystems Inc.
JP
Last activity: 25 Jun 2020 2:23 EDT
Multiple select is allowed for Repeating Dynamic Layout
Hi,
This is an issue with Radio Button on Grid. I am using Repeating Dynamic Layout for repeating an entire section. I am simply trying to build a UI where user can select only 1 out of this repeating Grid but PRPC is allowing multiple select. I tried the following 3 radio button controls but none of them works. I know radio button does not work well with Repeating Grid but it is even worse with Repeating Dynamic Layout.
1. pzGridRadioButton => Multiple selection is allowed (which is not correct behavior for radio button nature)
2. pyRadiobuttonsSelectable => Radio button won't even show up on UI at runtime
3. pxRadioButtons => Shows two radio buttons (True & False) for one Dynamic Layout (I just need one radio button without value)
I was advised to build a customized Java Script code or activity but actually none of them worked well in the past. Is there any stable code that works fine with above situation?
https://pdn.pega.com/support-articles/events-radio-buttons-are-not-triggered
Thanks,
Wipro
US
Updated: 25 Jun 2020 2:08 EDT
Pegasystems Inc.
JP
It is not working for me. Can you please review what I am doing wrong? Are these rule's name all arbitrary?
Pegasystems Inc.
JP
Here is the update. I looked into this by Fiddler and I figured the JavaScript function which should get fired onClick event was throwing an error as function is not defined. Instead of adding this Java Script file to Perform Harness, I added it to UserWorkForm HTML Fragment and it started to work. So now, I was able to set only Dynamic Layout clicked is selected and others are not selected on UI level, but a new problem is, on clipboard it is not refreshed.. I need to get these true/false to be accurate and refreshed on the same page before submission. OnChange event with Refersh This Section is not working. Do I still need to enhance this Java Script to fix this trouble? If possible, how?
Thanks,
Wipro
US
I did not try this.
But you can extend above script and add below details to refresh the section containing dynamic repeating layout. (it will be temporary solution)
var sectionNode = pega.u.d.getSectionByName("SectionName", "")
if (sectionNode) {
pega.u.d.reloadSection(sectionNode, 'DoNothing','', true, true, '-1', false);
}
By adding this the custom control becomes non reusable as section name to be hard coded for refresh.
Need to check for some alternative approach for handling this.
If you find any solution please let me know.
Thanks,
Ananda Bhat
EPAM Systems, Inc.
ES
Refer these as well :- https://community.pega.com/support/support-articles/radio-buttons-grid-0
This has an implementation of similar use-case but contains description about an issue posting value on clipboard associated with radio button in repeat grid.
Pegasystems Inc.
JP
This query is about "Repeating Dynamic Layout" and NOT "Repeating Grid". Are you sure these ADVANCED CONFIGURATION including "Run activity before grid update" is available for Repeating Dynamic Layout? Can you please doulecheck and let me know?
Thanks,
Hi,
You can create a custom control with below details. It is just an extension of pzGridRadioButtons.
<pega:save name="strRefName" ref="$this-name" />
<pega:save name="strValue" ref="$this-value" />
<pega:include name="Messages"/>
<%
String output = tools.getSaveValue("strRefName").replaceAll("[\\d]" , "");
%>
<input type="hidden" name="<p:r n='$this-name'/>" value="false"/>
<input type=radio name="<p:r n='$this-name'/>"
onclick="setOtherRadioToFalse(this, event );" value="true"
<pega:when test='$this-value=="true"'>
checked="true" id = "<%=output%>"
</pega:when>
<pega:choose>
<pega:when test="$mode-input">
</pega:when>
<pega:otherwise>
disabled="disabled"
</pega:otherwise>
</pega:choose>
/>
Hi,
You can create a custom control with below details. It is just an extension of pzGridRadioButtons.
<pega:save name="strRefName" ref="$this-name" />
<pega:save name="strValue" ref="$this-value" />
<pega:include name="Messages"/>
<%
String output = tools.getSaveValue("strRefName").replaceAll("[\\d]" , "");
%>
<input type="hidden" name="<p:r n='$this-name'/>" value="false"/>
<input type=radio name="<p:r n='$this-name'/>"
onclick="setOtherRadioToFalse(this, event );" value="true"
<pega:when test='$this-value=="true"'>
checked="true" id = "<%=output%>"
</pega:when>
<pega:choose>
<pega:when test="$mode-input">
</pega:when>
<pega:otherwise>
disabled="disabled"
</pega:otherwise>
</pega:choose>
/>
include below script in a JS file and add it in the harness
<script>
function setOtherRadioToFalse(Obj, event){
var currentName = Obj.name;
if(typeof(Obj.id)=="undefined" || Obj.id=="")
Obj.id = currentName.replace(/[\d]/g, "");
var radioButtonsList = pega.util.Dom.getElementsById(Obj.id);
var len = radioButtonsList.length;
for(var i=0; i<len ; i++){
if(radioButtonsList[i]){
if(radioButtonsList[i].name != currentName){
radioButtonsList[i].checked = false;
}
}
}
}
</script>
Please let me know if you find any other easy way to handle it.
Hope it helps.
Thanks,
Ananda Bhat