Modals and DataTables

JLyon60

In my application, I'm using the Responsive view (Bootstrap modal) to display child row information. The modal contains 3 buttons, each of which go to a separate function (a small Cancel function, a "save data" function, and a function in which I want to hide/close the existing modal (generated by a render function in my table initialization) and display a new modal containing a form to collect some info from the user and then go through normal form submission processing.

I'm following the Bootstrap 3.3.7 documentation, but it appears that even though I have code to hide the modal generated by the renderer, and syntactically correct JavaScript code for the new modal, followed by a jQuery("#myModal").modal ("show"), the show isn't working because the relatedTarget is null.

Is what I'm trying to do not possible (close the modal created by the DataTables renderer and display a totally different modal?), or is there something I'm missing in my approach (possibly with event management)?

(Code to follow later when I can put together a jsfiddle)