フォーラム

ホーム » Liferay Portal » English » 3. Development

構造的に表示 平面上に表示 ツリー上に表示
スレッド [ 前へ | 次へ ]
toggle
Laura Liparulo
jquery paginator in liferay
2013/03/18 11:31
答え

Laura Liparulo

ランク: Junior Member

投稿: 38

参加年月日: 2012/06/30

最近の投稿

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...
2013/02/24 10:39
答え

James Falkner

Community Moderator

ランク: Liferay Legend

投稿: 1406

参加年月日: 2010/09/17

最近の投稿

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...
2013/02/24 13:25
答え

Hitoshi Ozawa

ランク: Liferay Legend

投稿: 7949

参加年月日: 2010/03/23

最近の投稿

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...
2013/03/18 11:37
答え

Laura Liparulo

ランク: Junior Member

投稿: 38

参加年月日: 2012/06/30

最近の投稿

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...
2013/03/18 11:38
答え

Laura Liparulo

ランク: Junior Member

投稿: 38

参加年月日: 2012/06/30

最近の投稿

sorry! thanks