Edit Item Form: Call function after commit (Custom Save Button)

Question

I have a custom Edit form in SP2013 where I want the Save button to do two things:

1. Commit changes
2. Call JavaScript function

The function in step #2 does several things including a workflow trigger. What I've done is hide the OOTB save button and create my own like so:

<input type="button" value="Send" onclick="javascript: {ddwrt:GenFireServerEvent('__commit')}; SendProject('http://site.com/subsite/Lists/Projects/{@ID}_.000');"/>

I think I'm close, but currently it's committing the changes then nothing. The form doesn't close and the second function never starts. I've tried it with and without the "javascript" identifier in front of the second function. Either call works by itself, so the issue is how I'm calling one after the other.

I also tried wrapping both in a function and calling the function on click, but the GenFireServerEvent doesn't seem to work from JavaScript.

After a few Google searches, I've found a couple of close ones, but no working solution yet. Any ideas what I'm doing wrong?

Answer 1

There is a JavaScript function in SharePoint called "PreSaveAction" that is fired just before the item is validated and saved. You can use this function to call your function. For example:

function PreSaveAction(){
    SendProject('http://site.com/subsite/Lists/Projects/{@ID}_.000');
    return true;
}

I've used PreSaveAction before for client side form validation and creating items in a different list. Please note, you might need to do your own validation because if the item fails server side validation your function will have run but the item will not be saved (causing the user to fix the validation error, hit save again, and running your function again).

Answer 2

Use your custom button to click the OOTB send button after you do whatever you want to do.

<input type="button" value="My Send" onclick="SendProject('http://site.com/subsite/Lists/Projects/{@ID}_.000');$('input[value=Send]').click();" />    
<input type="button" value="Send" onclick="javascript: {ddwrt:GenFireServerEvent('__commit')};" style="display:none" />

Not sure what your SendProject function does, but if you want to make sure it completes you can make it an ajax call and on the success click the OOTB button.

Answer 3

This does the trick

$("input[value='Save']").click()

You can add this code to button click event, don't forget referencing jquery library if you are adding in CE web part.