p:accordionPanel onClik to show modal

[danielortegaalves]

Hello.

I am trying to catch tab's onclick event to show a 'p:dialog modal'.
I have accordionpanel container for my tabs.

Code: Select all

<p:accordionPanel disabled="true" collapsible="true" activeIndex="10" tabChangeListener="insert.show();" >
	<p:tab title="Insert">
	</p:tab>
</p:accordionPanel>

<p:dialog header="Modal Dialog" widgetVar="insert" modal="true"
	height="325" width="630" resizable="false" draggable="false"	position="center">
</p:dialog>

Have you any ideas how can i do it? Or have you got more correct ways ?

[aliirawan]

tabChangeListener is used for listener in the backing bean. not for client side. for client side try use onTabChange

Code: Select all

<p:accordionPanel collapsible="true" activeIndex="0" onTabChange="insert.show()">
			<p:tab title="Insert 1">
			    CONTENT 1
			</p:tab>
			<p:tab title="Insert 2">
			    CONTENT 2
			</p:tab>
		</p:accordionPanel>

		<p:dialog header="Modal Dialog" widgetVar="insert" modal="true"
			height="325" width="630" resizable="false" draggable="false"
			position="center">
		</p:dialog>

Hope it helps