How To Automatically Submit Dialog After Image Upload

[Justin Taylor]

Hello,

I have the need to automatically submit an uploaded image (using Phonegap Build/Cordova) in a data bound dialog once the image has been successfully uploaded.

Currently a user must do the following to capture a photo:
- Click button 1 to navigate to a panel card with an embedded dialog
- Click button 2 to bring up device's camera
- Click button 3 to accept the captured photo
- Click button 4 to submit the record

Obviously button clicks 1-3 are a must, but I'd love to do away with #4...

It would seem that the After upload event tied to the Image Upload Javascript Action would be a nice way to perform a simple {dialog.object}.submit(); but I'm finding that both the Server & Client-side events associated with Image Upload will not fire if the Application Type is set to 'Mobile'.

So my next option seems to be the dialog-level client-side events: onStateChange or onDataStateChange. It seems like I should be able to use javascript to test that both the dialog is dirty and that there is indeed a photo that has been uploaded to the server, but alas, the closest I've been able to get to my goal using this approach is one valid photo submission followed by about 3 db inserts per second until I kill the app. Yikes!

So am I trying to achieve the impossible here, or just barking up the wrong tree so far?

Thanks in advance!
Justin Taylor

[-Jinx-]

Re: How To Automatically Submit Dialog After Image Upload

Are you setting a field in the DB that's bound to your dialog with your image location/binary data?
If so, you could just fire a submit in the onChange event for that field.

[Justin Taylor]

Re: How To Automatically Submit Dialog After Image Upload

Are you setting a field in the DB that's bound to your dialog with your image location/binary data?
If so, you could just fire a submit in the onChange event for that field.

Yes I have a very simple dialog containing an Image control called 'Photo_Image' and both the dialog and controls contained within are bound to a MySQL table. I have found the onChange event very useful in the past however in this case the onChange event does not fire for my image control when a photo is uploaded. I tested this by placing an ajax callback on the onChange event in my image control which calls the following:

function PhotoImgOnChangeEvent as c (e as p)

file.append_line("C:\test.txt","PhotoImgOnChangeEvent fired")
PhotoImgOnChangeEvent = "{dialog.object}.submit();"

end function


Neither did the file.append_line text make it's way into C:\test.txt nor was the dialog submitted. I noticed that Alpha's help text associated with the onChange event mentions that 'some elements do not have this event' so I'd imagine that an image control is an example of this phenomena.

Thanks for the suggestion Jinx, however the search continues...
Justin Taylor

[-Jinx-]

Re: How To Automatically Submit Dialog After Image Upload

If you are using an xbasic function to rename the file or anything like that, you can submit it from there as well.
Do exactly what you did in the code in your last post at the end of the function.

As for your original problem. You may be able to take care of it by getting a pointer to the parent window. Most likely, that's why the functions aren't firing properly. As a matter of fact, I believe there is something pertaining to that in the function prototype notes or builder for the upload action.

Here are the notes:

'If you want to send any Javascript back to the browser to execute after this event has completed, you can set this property:
'e.javascript 
'EXTREMELY IMPORTANT - The Javascript that is sent back to the browser is executed in the context of the IFrame that contains the File Select window.
'Therefore, in order for the Javascript you send back to invoke methods of the Dialog object, you must prefix all methods with 'window.parent'.
'For example: window.parent.{dialog.object}.setValue('CONTROL1','VALUE1');

Here's an example line of code from one of my upload functions (this is the after upload xbasic in the file upload action javascript builder)

e.javascript = "window.parent.{dialog.object}.setValue('LOCATION:','"+js_escape(nwn)+"');"

So, your code might look like:

window.parent.{dialog.object}.submit();

[Justin Taylor]

Re: How To Automatically Submit Dialog After Image Upload

If you are using an xbasic function to rename the file or anything like that, you can submit it from there as well.
Do exactly what you did in the code in your last post at the end of the function.

As for your original problem. You may be able to take care of it by getting a pointer to the parent window. Most likely, that's why the functions aren't firing properly. As a matter of fact, I believe there is something pertaining to that in the function prototype notes or builder for the upload action.

Hello Jinx,

Perhaps we've misunderstood each other, I'm using the 'Image Upload' Javascript action rather than 'File Upload' and the problem isn't that my xBasic won't submit the dialog, but rather that I can't find any client-side or server-side events that I can use to submit the dialog at the appropriate time (ie right after an image has been uploaded to the server using Cordova/PhoneGap). In the example I provided above, the ajax callback was never made because the onChange event never fired which I proved by including the file.append_line() code.


Thanks,
Justin Taylor

[-Jinx-]

Re: How To Automatically Submit Dialog After Image Upload

Maybe so, sorry if I'm getting on the wrong track. I've been experimenting with phonegap but I haven't delved into getting photos from the device yet. I looked into the image upload function. I'm still thinking that it's worth a try to point to the parent window and try:

window.parent.{dialog.object}.submit();

in your After Upload event. I'll try to test it out myself.

[Justin Taylor]

Re: How To Automatically Submit Dialog After Image Upload

Maybe so, sorry if I'm getting on the wrong track. I've been experimenting with phonegap but I haven't delved into getting photos from the device yet. I looked into the image upload function. I'm still thinking that it's worth a try to point to the parent window and try:

window.parent.{dialog.object}.submit();

in your After Upload event. I'll try to test it out myself.

I'll save you some time, check out posts 7 & 8(by DavidK & TheDuke) here:
http://msgboard.alphasoftware.com/al...+mobile+events


Basically the bottom line is that those events tied to Image Upload will not fire if Application Type = Mobile.

~Justin Taylor