z35-tabbox-202.zul

ZK是一个Ajax Java Web框架

<?page id="testZul" title=" New ZUL Title" cacheable="false" 
	language="xul/html" zscriptLanguage="Java" contentType="text/html;charset=UTF-8"?>
<?init class="org.zkoss.zkplus.databind.AnnotateDataBinderInit"?>
<zk xmlns="http://www.zkoss.org/2005/zul" xmlns:h="http://www.w3.org/1999/xhtml" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.zkoss.org/2005/zul/zul.xsd">
  Tabbox Accordion Test: Click Tab2 and Tab1, the vertical tabbox in tab 1 width shouldn't expand in width.
  <window title="Test Tabbox Accordion" border="normal" width="100%">
    <tabbox width="400px" mold="accordion">
      <tabs>
        <tab label="Tab 1"/>
        <tab label="Tab 2"/>
      </tabs>
      <tabpanels>
        <tabpanel>
          <tabbox orient="vertical">
            <tabs width="20px">
              <tab label="A"/>
              <tab label="B"/>
              <tab label="C"/>
              <tab label="D"/>
              <tab label="E"/>
            </tabs>
            <tabpanels>
              <tabpanel>This is panel A</tabpanel>
              <tabpanel>This is panel B</tabpanel>
              <tabpanel>This is panel C</tabpanel>
              <tabpanel>This is panel D</tabpanel>
              <tabpanel>This is panel E</tabpanel>
            </tabpanels>
          </tabbox>
        </tabpanel>
        <tabpanel>
This is panel 2
The second panel
		</tabpanel>
      </tabpanels>
    </tabbox>
  </window>
</zk>