Cześć, piszę projekt z wykorzystaniem JSF, jednak pewna rzecz wymaga ode mnie użycia JQuery, z którego jestem kompletnie zielony. Stworzyłem sobie takie Menu:
<p:panelMenu style="width:200px" id="menu" >
<p:submenu label="Dodaj kontrolke" styleClass="km-tiered-submenu-1"
rendered="true">
<p:menuitem value="Bilans" actionListener="#{myIndexBean.addControl}" styleClass="km-tiered-submenu-2"/>
<p:separator />
<p:menuitem value="Średnia Pensja" styleClass="km-tiered-submenu-2" />
</p:submenu>
<p:submenu label="#{dic.MNU90005_przykladowy_niedzialajacy_link}"
styleClass="km-tiered-submenu-1"
rendered="#{request.isUserInRole('PrzykladowaRola') and false}">
<p:submenu label="#{dic.MNU90005_przykladowy_niedzialajacy_link}"
styleClass="km-tiered-submenu-2"
rendered="#{request.isUserInRole('PrzykladowaRola') and false}">
<p:menuitem value="#{dic.MNU90005_przykladowy_niedzialajacy_link}"
url="#" styleClass="km-tiered-submenu-3"
rendered="#{request.isUserInRole('PrzykladowaRola') and false}" />
</p:submenu>
</p:submenu>
I do tego taki skrypt:
$(".ui-menuitem").draggable({
revert : true
});
Problem w tym, że nie mogę przesunąć elementu poza Submenu, czy ktoś jest w stanie mi powiedzieć jak ominąć ten problem?