单击另一个 portlet 内的链接时显示和隐藏 portlet

Question

例如，我有三个 portlet：portletA、portletB 和 portletC。

portletA 显示在左侧，它有两个链接 linkB 和 linkC。

如果我点击 linkB 那么 portletB 应该显示在右侧，如果我点击 linkC 那么 portletB 必须变为隐藏，portletC 应显示。

请告诉我如何使用 ICEfaces 来做到这一点。

Answer 1

我使用此代码隐藏 portlet，但再次刷新页面后 portlet 可见，您能否建议我可以做什么，以便刷新 portlet 后不可见？

       function fun(E)
       {

           if(E=="Entry")
               {
           alert("hi");

                 document.getElementById("p_p_id_ipc_WAR_IPC2portlet_").style.display='none';
                 document.getElementById("p_p_id_ipc1_WAR_IPC2portlet_").style.display = '';



               }

           else
               {
               alert("else");
               }

           }

  </script>

Answer 2

您可以使用简单的 javascript 和 css 来完成。您所要做的就是查看 portlet B 和 C portlet id 是什么，而不是使用 javascript，您可以更改 portlet 边界 div 上的 css“显示”属性。

使用简单的 javascript

var p = document.getElementById("p_p_id_YOUR-PORTLET-ID_");
if (p) {
  if (p.style.display == "none") {
    p.style.display = "block";
  } else {
    p.style.display = "none";
  }
}

使用 jQuery

jQuery("p_p_id_YOUR-PORTLET-ID_").show();
//or
jQuery("p_p_id_YOUR-PORTLET-ID_").hide();

示例用于显示/隐藏单个 portlet。在您的情况下，链接 B 应该隐藏 C 并显示 B，并以其他方式链接 C。

另请查看 客户端交互-Portlet通信