399
edits
Changes
From All n One's bxp software Wixi
JQuery and Bex
== Overview ==
To use JQuery within bxp we need to modify the jQuery identifier, we need to do this as bxp uses the Prototype library. The Prototype Library uses the $ identifier just like JQuery and because the Prototype library is referenced before the jQuery. Jquery allow you to modify the $ identifier to be a custom one, inorder to avoid any issues with jQuery
<syntaxhighlight lang="JavaScript">
var $JQ = jQuery.noConflict(); // This line is required to make jQuery Play nice with bxp
</syntaxhighlight>
The above line must be the first line in your custom JavaScript code in order for it to work. When referencing a Jquery function you should use the custom identifier $JQ instead of $
<syntaxhighlight lang="JavaScript">
$JQ( "#strCDA_X_field_X_X" ).datepicker({
numberOfMonths: 1,
changeYear: true,
dateFormat: 'yy-mm-dd',
showButtonPanel: true
});
</syntaxhighlight>
To use JQuery within bxp we need to modify the jQuery identifier, we need to do this as bxp uses the Prototype library. The Prototype Library uses the $ identifier just like JQuery and because the Prototype library is referenced before the jQuery. Jquery allow you to modify the $ identifier to be a custom one, inorder to avoid any issues with jQuery
<syntaxhighlight lang="JavaScript">
var $JQ = jQuery.noConflict(); // This line is required to make jQuery Play nice with bxp
</syntaxhighlight>
The above line must be the first line in your custom JavaScript code in order for it to work. When referencing a Jquery function you should use the custom identifier $JQ instead of $
<syntaxhighlight lang="JavaScript">
$JQ( "#strCDA_X_field_X_X" ).datepicker({
numberOfMonths: 1,
changeYear: true,
dateFormat: 'yy-mm-dd',
showButtonPanel: true
});
</syntaxhighlight>
