z35-slider-003.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">
  All sliders should work.
  <window title="Vertical Sliders in Containers" border="normal" width="400px">
    <listbox id="box" width="250px">
      <listhead sizable="true">
        <listheader label="name" sort="auto"/>
        <listheader label="gender" sort="auto"/>
      </listhead>
      <listitem>
        <listcell label="Jane" id="test">
          <slider id="slider2" orient="vertical" curpos="4" maxpos="5">
            <attribute name="onScroll">
   textLabel2.setValue("The Scrolled value is..... "+slider2.getCurpos()+"");
   test.setLabel("onScrolled value is:" + slider2.getCurpos());
   </attribute>
          </slider>
          <label id="textLabel2" value="TESTING SLIDERS FUNCTIONALITY..."/>
        </listcell>
        <listcell label="FEMALE" id="test2">
                  <slider id="slider3" orient="horizontal" curpos="1000" maxpos="500">
            <attribute name="onScroll">
   test2.setLabel("onScrolled value is:" + slider3.getCurpos());
   </attribute>
          </slider>
        </listcell>
      </listitem>
      <listitem>
        <listcell label="Henry"/>
        <listcell label="MALE"/>
      </listitem>
      <listfoot>
        <listfooter>
          <label value="This is footer1"/>
        </listfooter>
        <listfooter>
          <label value="This is footer2"/>
        </listfooter>
      </listfoot>
    </listbox>
  </window>
</zk>