生涯のポートレット間通信

Question

私は暮らしの中では新しいです。だから私は自分のシナリオを説明したい。彼はサイドポートレットを左

• 2つのハイパーリンクがDEMO1 & DEMO2を言う含まれています。1左側にあり、他方が右側にある -

  実は、私は自分のWebページ上の2つのポートレットを持っているが。

• 私は別の2つのポートレット、demo1Portlet & demo2Portletと言っています。
• 右側のポートレットの代わりに、「demo1Portlet」がデフォルトで で表示されます。
• ここでdemo2リンクをクリックすると右端 ポートレットが変更され、 "demo2Portlet"が表示されます。 demo1リンクをクリックすると右側に "demo1Portlet"が表示されます。

私はこのタスクをどのように達成できますか？

可能な限り早急にご返信ください。

私はリフトレイを初めて使っているので、これはIPCを使って、またはIPCなしで達成することはできません。どんな方法であれ説明してください。

ありがとうございました。

Answer 1

ポートレットが互いに会話する方法はいくつかあります。ほとんどのものは、IPCの文書とdescendantpagesの文書でカバーされています。あなたのケースでは

、あなたが本当にclient-sideページをご覧ください：

// 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; 
     }); 
}); 

：あなたの基本的な構造

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

で

あなたは、これは "送信ポートレット" にJSだろう

「受信ポートレット」：

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. 
});