Disabled Field is enabed after ajax calls
Hi All ,
As per our business requirement ,we have to set the value for the fields and disabled fields on the UI so that the user cannot edit these.We cannot use the disabled condition for each field as the fields to disable change based on scenario and some business rules .Assume we have 5 fields on the screen A,B,C,D,E .Below are few scenarios's.
Scenario1 - A,B,C Fields should be disabled
Scenario 2- A,C,D Fields should be disabled .
We have implemented this and disabled the fields using java script and on load of the screen we are calling the function .below is the code
/*
document.getElementById(pname).setAttribute("disabled","");
*/
Issue :- Apart from these fields , there are other fields on the UI which has some events configured like post value/refresh section .Whenever these events gets triggered the fields are re-enabled unless we call the function in the script file to disable .
Is there a way we can achieve our business use case without the need to call the script on each and every field on the UI .
Thanks
Dinesh
***Updated by moderator: Lochan to update Categories***
Pegasystems Inc.
IN
Hi Dinesh,
Thanks for writing to PSC.
Please try this approach:
Write one function that contain all the logic for disabling the fields based on the conditions and use "run script" in the element(that have other actions like refresh section) to run that function.
For example:
I have 3 conditions on which some of fields from A,B,C,D,E should be disabled.
function disableEnable(){
switch (myCondition) {
case 1:
if (!document.getElementById('A').disabled) {
document.getElementById('A').disabled = false;
}
if (!document.getElementById('B').disabled) {
document.getElementById('B').disabled = false;
}
break;
case 2:
if (!document.getElementById('C').disabled) {
document.getElementById('C').disabled = false;
}
if (!document.getElementById('A').disabled) {
document.getElementById('A').disabled = false;
}
break;
case 3:
if (!document.getElementById('D').disabled) {
document.getElementById('D').disabled = false;
}
Hi Dinesh,
Thanks for writing to PSC.
Please try this approach:
Write one function that contain all the logic for disabling the fields based on the conditions and use "run script" in the element(that have other actions like refresh section) to run that function.
For example:
I have 3 conditions on which some of fields from A,B,C,D,E should be disabled.
function disableEnable(){
switch (myCondition) {
case 1:
if (!document.getElementById('A').disabled) {
document.getElementById('A').disabled = false;
}
if (!document.getElementById('B').disabled) {
document.getElementById('B').disabled = false;
}
break;
case 2:
if (!document.getElementById('C').disabled) {
document.getElementById('C').disabled = false;
}
if (!document.getElementById('A').disabled) {
document.getElementById('A').disabled = false;
}
break;
case 3:
if (!document.getElementById('D').disabled) {
document.getElementById('D').disabled = false;
}
if (!document.getElementById('E').disabled) {
document.getElementById('E').disabled = false;
}
break;
}
}
I hope this helps.
Thanks:
Gurpreet Kaur
JP Morgan Chase
IN
Thanks Gurpreet for the reply.As i stated in my original post ,i do have all the code in a js function .Function gets called on load of the screen .I have a lof ot fields on the UI with server events which makes it a maintenace issue to go an configure the script for all those fields .
One thing i noticed is that ,when you disable a field using the disable condition in Pega ,the field stays disabled even though you have AJAX events configured on other fields.Is there a way i can acheive the same functionality of disabling using JS .
Pegasystems Inc.
IN
I believe the best ( and safe ) way to handle it is by using when condition .
Have you tried implementing when condition for disabling / enabling the fields ? What is the outcome ?
JP Morgan Chase
IN
Hi Santanu ,
We have a lot of fields on the UI and if we go through the when condition route i have to create one when condition for each and every field on the UI .Also the field gets disabled on load of the screen using the custom java script function we have written .Only when the there is a refresh section or an AJAX call the fields are getting enabled .I tried using a when condition for disabling and it worked fine .
Thanks
Dinesh
Pegasystems Inc.
IN
Hi
Thank you for your reply.
First of all good to see that with when conditions it worked fine. However, you cant use when rule.
Now coming about your custom script not working fine .
Perhaps when your script is getting executed, the div elements are not yet finished loading . So it might be failing to identify the elements hence nothing is happening.
To detect this kind of behavior, please try to do browser level debugging to see when the script is getting executed and when the elements in the screen are coming up.
One quick option to check is whether introducing a delibarate delay in the script by using funcitons like setTimeout() helps or not.
JP Morgan Chase
IN
Hi Santanu,
The script is indeed working as the fields are getting disabled on load .The real problem is that there are other fields on the screen which have ajax events configured like refresh section etc and the only option i have is to call this script function on every ajax call that is configured for each and every field .I cannot have a custom control as my ajax events differ from field to field.
Thanks
Dinesh