私はliferayポータルの初心者です。デモ用にliferayで1つのポートレットを開発しました。この例では、ポートレット間通信を使用しました。私がしていることは次のとおりです。-検索用のテキストフィールドが1つある検索ポートレットが1つあります。検索ボタンをクリックすると、データベースからデータがフェッチされ、別のポートレットに含まれる検索を使用してそのデータが表示されます。このプロジェクトではProcessEventおよびActionEventアノテーションを使用しました。
検索ボタンをクリックすると、ページが更新されず(つまり、AJAXの概念を使用したい)、データが他のポートレットに表示されるはずです。
コードスニペット
ポートレットA-view.jsp
<%@include file="/html/init.jsp"%>
<portlet:defineObjects />
<!--
<portlet:actionURL var="actionURL" name="pitchBall"></portlet:actionURL>
//-->
**Change to Resource URL**
<portlet:resourceURL var="resourceURL">
</portlet:resourceURL>
<aui:form method="POST" action="<%= resourceURL%>" name=" <portlet:namespace>fm1</portlet:namespace>">
<aui:input name="search" id="search" />
<aui:button type="submit" name="Search" value="Search" />
</aui:form>
ポートレットA-SearchPortletクラス
package com.test;
/**
* Portlet implementation class SearchPortlet
*/
public class SearchPortlet extends GenericPortlet {
@Override
public void render(RenderRequest request, RenderResponse response)
throws PortletException, IOException {
// TODO Auto-generated method stub
super.render(request, response);
}
@ProcessAction(name="pitchBall")
public void pitchBall(ActionRequest request, ActionResponse response) throws SystemException {
String name = ParamUtil.getString(request, "search");
QName qName = new QName("http://liferay.com/events", "ipc.pitch");
response.setEvent(qName, name);
}
public void init() {
editJSP = getInitParameter("edit-jsp");
helpJSP = getInitParameter("help-jsp");
viewJSP = getInitParameter("view-jsp");
}
public void doEdit(
RenderRequest renderRequest, RenderResponse renderResponse)
throws IOException, PortletException {
include(editJSP, renderRequest, renderResponse);
}
public void doHelp(
RenderRequest renderRequest, RenderResponse renderResponse)
throws IOException, PortletException {
include(helpJSP, renderRequest, renderResponse);
}
@Override
public void doView(
RenderRequest renderRequest, RenderResponse renderResponse)
throws IOException, PortletException {
//super.doView(renderRequest, renderResponse);
System.out.println("In doView code");
renderResponse.setContentType(renderRequest.getResponseContentType());
// file to display...
String url = "/html/searchportlet/view.jsp";
// read the above file and output it...
getPortletContext().getRequestDispatcher(url).include(renderRequest, renderResponse);
//include(viewJSP, renderRequest, renderResponse);
}
@Override
public void serveResource(ResourceRequest request, ResourceResponse response)
throws PortletException, IOException {
// TODO Auto-generated method stub
//super.serveResource(request, response);
System.out.println("In serveResource code");
response.setContentType("text/html");
String name = request.getParameter("search");
// this seems to be the page that was calling...?
String resourceID = request.getResourceID();
System.out.println("resourceId was : " + resourceID);
System.out.println("message was : " + name);
PrintWriter writer = response.getWriter();
writer.print(name);
}
protected void include(
String path, RenderRequest renderRequest,
RenderResponse renderResponse)
throws IOException, PortletException {
PortletRequestDispatcher portletRequestDispatcher =
getPortletContext().getRequestDispatcher(path);
if (portletRequestDispatcher == null) {
_log.error(path + " is not a valid include");
}
else {
portletRequestDispatcher.include(renderRequest, renderResponse);
}
}
protected String editJSP;
protected String helpJSP;
protected String viewJSP;
private static Log _log = LogFactoryUtil.getLog(SearchPortlet.class);
}
ポートレットB-view.jsp
<%@include file="/html/init.jsp"%>
<portlet:defineObjects />
<%
String name = (String)renderRequest.getParameter("name");
%>
<liferay-ui:search-container
emptyResultsMessage="author-empty-results-message">
<liferay-ui:search-container-results
results="<%= KeyurAuthorLocalServiceUtil.getStudentByName(name) %>" />
<liferay-ui:search-container-row className="com.test.model.KeyurAuthor">
<liferay-ui:search-container-column-text name="authorId"
property="authorId" />
<liferay-ui:search-container-column-text name="authorName"
property="authorName" />
<liferay-ui:search-container-column-text name="authorEmail"
property="authorEmail" />
</liferay-ui:search-container-row>
<liferay-ui:search-iterator></liferay-ui:search-iterator>
</liferay-ui:search-container>
ポートレットB-SearchResultPortletクラス
/**
* Portlet implementation class SearchResultPortlet
*/
public class SearchResultPortlet extends GenericPortlet {
public void init() {
editJSP = getInitParameter("edit-jsp");
helpJSP = getInitParameter("help-jsp");
viewJSP = getInitParameter("view-jsp");
}
@ProcessEvent(qname="{http://liferay.com/events}ipc.pitch")
public void catchBall(EventRequest request, EventResponse response) {
Event event = request.getEvent();
String name = (String)event.getValue();
response.setRenderParameter("name", name);
}
public void doEdit(
RenderRequest renderRequest, RenderResponse renderResponse)
throws IOException, PortletException {
include(editJSP, renderRequest, renderResponse);
}
public void doHelp(
RenderRequest renderRequest, RenderResponse renderResponse)
throws IOException, PortletException {
include(helpJSP, renderRequest, renderResponse);
}
public void doView(
RenderRequest renderRequest, RenderResponse renderResponse)
throws IOException, PortletException {
include(viewJSP, renderRequest, renderResponse);
}
protected void include(
String path, RenderRequest renderRequest,
RenderResponse renderResponse)
throws IOException, PortletException {
PortletRequestDispatcher portletRequestDispatcher =
getPortletContext().getRequestDispatcher(path);
if (portletRequestDispatcher == null) {
_log.error(path + " is not a valid include");
}
else {
portletRequestDispatcher.include(renderRequest, renderResponse);
}
}
protected String editJSP;
protected String helpJSP;
protected String viewJSP;
private static Log _log = LogFactoryUtil.getLog(SearchResultPortlet.class);
}
ポータルでajaxリクエストを行う場合、ポートレットは実装する必要があります
javax.portlet.ResourceServingPortlet
GenericPortletはすでに実行していますが、オーバーライドしたいので、<portlet:actionURL />
を使用する代わりに、アクションから<portlet:resourceURL />
froを使用する必要があります。
また、設定では、キーワードの非表示フィールドを備えた検索フォームが必要です。検索ポートレットの送信ボタンをクリックすると、IPCを使用してそのフォームからキーワードを検索結果ポートレットにコピーし、(フォームを送信せずに)検索結果の送信を呼び出す必要があります。検索ポートレット(A))。
SearchResultPortletクラスは
public class SearchResultPortlet extends GenericPortlet {
...
public void serveResource(ResourceRequest request, ResourceResponse response) throws PortletException, Java.io.IOException {
// do search and return result
}
...
}
編集:完全な例
SearchForm
import Java.io.IOException;
import javax.portlet.GenericPortlet;
import javax.portlet.PortletException;
import javax.portlet.RenderRequest;
import javax.portlet.RenderResponse;
public class SearchForm extends GenericPortlet {
@Override
protected void doView(RenderRequest p_request, RenderResponse p_response) throws PortletException, IOException {
getPortletContext().getRequestDispatcher("/WEB-INF/jsp/search.jsp").include(p_request, p_response);
}
}
検索結果
import Java.io.IOException;
import javax.portlet.GenericPortlet;
import javax.portlet.PortletException;
import javax.portlet.RenderRequest;
import javax.portlet.RenderResponse;
import javax.portlet.ResourceRequest;
import javax.portlet.ResourceResponse;
public class SearchResult extends GenericPortlet {
@Override
protected void doView(RenderRequest p_request, RenderResponse p_response) throws PortletException, IOException {
getPortletContext().getRequestDispatcher("/WEB-INF/jsp/result.jsp").include(p_request, p_response);
}
@Override
public void serveResource(ResourceRequest p_request, ResourceResponse p_response) throws PortletException, IOException {
//do your search here and put results in 'result'
p_request.setAttribute("result", "results for: " + p_request.getParameter("search"));
getPortletContext().getRequestDispatcher("/WEB-INF/jsp/html.jsp").include(p_request, p_response);
}
}
search.jsp
<%@ page language="Java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://Java.Sun.com/portlet" prefix="portlet" %>
<portlet:defineObjects />
<script type="text/javascript">
function doSearch() {
Liferay.fire('searchKeywords', document.getElementById("<portlet:namespace/>search").value);
}
</script>
<form>
<input type="text" name="search" id="<portlet:namespace/>search" />
<button name="Search" value="Search" onclick="doSearch()" type="button">Search</button>
</form>
result.jsp
<%@ page language="Java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://Java.Sun.com/portlet" prefix="portlet" %>
<%@ taglib uri="http://liferay.com/tld/aui" prefix="aui" %>
<portlet:defineObjects />
<portlet:resourceURL var="rurl" />
<script type="text/javascript">
Liferay.on('searchKeywords', function(event, p_data){
var A = AUI();
A.use('aui-io-request', function(aui) {
A.io.request("<%= rurl %>", {
method : 'POST',
data: {search: p_data},
dataType : 'html',
on : {
success : function() {
AUI().one("#<portlet:namespace/>placeholder").html(this.get('responseData'));
}
}
});
});
});
</script>
Search Results:<br />
<div id="<portlet:namespace/>placeholder">
</div>
html.jsp(これは結果のレンダリング用です)
<%= request.getAttribute("result") %>
クライアント側でポートレット間通信を使用できます。 portletAを検索ポートレットと呼び、portletBを別のポートレットに含まれる検索と呼びましょう。私はあなたがLiferay 6+を使用していると仮定しています。
ステップ1:portletAの検索ボタンをクリックすると、ブラウザで次のJavaScript関数がトリガーされます。
_var A = AUI();
A.use('aui-io-request',
function(aui) {
A.io.request(<portletA_serch_action_url>, {
method : 'GET',
dataType : 'json',
on : {
success : function() {
Liferay.fire('myEvent', this.get('responseData');
}
}
});
}
);
_
_A.io.request(<portletA_serch_action_url>...
_の呼び出しに注意してください。これは、portletAサーバー側アクションのURLです。 Liferay 6とajaxの詳細については、次のLiferayブログを参照してください。 http://www.liferay.com/web/nathan.cavanaugh/blog/-/blogs/alloyui-working-with-ajax 。
ステップ2:portletAサーバーの応答で、portletAクライアント側はサーバーから取得したデータを使用してイベントを起動します。 Liferay.fire('myEvent', this.get('responseData');
への呼び出しに注意してください。これは、Liferayがクライアント側でのポートレット間通信をサポートする方法です( http://www.liferay.com/community/wiki/-/を参照)。 wiki/Main/Client-side + Inter-Portlet + Communication )。
myEvent
は発生したイベント、this.get('responseData');
はサーバーから取得したデータです。
ステップ3:クライアント側のportletBがmyEventをリッスンし、データをレンダリングします
portletBはmyEventをリッスンし、データをレンダリングします。
_Liferay.on(
'myEvent',
function(event, data){
var portletId = data.portletId;
var portlet = data.portlet;
if(portletId.indexOf('YOUR_PORTLET_A_ID') > -1){
alert(data);
}
}
);
_
PortletAからのデータの出所のチェックに注意してください。
_ if(portletId.indexOf('YOUR_PORTLET_A_ID') > -1){...
_
同じイベントを起動する他のポートレットがない場合は、このチェックを削除できます。
この助けを願っています。