lifteray의 포틀릿 간 통신

Question

저는 평생을 새 단다. 그래서, 나는 단지 나의 시나리오를 설명하고 싶다.

사실 나는 내 웹 페이지에이 포틀릿이 - 하나는 왼쪽에 있고 다른 하나는 오른쪽에 있습니다 :

• 그는 측 포틀릿이 하이퍼 링크는 데모 1 & demo2 말을 포함 떠났다.
• 그리고 또 다른 두 포틀릿은 demo1Portlet & demo2Portlet이라고 말합니다.
• 오른쪽 사이드 포틀릿 대신 "demo1Portlet"이 기본값으로 으로 표시됩니다.
• 이제 demo2 링크를 클릭하면 오른쪽에 포틀릿이 변경되고 "demo2Portlet"이 표시되고 demo1 링크에 을 클릭하면 오른쪽에 "demo1Portlet"이 표시됩니다. .

이 작업을 어떻게 수행 할 수 있습니까?

최대한 빨리 회신 해주십시오.

나는 휘발성 물질에 익숙하지 않으므로 IPC없이 IPC를 통해 달성 할 수있는 것은 무엇인지 모르겠다. 방법이 무엇이든 설명하십시오.

감사합니다.

Answer 1

포틀릿을 서로 다른 방식으로 대화하게하는 두 가지 방법이 있습니다. 대부분은 IPC 's 및 descendantpages의 문서에서 다루어집니다.

// you may need to have jQuery instead of $. Liferay may have its own 
// $ function which jQuery shouldn't mess with. 
$(function() { 
     $('a.comm-demo').click(function(event) { 
      var txt = $(this).next().val(); // demo<number> 
      Liferay.trigger('click', {text: txt}); 
      return false; 
     }); 
}); 

:이은 "송신기 포틀릿"에 JS 것

<a href="javascript:void(0)" class="comm-demo">demo[number]</a> 

기본적인 구조로

을 : 귀하의 경우에는

, 당신은 정말 client-side 페이지를 보라

다음 "받는 포틀릿"에서 :

Liferay.bind( 
     'click', 
     function(event, data) { 
      var txt = data.text; 
      // this will set all class-of-fields to have the text 
      // "demo<number from above>Portlet" 
      $('.class-of-fields')[0].html(txt + "Portlet"); 
      // I believe there is a way to minimize/maximize a portlet by 
      // simulating a mouse click, but research would be needed to 
      // confirm. 
});