cannot bind to Sharepoint Modal Button with jQuery

Question

I am attempting to bind to the file attachment OK button which has an id of c100_PlaceHolderMain_btnOK.

I've tried

$('#ct100_PlaceHolderMain_btnOK').click(function() {

});

and

$(document).on('click', '#ct100_PlaceHolderMain_btnOK', function(e) {

});

but neither works, the functions never get called when the button gets clicked. Specifically I want to trigger the SPshowWaitWithNoClose to show when the user hits OK and then close once the result returns in the callback.

How can I get this working and why isn't jQuery able to bind to the button?

Do you declare this button in your server code (page, web part, user control)? Try to set onclick attribute. Are there some errors in console log? — Semushin Dmitrii
– Semushin Dmitrii, Commented Nov 10, 2017 at 6:35
No this is the button from the SP File Attachment modal which is gotten by calling SP.UI.ModalDialog.showModalDialog(options) and in the options object, the url is _spPageContextInfo.webAbsoluteUrl + "/_layouts/Attachfile.aspx?ListId=" + engListGUID + "&ItemId=" + row.ID; So its the "OK" Button in the modal that pops up from that url — MattE
– MattE, Commented Nov 10, 2017 at 6:38
Just noticed the dialog is nested inside an iFrame so I assume this makes it trickier since its technically a webpage basically opened as a modal — MattE
– MattE, Commented Nov 10, 2017 at 6:44

Semushin Dmitrii · Accepted Answer · 2017-11-10 06:47:55Z

0

Your JS code applies for your main page, but not for new modal dialog. If you want to continiue use modal dialog, try to get DOM of this page. Something like this:

//wait for modal loaded
setTimeout(myFunction, 400);
function myFunction(){
  dialog = SP.UI.ModalDialog.get_childDialog();
  $(dialog.$e_0).find("#buttonId").on("click", fucntion(){alert()})
}

answered Nov 10, 2017 at 6:47

Semushin Dmitrii

3801 silver badge8 bronze badges

error: object does not support method get_childDialog();

MattE
– MattE

2017-11-10 07:02:30 +00:00
Commented Nov 10, 2017 at 7:02
Assign method call to variable: var dialog = SP.UI.ModalDialog.showModalDialog(options); then work with this variable as shown above. Also, take a point that setTimeout is not good idea too, because modal dialog can open in 200 ms or 2 seconds, when timout is 400ms. And your function can call when modal page DOM is not ready.

Semushin Dmitrii
– Semushin Dmitrii

2017-11-10 07:18:01 +00:00
Commented Nov 10, 2017 at 7:18
I'm exploring an option to use the IFrame.contents which should then give me access to its DOM...I should be able to us the .on('load') event to wait for it to load and then find the element I need...I will test this out and see what happens...

MattE
– MattE

2017-11-10 07:26:16 +00:00
Commented Nov 10, 2017 at 7:26

Add a comment |

Stack Exchange Network

cannot bind to Sharepoint Modal Button with jQuery

1 Answer 1

Your Answer

Hot Network Questions

cannot bind to Sharepoint Modal Button with jQuery

1 Answer 1

Your Answer

Sign up or log in

Post as a guest

Related

Hot Network Questions