Custom Input Controls not working in Jasper Server 7.5 Community Edition

[nafiesa.allie]

Having upgraded from Jasper Server 7.1 to 7.5 (both are Community Editions), I find that the custom JSP files for Input Controls are not working.  The Input Dialogue was modified in 7.1 with the help of custom JSP's to have a number of tabs/panels with different sets of input controls within each tab.  In 7.5, the headers of the tabs are displayed, but they are all non-clickable, and the body of the left-most tab (the only one that is visible) has no content.  See the attachment for more details.  The method implemented is according to this example:  https://community.jaspersoft.com/questions/972426/custom-input-controls-jasperserver-6x.  

Can anyone assist, please? 

[nafiesa.allie]

So it seems that 7.5.0 does not pick up jquery.js.  It is not listed in the browser console and the error that appears is

Uncaught ReferenceError: jQuery is not defined at...

Can anyone demystify this issue for me?

 

[nafiesa.allie]

Correction:  it seems that in JSR 7.1 jquery.js was preloaded.  So it was available for the introduction of the custom Input controls.  With JSR 7.5 however, jquery.js is not preloaded, so at the time the Input Control dialogue is displayed, jQuery is not available for use and the error is encountered.  Any help, please!!!

[nafiesa.allie]

It appears that jQuery is not pre-loaded in JSR 7.5 anymore (it was pre-loaded in JSR 7.1).  The solution was to introduce a timer in the custom jsp file that polls for the presence of jQuery.  I hope this answer helps someone.

 

E.g. 

function() {
    var a = setInterval( function() {
        if ( typeof window.jQuery === 'undefined' ) {
            console.log("----------jquery not loaded -------------------");
            return;
        }
        clearInterval( a );
        loadJQueryContent();
    }, 250 );