z35-groupbox-004.zul

ZK是一个Ajax Java Web框架

<!-- edited with XML Spy v4.3 U (http://www.xmlspy.com) by Robert (dada) -->
<?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">
<vbox> 
<label>
Testing Groupbox basic functionality. 
</label>

<label>0.Please make sure all components in groupbox are visible to you, and does not change by repeated button clicks.</label>
<label>1.Please make sure you can sort the inner list item without problem.</label>
</vbox>
  <window title="Groupbox test" width="100%">
    <groupbox id="gb3">
      <caption image="/img/inet.png" label="Testing Group Box"/>
      <vbox>
        <listbox rows="1" mold="select">
          <listitem label="option1"/>
          <listitem label="option2"/>
          <listitem label="option3"/>
        </listbox>
        <separator bar="true"/>
        <listbox width="100%">
          <listhead sizable="true">
            <listheader label="name" sort="auto"/>
            <listheader label="gender" sort="auto"/>
          </listhead>
          <listitem>
            <listcell>
              <groupbox id="gb4">
                <caption image="/img/inet.png" label="Testing Group Box IN LISTBOX"/>
                <vbox>
                  <listbox rows="1" mold="select">
                    <listitem label="option1"/>
                    <listitem label="option2"/>
                    <listitem label="option3"/>
                  </listbox>
                  <separator bar="true"/>
                  <listbox width="250px">
                    <listhead sizable="true">
                      <listheader label="name" sort="auto"/>
                      <listheader label="gender" sort="auto"/>
                    </listhead>
                    <listitem>
                      <listcell label="Mary"/>
                      <listcell label="FEMALE"/>
                    </listitem>
                    <listitem>
                      <listcell label="John"/>
                      <listcell label="MALE"/>
                    </listitem>
                    <listitem>
                      <listcell label="Jane"/>
                      <listcell label="FEMALE"/>
                    </listitem>
                    <listitem>
                      <listcell label="Henry"/>
                      <listcell label="MALE"/>
                    </listitem>
                  </listbox>
                </vbox>
              </groupbox>
              <button label="Open or Close GroupBox" onClick="gb4.setOpen(!gb4.isOpen());"/>
              <checkbox label="Use 3d groupbox" checked="false" onCheck='gb4.mold=self.checked? "3d": "default"'/>
            </listcell>
            <listcell label="FEMALE"/>
          </listitem>
          <listitem>
            <listcell label="John"/>
            <listcell label="MALE"/>
          </listitem>
          <listitem>
            <listcell label="Jane"/>
            <listcell label="FEMALE"/>
          </listitem>
          <listitem>
            <listcell label="Henry"/>
            <listcell label="MALE"/>
          </listitem>
        </listbox>
      </vbox>
    </groupbox>
    <button label="Open or Close GroupBox" onClick="gb3.setOpen(!gb3.isOpen());"/>
    <checkbox label="Use 3d groupbox" checked="false" onCheck='gb3.mold=self.checked? "3d": "default"'/>
  </window>
</zk>