Multiple JSF Portlets on one page

[Michael Binette]

Multiple Sun JSF RI 1.1 portlets on one page just do not work in Jetspeed
2.0.  Any links that submit the form do not work.  I made sure every id was
unique and the source looks fine.  If I only put one on a page it works
fine.  If I put two and then maximize one it works fine.  They aren't even
the same portlets, just both JSF.  The two portlets produce the following
HTML within the Jetspeed page.  Does anyone see a hint or reason why it
would not work?

<!-- Begin: Fragment: P-10cc6dc93d4-10004 Decoration: ${decoratorId} -->

<div id="P-10cc6dc93d4-10004" class="portlet tigris">
 <div class="PTitle" >

   <div class="PTitleContent">
     My Company Customer Portlet
   </div>


<div class="PActionBar">
        <a href="
http://localhost:8080/jetspeed/portal/_ns:YVAtMTBjYzZkYzkzZDQtMTAwMDR8ZDI_/mycompany";
title="minimized" class="action portlet-action" ><img
src="decorations/images/minimized.gif" alt="minimized" border="0" /></a>
        <a href="
http://localhost:8080/jetspeed/portal/_ns:YVAtMTBjYzZkYzkzZDQtMTAwMDR8ZDE_/mycompany";
title="maximized" class="action portlet-action" ><img
src="decorations/images/maximized.gif" alt="maximized" border="0" /></a>
    </div>

 </div>
   <div class="PContent"><span style="line-height:0.005px;">&nbsp;</span>


   <form id="customerListForm" method="post" action="
http://localhost:8080/jetspeed/portal/_ns:YlAtMTBjYzZkYzkzZDQtMTAwMDR8ZWNvbS5zdW4uZmFjZXMucG9ydGxldC5WSUVXX0lEPTE9L2N1c3RvbWVyL2xpc3QuanNw/mycompany";
enctype="application/x-www-form-urlencoded">

       <table></table>

       <table border="1" cellpadding="2" cellspacing="0">
<thead>
<tr>
<th scope="col">Name</th>
<th scope="col"></th>
<th scope="col"></th>
</tr>
</thead>
<tbody>
<tr>
<td>Name1</td>

<td><a href="#"
onclick="document.forms['customerListForm']['customerListForm:_idcl'].value='customerListForm:_id1:0:_id7';document.forms['customerListForm']['id'].value='2';
document.forms['customerListForm'].submit(); return false;">Edit</a></td>
<td><a href="#"
onclick="document.forms['customerListForm']['customerListForm:_idcl'].value='customerListForm:_id1:0:_id12';document.forms['customerListForm']['id'].value='2';
document.forms['customerListForm'].submit(); return false;">Delete</a></td>
</tr>
<tr>
<td>Name2</td>
<td><a href="#"
onclick="document.forms['customerListForm']['customerListForm:_idcl'].value='customerListForm:_id1:1:_id7';document.forms['customerListForm']['id'].value='3';
document.forms['customerListForm'].submit(); return false;">Edit</a></td>
<td><a href="#"
onclick="document.forms['customerListForm']['customerListForm:_idcl'].value='customerListForm:_id1:1:_id12';document.forms['customerListForm']['id'].value='3';
document.forms['customerListForm'].submit(); return false;">Delete</a></td>
</tr>
</tbody>
</table>

       <br/>
       <input type="submit" name="customerListForm:_id15" value="New
Customer" />

   <input type="hidden" name="customerListForm" value="customerListForm"
/><input type="hidden" name="customerListForm:_idcl" /><input type="hidden"
name="id" /></form>

 </div>
 </div>

<!-- END: Fragment: P-10cc6dc93d4-10004 Decoration: ${decoratorId} -->


                     </div>


                     <div class="portal-layout-cell" >






<!-- Begin: Fragment: P-10cc6dc93d4-10005 Decoration: ${decoratorId} -->

<div id="P-10cc6dc93d4-10005" class="portlet tigris">
 <div class="PTitle" >
   <div class="PTitleContent">
     My Company District Portlet
   </div>


<div class="PActionBar">
        <a href="
http://localhost:8080/jetspeed/portal/_ns:YVAtMTBjYzZkYzkzZDQtMTAwMDV8ZDI_/mycompany";
title="minimized" class="action portlet-action" ><img
src="decorations/images/minimized.gif" alt="minimized" border="0" /></a>
        <a href="
http://localhost:8080/jetspeed/portal/_ns:YVAtMTBjYzZkYzkzZDQtMTAwMDV8ZDE_/mycompany";
title="maximized" class="action portlet-action" ><img
src="decorations/images/maximized.gif" alt="maximized" border="0" /></a>
    </div>

 </div>

   <div class="PContent"><span style="line-height:0.005px;">&nbsp;</span>

   <form id="districtListForm" method="post" action="
http://localhost:8080/jetspeed/portal/_ns:YlAtMTBjYzZkYzkzZDQtMTAwMDV8ZWNvbS5zdW4uZmFjZXMucG9ydGxldC5WSUVXX0lEPTE9L2Rpc3RyaWN0L2xpc3QuanNw/mycompany";
enctype="application/x-www-form-urlencoded">

       <table></table>

       <table border="1" cellpadding="2" cellspacing="0">
<thead>
<tr>
<th scope="col">Name</th>
<th scope="col">Region</th>
<th scope="col"></th>
<th scope="col"></th>

</tr>
</thead>
<tbody>
<tr>
<td>Atlanta</td>
<td>East</td>
<td><a href="#"
onclick="document.forms['districtListForm']['districtListForm:_idcl'].value='districtListForm:_id1:0:_id10';document.forms['districtListForm']['id'].value='201';
document.forms['districtListForm'].submit(); return false;">Edit</a></td>
<td><a href="#"
onclick="document.forms['districtListForm']['districtListForm:_idcl'].value='districtListForm:_id1:0:_id15';document.forms['districtListForm']['id'].value='201';
document.forms['districtListForm'].submit(); return false;">Delete</a></td>
</tr>
<tr>
<td>Charlotte</td>
<td>East</td>

<td><a href="#"
onclick="document.forms['districtListForm']['districtListForm:_idcl'].value='districtListForm:_id1:1:_id10';document.forms['districtListForm']['id'].value='202';
document.forms['districtListForm'].submit(); return false;">Edit</a></td>
<td><a href="#"
onclick="document.forms['districtListForm']['districtListForm:_idcl'].value='districtListForm:_id1:1:_id15';document.forms['districtListForm']['id'].value='202';
document.forms['districtListForm'].submit(); return false;">Delete</a></td>
</tr>
</tbody>
</table>

       <br/>
       <input type="submit" name="districtListForm:_id18" value="New
District" />

   <input type="hidden" name="districtListForm" value="districtListForm"
/><input type="hidden" name="districtListForm:_idcl" /><input type="hidden"
name="id" /></form>

 </div>
 </div>

<!-- END: Fragment: P-10cc6dc93d4-10005 Decoration: ${decoratorId} -->