Hi Neil and thanks for being interest in my problem,
I will post a piece of code, but i think that wold not be useful, because in our application we have turned a bit the liferay structure, using it all ajax style. So our application has all time rendered the same page, and in this page portlets are loaded ajax-side.
In this conditions, when i load my protlet i found in the same page the same components. For this reason i've named all the components with dynamic ids.
The structure is like that: analyzing the portlet code with firebug we found the main div created by liferay bridge, that contains the main view of my portlet. The main view contains an h:form with dynamc id and then all the other components. Here is an example of the html produced.
<div id="[b]A0845:content[/b]" class="content">
<form id="[b]A0845:form_12345678:panel_12345678[/b]" enctype="application/x-www-form-urlencoded" ... <div class="container" style="width:100%;text-align:center;">
<div id="[b]A0845:form_12345678:tabView_12345678[/b]" class="ui-tabs ui-widget ui-widget-content ui-corner-all ui-hidden-container ui-tabs-top">
<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all" role="tablist">
<li class="ui-state-default ui-tabs-selected ui-state-active ui-corner-top" aria-expanded="true" role="tab">
<a href="#A0845:form_12345678:tabView_12345678:tab1_12345678">1</a>
</li>
<li class="ui-state-default ui-corner-top" aria-expanded="false" role="tab">
<a href="#A0845:form_12345678:tabView_12345678:tab2_12345678">2</a>
</li>
<li class="ui-state-default ui-corner-top" aria-expanded="false" role="tab">
<a href="#A0845:form_12345678:tabView_12345678:tab3_12345678">3</a>
</li>
</ul>
........
</div></form></div>
I've got a first question: why the main div created by liferay-bridge has always the same id?Can i set it dynamic?
The code of this view is that:
<!--?xml version="1.0" encoding="UTF-8"?-->
<f:view xmlns="http://www.w3.org/1999/xhtml" xmlns:c="http://java.sun.com/jsp/jstl/core" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:p="http://primefaces.org/ui" xmlns:aui="http://liferay.com/faces/aui" xmlns:bridge="http://liferay.com/faces/bridge" xmlns:ui="http://java.sun.com/jsf/facelets" locale="#{sessionInfo.localeCode}">
<h:head>
<script type="text/javascript">
var modify=false;
</script>
<script type="text/javascript">
function downloadFile(url) {
window.open(url);
}
</script>
</h:head>
<ui:debug />
<h:body>
<p:growl showDetail="false" autoUpdate="true" closable="true" severity="info,error,fatal,warn" />
<p:outputpanel layout="block" styleclass="content" id="content">
<h:form id="form_#{entryPoint.key}">
<ui:fragment rendered="#{entryPoint.jsonRequest==null}">
<h:inputhidden value="#{entryPoint.jsonRequest}" id="jsonRequest" style="visibility:hidden;line-height:1px;" />
<p:remotecommand process="jsonRequest" name="jsonRequestUpdateRemote" update="@form" />
</ui:fragment>
<input type="hidden" id="sender_#{entryPoint.key}" style="visibility:hidden;line-height:1px;">
<h:inputhidden value="#{entryPoint.sender}" id="senderRequest_#{entryPoint.key}" style="visibility:hidden;line-height:1px;" />
<input type="hidden" id="key_#{entryPoint.key}" style="visibility:hidden;line-height:1px;">
<h:inputhidden value="#{entryPoint.key}" id="keyRequest_#{entryPoint.key}" style="visibility:hidden;line-height:1px;" />
<p:remotecommand process="senderRequest_#{entryPoint.key},keyRequest_#{entryPoint.key}" name="senderRequestUpdateRemote" update="@form" global="true" immediate="true" />
<p:outputpanel styleclass="container" id="panel_#{entryPoint.key}" layout="block" style="width:100%;text-align:center;" rendered="#{entryPoint.genericBck.pageRendered}">
<p:tabview id="tabView_#{entryPoint.key}" widgetvar="tabView_#{entryPoint.key}" dynamic="true" cache="true">
<p:tab title="1" id="tab1_#{entryPoint.key}">
test 1
<p:commandbutton id="buttonAction_#{entryPoint.key}" action="#{entryPoint.genericBck.action}" value="action" />
</p:tab>
<p:tab title="2" id="tab2_#{entryPoint.key}">
test 2
</p:tab>
<p:tab title="3" id="tab3_#{entryPoint.key}">
test 3
</p:tab>
</p:tabview>
</p:outputpanel>
<ui:fragment id="jsonScript" rendered="#{entryPoint.jsonRequest==null}">
<script type="text/javascript">
//script executed during the loading of the page, i read the json data and store
var valueJsonSender=#{entryPoint.sender}.params;
document.getElementById("#{p:component('jsonRequest')}").value=valueJsonSender ;
var nameFieldSender="sender_#{entryPoint.key}";
var nameFieldKey="key_#{entryPoint.key}";
document.getElementById(nameFieldSender).value="#{entryPoint.sender}";
document.getElementById(nameFieldKey).value="#{entryPoint.key}";
jsonRequestUpdateRemote();
</script>
</ui:fragment>
<script type="text/javascript">
//script executed when i click the menu and the portlet opened previously is re-rendered, i reload the current key and sender, so i can reload the correct bck
if(!modify){
modify=true;
MYjQuery('a.MYNavAnchor').click(function(event){
var valTargetRef=event.currentTarget.href;
if(valTargetRef.indexOf('/home/')>0 ){
var posTargetRef=valTargetRef.indexOf('?sender=')+8;
var posEndTargetRef=valTargetRef.indexOf('ts=')-1;
var senderTargetRef=valTargetRef.substring(posTargetRef,posEndTargetRef);
var posKeyRef=valTargetRef.indexOf('ts=')+3;
var keyTargetRef=valTargetRef.substring(posKeyRef);
document.getElementById("#{p:component('senderRequest')}").value=senderTargetRef;
document.getElementById("#{p:component('keyRequest')}").value=keyTargetRef;
senderRequestUpdateRemote();
}
})
}
</script>
</h:form>
</p:outputpanel>
<ui:insert name="commonStatus">
<p:ajaxstatus id="commandStatus">
<f:facet name="start">
<p:outputpanel layout="block" style="background-image: url('../images/others/loading_animation.gif');height: 100%; width: 100%; z-index: 2000; position:fixed; top: 0px; left:0px; background-color: #e8e6ee; vertical-align: center; background-repeat: no-repeat; background-position: center; filter:alpha(opacity=45); -moz-opacity:.45; opacity:.45;">
</p:outputpanel>
</f:facet>
<f:facet name="complete">
<h:outputtext value="" />
</f:facet>
</p:ajaxstatus>
</ui:insert>
</h:body>
</f:view>
For a more clear understanding, i'll explain a bit: there are two fields, a sender and a key, that are passed trough the url request. In my securityPhaseListener's method afterPhase i create the entity entryPoint and i save sender and key. Then i rendered the content inside the central panel reading data passed in a javascript json variable. The entity genericBck is created during this process and stored in session with a key in a way like that (inside the entryPoint class):
public GenericBck getGenericBck(){
try{
return (GenericBck)JSFUtil.getManagedObject("genericBck"+"_"+key);
}catch(Exception e){
return null;
}
}
the method "getManagedObject" read from the FacesContext the session-application object stored. So we have the same number of bck as the number of times we open a new portlet.
So the problem is what i say yesterday: when i opened another portlet ajax-side (inside the same page), the content is rendered, the bcks are stored correctly, but when i click a tab of one portlet the content is not rendered (only the last portlet opened works), or if i click the commandButton, the action is never executed (except for the last portlet opened). if i give a generic static id to all my components, the behaviour is that the first portlet in hierarchy controls all the others (so when i switch tab in the first portlet, all the others portlet switches, and when i switch tab in another portlet, all the portlets change tab but only the content of the first portlet is rendered).
Hope you can help me. If you don't understand everything, just tell me and i will explain it in a more detailed way (also with screenshots).
Thans!
Aieie
-- I've corrected the instructions above -- the fix is to add the call to BridgeContext.setCurrentInstance(this); at the end of the constructor like this: