Client side enable and show/hide

[jhaytko]

I'm trying this in the client side enable property for a UX button:
dialog.isDirty = true and {dialog.Object}._getOnlineStatus() = true

The isDirty part works of course but when I add the other it does not work. Is this a valid method? I'm testing with Nexus7, turning off the wi-fi. The other odd thing happening is that the button does disable on orientation change to landscape. Regardless of weather the wi-fi is on or off. I'm seeing the same effect from the show/hide property. Initial rendering and orientation change rendering is also messy but I guess that's another issue.

[TheSmitchell]

Re: Client side enable and show/hide

What doesn't work? Does it not update when the online status changes? It's possible that you need to manually update the show/hide part yourself. I don't know if Alpha adds any polling for javascript functions to see if their return value changed for the show/hide and enable properties.

[jhaytko]

Re: Client side enable and show/hide

This statement does not work in client side property "enable" or in "show/hide". {dialog.Object}._getOnlineStatus() = true
Maybe it doesn't or shouldn't. That's basically what I'm asking. Additionally I tried this in client side "oninitializcomplete" event

var obj = { con_status: {dialog.Object}._getOnlineStatus()};
{dialog.Object}.setStateInfo(obj);
alert('device is' + " " + {dialog.Object}.stateInfo.con_status);

This always alerts "device is true". Regardless of the connection state or even if the wi-fi is turned off. Testing as an installed app.

In the end what I'm trying to accomplish is writing a javascript function that either does a {dialog.object}.submit() (when connected) or localStorage.setItem() (when no connection). Seemed simple enough. Both parts of the function work. The part that doesn't is the testing for a connection. Someone out there must have done something like this.???

[frankiez]

Re: Client side enable and show/hide

My observation is that _getOnlineStatus() only works correctly on mobile devices.
On my desktop, if I pull out the network cable, the function still returns true.

[Davidk]

Re: Client side enable and show/hide

I'm trying this in the client side enable property for a UX button:
dialog.isDirty = true and {dialog.Object}._getOnlineStatus() = true

The isDirty part works of course but when I add the other it does not work. Is this a valid method? I'm testing with Nexus7, turning off the wi-fi. The other odd thing happening is that the button does disable on orientation change to landscape. Regardless of weather the wi-fi is on or off. I'm seeing the same effect from the show/hide property. Initial rendering and orientation change rendering is also messy but I guess that's another issue.

I believe a better way of doing this is to call a function for your enable expression. You can pass in dialog.isDirty and, in the function, test your online status.
For testing purposes Alpha provides a method for simulating online/offline status.

Further, there is a client-side event, onConnectionChange, which you should use. In this event you'd put...

{dialog.Object}.refreshClientSideComputations();

(I wonder if there's a way to refresh just one Watch event... just refresh the enable expression on the button.)

Your button enable expression would be...

enableConnect(dialog.isDirty)

And the enableConnect function would be...

function enableConnect(dialogDirty){

	if(dialogDirty == true && {dialog.Object}._getOnlineStatus() == true){
		return true;
	}else{
		return false;
	}

}

Then you can use this on a couple of other buttons, on and off, to test it...

{dialog.Object}._setSimulatedOnlineStatus('off');