Difference between revisions of "JQuery and Bex"

Revision as of 10:15, 5 November 2014

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 jQuery we must make a small modification. jQuery allow you to modify the $ identifier to be a custom one, in order to avoid any issues with jQuery

var $JQ 			= 	jQuery.noConflict();			//	This line is required to make jQuery Play nice with bxp

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 $

 $JQ( "#strCDA_X_field_X_X" ).datepicker({
      numberOfMonths: 1,
	  changeYear: true,
	  dateFormat: 'yy-mm-dd',
      showButtonPanel: true
    });