1. Home
  2. Portal
  3. RE: Liferay Ui Tab - Cambio Tab con Jacascript

RE: Liferay Ui Tab - Cambio Tab con Jacascript

thumbnail
Domenico Costa, modified 6 Years ago.
Liferay Ui Tab - Cambio Tab con Jacascript
Regular Member Posts: 153 Join Date: 5/22/12 Recent Posts
Cia oa tutti,

abbiamo implementatno un liferay-ui:tabs

Volevamo inserire all'interno di uno dei tab una lista popolata in Javascript. Quando clicco su un elemento della lista mi deve spostare in automantico ad un secondo tab.

Ma non riusciamo a spostarci con javascript al secondo tab.

E' possibile effettuare questa cosa con JS?

​​​​​​​Grazie Mille
thumbnail
Daniele Baggio, modified 6 Years ago.
RE: Liferay Ui Tab - Cambio Tab con Jacascript
Expert Posts: 336 Join Date: 12/5/08 Recent Posts
Non ti sei mica spiegato bene eh... riprovaci :-)
​​​​​​​
thumbnail
Domenico Costa, modified 6 Years ago.
RE: Liferay Ui Tab - Cambio Tab con Jacascript
Regular Member Posts: 153 Join Date: 5/22/12 Recent Posts
Rispiego emoticon

Abbiamo un tag liferay-ui:tabs
<liferay-ui:tabs names="seleziona,dettaglio" refresh="false">
    <liferay-ui:section>
    &lt;%@ include file="pagina1.jsp"%&gt;
    </liferay-ui:section>
    <liferay-ui:section>
        &lt;%@ include file="pagina2.jsp"%&gt;
    </liferay-ui:section>
</liferay-ui:tabs>

In pratica nella pagina 1 (tab seleziona) abbiamo una lista, o meglio una select.
Quando seleziono un campo voglio passare dal tab seleziona al tab dettaglio (ovvero pagina2)

Ma vorremmo utilizzare JS (evitando di importare jquery e di fare una action). 

Spero di essere stato più chiaro emoticon

​​​​​​​Grazieeee
thumbnail
Domenico Costa, modified 6 Years ago.
RE: Liferay Ui Tab - Cambio Tab con Jacascript
Regular Member Posts: 153 Join Date: 5/22/12 Recent Posts
Risolto ;)
​​​​​​​
document.getElementsByClassName("tab")[1].children[0].click()
thumbnail
Daniele Baggio, modified 6 Years ago.
RE: Liferay Ui Tab - Cambio Tab con Jacascript
Expert Posts: 336 Join Date: 12/5/08 Recent Posts
Look at portal.js, you can find some tabs related js functions.

There's Liferay.Portal.Tabs.show() fn to try.

​​​​​​​