Foren

Home » Liferay Portal » English » 3. Development

Kombinierte Ansicht Flache Ansicht Baumansicht
Threads [ Zurück | Nächste ]
toggle
Laura Liparulo
jquery paginator in liferay
18. März 2013 11:31
Antwort

Laura Liparulo

Rang: Junior Member

Nachrichten: 38

Eintrittsdatum: 30. Juni 2012

Neue Beiträge

Thanks for the answers.

I had made a tutorial (that you can find at: http://lauraliparulo.altervista.org/jquery-paginator-for-liferay-6-1), because at first I didn't know how to use jquery with liferay, but now It's going fine.

I think I had made some copy and paste mess. ^_^
James Falkner
RE: <p>This tutorial...
24. Februar 2013 10:39
Antwort

James Falkner

LIFERAY STAFF

Rang: Liferay Legend

Nachrichten: 1222

Eintrittsdatum: 17. September 2010

Neue Beiträge

Hey Laura, thanks for the tutorial but whatever you cut and pasted in the code did not survive the transformation into a forum post emoticon It's completely unreadable!
Hitoshi Ozawa
RE: <p>This tutorial...
24. Februar 2013 13:25
Antwort

Hitoshi Ozawa

Rang: Liferay Legend

Nachrichten: 7954

Eintrittsdatum: 23. März 2010

Neue Beiträge

If you're posting a tutorial, it would be better if you can create a wiki page instead of posting here.

Also, you've announced your page in another thread.

http://www.liferay.com/community/forums/-/message_boards/message/21750083
Laura Liparulo
RE: <p>This tutorial...
18. März 2013 11:37
Antwort

Laura Liparulo

Rang: Junior Member

Nachrichten: 38

Eintrittsdatum: 30. Juni 2012

Neue Beiträge

Thanks.

What I couldn't understand is how to incluse several *.js files in a portlet.
To make things work I had to declare the libraries in the .jsp file:

1<portlet:defineObjects />
2<script type="text/javascript" src="${renderRequest.contextPath}/js/jquery-1.8.3.js"></script>
3<script src="${renderRequest.contextPath}/js/kinetic-v4.3.1-beta2.js"></script>
4  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" />
5    <script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>
6<div id="<portlet:namespace/>">


and also in the liferay-portlet.xml:
 1    <header-portlet-javascript>
 2    /js/jquery-1.8.3.js
 3            </header-portlet-javascript>
 4                            <footer-portlet-javascript>
 5        /js/kinetic-v4.3.1-beta2.js
 6        </footer-portlet-javascript>
 7                <footer-portlet-javascript>
 8        /js/paginator.js
 9        </footer-portlet-javascript>
10                <footer-portlet-javascript>
11        /js/canvasGenerator.js
12        </footer-portlet-javascript>
13                        <footer-portlet-javascript>
14        /js/framePage.js
15        </footer-portlet-javascript>


The only way I have found.
Regards
Laura
Laura Liparulo
RE: <p>This tutorial...
18. März 2013 11:38
Antwort

Laura Liparulo

Rang: Junior Member

Nachrichten: 38

Eintrittsdatum: 30. Juni 2012

Neue Beiträge

sorry! thanks