Jquery - como adiciona-lo

[Paulo H Araujo, modificado 13 Anos atrás.]

percorri todo o forum e não encontrei uma solução que desse certo para incluir o jquery no Liferay 6.0 . Quem puder me ajudar com links, artigos ou um tutorial, eu agradeceria!

Att.

Paulo H. Pires
Web Developer

[Bruno Basto, modificado 13 Anos atrás.]

Oi Paulo,

Qual o problema ao adicionar o jquery ao Liferay 6?

Você ja tentou a opção: noConflict (http://api.jquery.com/jQuery.noConflict/) ?

[Paulo H Araujo, modificado 13 Anos atrás.]

boa tarde Bruno, na verdade eu sou iniciante no Liferay, então gostaria de saber o "inicio" da implementação do jquery no liferay.

Obg pela atenção.

[Bruno Basto, modificado 13 Anos atrás.]

Boa tarde Paulo,

Primeiro passo é baixar o release do jquery que você deseja, o último é este: http://code.jquery.com/jquery-1.5.min.js

Depois que você criar seu portlet você pode adicionar uma pasta como por exemplo: docroot/js e colar o arquivo jquery.js nela.

Depois disso é só você adicionar mapear o caminho para o seu arquivo do jquery no arquivo liferay-portlet.xml

Ex.:

<portlet>
<portlet-name>MyjQueryPortlet</portlet-name>
<icon>/images/jquery.png</icon>
<header-portlet-css>/css/style.css</header-portlet-css>
<header-portlet-javascript>/js/jquery.js</header-portlet-javascript>
</portlet>

Aqui tem um exemplo de um simple portlet usando jquery com a versao 6 do liferay: http://liferay.cignex.com/palm_tree/book/0387/chapter11/sample-jquery-portlet-6.0.2.1.war

E aqui um post com informações detalhadas (em inglês) : http://www.liferay.com/web/jonas.yuan/blog/-/blogs/building-jquery-based-plugins-in-liferay-6

[Paulo H Araujo, modificado 13 Anos atrás.]

Bruno, muito obrigado pela ajuda cara!


e onde eu coloco esse portlet? criei e editei, mas no painel de controle ele não apareceu.

Desculpe o incomodo, sou novo no Liferay e to buscando aprender mais sobre ele, e tambem to precisando dessa solução...

[Bruno Basto, modificado 13 Anos atrás.]

Olá Paulo,

você pode adicioná-lo clicando em Adicionar conteúdo no topo esquerdo do portal ou se você quiser que ele aparece no control panel você tem que adicionar as seguintes entradas no liferay-portlet.xml

<portlet>
<portlet-name>meuportlet</portlet-name>
<icon>/icon.png</icon>
<control-panel-entry-category>content</control-panel-entry-category>
<control-panel-entry-weight>8000</control-panel-entry-weight>
<control-panel-entry-class>br.com.paulo.portlet.meuportlet.util.MeuPortletControlPanelEntry</control-panel-entry-class>
<instanceable>false</instanceable>
<header-portlet-css>/css/main.css</header-portlet-css>
<footer-portlet-javascript>/js/main.js</footer-portlet-javascript>
<css-class-wrapper>meu-portlet</css-class-wrapper>
</portlet>

recomendo que você baixe o codigo fonte do liferay para poder ter melhores exemplos.

Até

[Paulo H Araujo, modificado 13 Anos atrás.]

Muito obrigado pela ajuda, atenção e principalmente paciencia!

mas eu tenho uma ultima duvida sobre portlet com jquery. O portlet apareceu para mim no ADD APLICATION, mas não veio o conteudo do jquery. eu baixei o codigo do jquery, coloquei na pasta e nada.

Mais uma vez peço desculpa pela ignorância e muito obrigado pela ajuda.

[Henrique Simoes de Andrade, modificado 13 Anos atrás.]

Oi,
Dá uma olhada nos plugins community do Liferay, tem alguns portlets de exemplo com jQuery que também podem ajuda-lo: http://www.liferay.com/downloads/liferay-portal/community-plugins/-/software_catalog/products?_98_tabs1TabsScroll=&_98_keywords=jquery&_98_type=.

Tem este Blog tbm: http://www.liferay.com/web/jonas.yuan/blog/-/blogs/5241428/maximized.

abçs

[Paulo H Araujo, modificado 13 Anos atrás.]

Obrigado galera!! muito bom funcionou 100%!!!