Liferay 中的 Portlet 间通信

Question

我是 Liferay 的新手。所以，我只想解释一下我的场景。

实际上我的网页上有两个 portlet - 一个在左侧，另一个在右侧：

• 左侧的 Portlet 包含两个超链接，例如 demo1 和 demo2。
• 我还有另外两个 portlet，分别是 demo1Portlet 和 demo2Portlet。
• 将显示“demo1Portlet”而不是右侧的 portlet 默认。
• 现在我要做的是，如果我点击 demo2 链接，那么右侧 portlet 会改变，它会显示“demo2Portlet”，如果我点击 在 demo1 链接上，它将在右侧显示“demo1Portlet”。

谁能知道我怎样才能完成这项任务？

请尽快回复我。

我是liftray的新手，所以我不知道这是否可以通过IPC或没有它来实现。请解释任何方式。

谢谢。

Answer 1

有几种不同的方式可以让 portlet 相互通信。大多数都包含在IPC 和descendant pages 的文档中。

在您的情况下，您应该真正查看client-side 页面：

你的基本结构

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

您将在“发送器 portlet”上拥有这个 JS：

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

然后在“接收 portlet(s)”上：

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