How to disable action button after a certain xbasic code

[Reynaldi]

Hello! I have a grid with an action button named SAVE which i want to disable after a certain Xbasic code is complete, I've tried some ways i found but none seems to work.
In the action button I have ajax callback and inline javascript that runs serially with the code like:

{grid.Object}.submitGridPart();
{grid.Object}.refresh();

At first i tried using the enable expression on the action button properties and sets it into SESSION.FLAG = 0
Then at the xbasic called by ajax callback, I set SESSION.FLAG = 1 when the code is complete but it didn't work. So i tried adding into inline javascript after the refresh:

var btn = {dialog.object}.getControl('SAVE');
btn.setDisabled(true);

With no luck thinking I can'r put var there, I moved the code into a javascript action on the text mode and adding run action on the action button called after the inline javascript, but it didn't work either.
Is there any way to do this? Thank you.

[ferryk17]

Re: How to disable action button after a certain xbasic code

function setbuttondisabled as c (e as p)
dim js as c = <<%str%
document.getElementById("{grid.componentName}.ACTIONBUTTON.CALLXBASIC.G0").disabled = true;
%str%

setbuttondisabled = js
end function

Check picture to see how to reference specific button ID. Hope that helps.
2017-08-19_21h00_49.png

[Reynaldi]

Re: How to disable action button after a certain xbasic code

since my function aslo returns a message box if it's succeeded, so I add the command onto it like so

message = "A5.msgBox.show('Sukses!','<div style=\'padding: 10px;\'><font size=5 color=green><strong>Berhasil<strong></font></div>','none',function(){});document.getElementById('TBI_P_SCHEDULE_10617NNZE_P_PRDDLVFI_MPID_DLVPRESH_RIOP_LCS_PRDDLVMUT_DLVPRESD_KYLX_P1.ACTIONBUTTON.SAVE.G0').disabled = true;"
saveNG = message
'saveNG is the name of the function

but I got an error saying "unable to set property 'disabled' of undefined or null reference" to me it seems that the component doesn't recognize the ID I paste, but I don't think i copied the wrong ID for the button

here's the html for the button that I got

<button type="button" id="TBI_P_SCHEDULE_10617NNZE_P_PRDDLVFI_MPID_DLVPRESH_RIOP_LCS_PRDDLVMUT_DLVPRESD_KYLX_P1.ACTIONBUTTON.SAVE.G0" class="GrPurpleButton" title="" a5controlbound="true">Save</button>

[ferryk17]

Re: How to disable action button after a certain xbasic code

since my function aslo returns a message box if it's succeeded, so I add the command onto it like so

message = "A5.msgBox.show('Sukses!','<div style=\'padding: 10px;\'><font size=5 color=green><strong>Berhasil<strong></font></div>','none',function(){});document.getElementById('TBI_P_SCHEDULE_10617NNZE_P_PRDDLVFI_MPID_DLVPRESH_RIOP_LCS_PRDDLVMUT_DLVPRESD_KYLX_P1.ACTIONBUTTON.SAVE.G0').disabled = true;"
saveNG = message
'saveNG is the name of the function

but I got an error saying "unable to set property 'disabled' of undefined or null reference" to me it seems that the component doesn't recognize the ID I paste, but I don't think i copied the wrong ID for the button

here's the html for the button that I got

<button type="button" id="TBI_P_SCHEDULE_10617NNZE_P_PRDDLVFI_MPID_DLVPRESH_RIOP_LCS_PRDDLVMUT_DLVPRESD_KYLX_P1.ACTIONBUTTON.SAVE.G0" class="GrPurpleButton" title="" a5controlbound="true">Save</button>

1. try to remove your a5.msgbox() and see if it works or no
2. don't "hardcode" the button ID, just use {grid.componentName}, it will automatically resolved on browser
3. put the setDisabled js and message box to different variables, for example :
dim js1 as c = "document.getElementById("{grid.componentName}.ACTIONBUTTON.CALLXBASIC.G0").disabled = true; "
dim js2 as c = "A5.msgBox.show('Sukses!','<div style=\'padding: 10px;\'><font size=5 color=green><strong>Berhasil<strong></font></div>','none',function(){});"

saveNG = js1+js2

[Reynaldi]

Re: How to disable action button after a certain xbasic code

I tried removing the a5.msgbox(), using {grid.componentName} and all the combination with or without one and/or both of them but none seems to work.
But when I use {grid.componentName} on inline javascript, it works. The problem is if I use it in inline javascript, whatever happened if the xbasic succeeded or not, the button'll get disabled where I only want it to happened if the xbasic complete itself without any error.

[ferryk17]

Re: How to disable action button after a certain xbasic code

I tried removing the a5.msgbox(), using {grid.componentName} and all the combination with or without one and/or both of them but none seems to work.
But when I use {grid.componentName} on inline javascript, it works. The problem is if I use it in inline javascript, whatever happened if the xbasic succeeded or not, the button'll get disabled where I only want it to happened if the xbasic complete itself without any error.

The sample codes on post 2 is in XBasic and works fine.
1. Try use A5.executeThisThenThat() to split your 'a5.msgBox()' and 'ele.disabled = true'
2. You can add some validation to tell if the button need to disabled or enabled, for example :

if checkCondition = .t. then
js = <<%js%
function showMsg() {
a5.msgBox(xxxxx);
}

function disableButton() {
document.getElementById("{grid.componentName}.ACTIONBUTTON.CALLXBASIC.G0").disabled = true;
}

A5.executeThisThenThat(showMsg,disableButton);
%js%
else
js = "" 'nothing to do
end if

setButtonDisabled = js 'return javascript value