TabbedPanel でSSJSからタブ切替を制御する方法

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core">

	<xp:tabbedPanel id="tabbedPanelSt" partialRefresh="false">
		<xp:this.selectedTab><![CDATA[#{javascript:
viewScope.tabStatus = viewScope.tabStatus || "tab1";
return viewScope.tabStatus;
}]]></xp:this.selectedTab>
		<xp:tabPanel label="tab1" id="tab1" href="#tab">
			<xp:image url="/logo.png" id="image1">
				<xp:eventHandler event="onclick" submit="true"
					refreshMode="partial" refreshId="tabbedPanelSt" disableValidators="true">
					<xp:this.action><![CDATA[#{javascript:viewScope.tabStatus  = "tab2";}]]></xp:this.action>
				</xp:eventHandler>
			</xp:image>
		</xp:tabPanel>
		<xp:tabPanel label="tab2" id="tab2" href="#tab">
			<xp:image url="/logo.png" id="image2">
				<xp:eventHandler event="onclick" submit="true"
					refreshMode="partial" refreshId="tabbedPanelSt" disableValidators="true">
					<xp:this.action><![CDATA[#{javascript:viewScope.tabStatus  = "tab1";}]]></xp:this.action>
				</xp:eventHandler>
			</xp:image>

		</xp:tabPanel>
	</xp:tabbedPanel>

</xp:view>

Select XSnippet to copy to Clipboard