Liferay + JQuery

Liferay od verze 6.0 neobsahuje JQuery (místo toho používá AlloyUI, které je postavené na YUI). Jak použít JQuery ve vlastních portletech? Máme několik možností:

Pokud chcete JQuery používat jenom v některých portletech, pak přidejte k příslušnému portletu do liferay-portlet.xml toto:

<header-portlet-javascript>
   http://code.jquery.com/jquery-1.9.1.min.js
</header-portlet-javascript>

Poznámka: Tento tag se může opakovat (například při použití JQuery a dalších pluginů například z JQuery UI). Také zde nemusí být http odkaz, ale relativní cesta dovnitř portlet aplikace. Také si dávejte pozor kam tento tag umístíte, v liferay-portlet.xml záleží na pořadí tagů!

Pokud chcete JQuery používat v daleko větším množství, pak přidejte odkaz na JQuery dovnitř Vašeho theme. Tím pádem bude JQuery k dispozici automaticky na všech stránkách portálu, které používají toto theme. Přidejte do portal_normal.vm tento řádek:

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

Poznámka: Opět zde můžete mít relativní cestu dovnitř vašeho theme.

Pokud nemůžete použít žádný z výše uvedených přístupů, pak můžete použít JQuery ad-hoc ve Vašem portletu tímto způsobem:

AUI().use('get', function(A){
A.Get.script('http://code.jquery.com/jquery-1.9.1.min.js', {
     onSuccess: function(){
         // jQuery() can be used in here...
      }
}); });