z35-slider-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">
  All sliders should work. This is a test for sliders in Grid and nested listbox.
<groupbox>
<vbox>
<label value="1. Operate sliders so the values of both the label and text box or list is changed accordingly."/>
</vbox>
</groupbox>
  <window title="Vertical Sliders in Containers" border="normal" width="600px">
    <grid>
      <columns sizable="true" menupopup="auto">
        <column label="Type"/>
        <column label="Content"/>
      </columns>
      <rows>
        <row>
          <label id="sliderText"/>
          <textbox width="98%" id="textbox"/>
          <slider id="slider" orient="vertical" curpos="0" maxpos="500" onScroll='sliderText.setValue("Value of Slider:"+slider.getCurpos()); textbox.setValue("Value of Slider:" + slider.getCurpos());'/>
        </row>
        <row>
          <label id="sliderText2"/>
          <textbox width="98%" id="textbox2"/>
          <slider id="slider2" orient="vertical" curpos="0" maxpos="500" onScroll='sliderText2.setValue("Value of Slider:"+slider2.getCurpos());  textbox2.setValue("Value of Slider:" + slider2.getCurpos());'/>
        </row>
        <row>
          <label id="sliderText3"/>
          <textbox width="98%" id="textbox3"/>
          <slider id="slider3" orient="vertical" curpos="0" maxpos="500" onScroll='sliderText3.setValue("Value of Slider:"+slider3.getCurpos());  textbox3.setValue("Value of Slider:" + slider3.getCurpos());'/>
        </row>
        <row>
          <label id="sliderText4"/>
          <textbox width="98%" id="textbox4"/>
          <slider id="slider4" orient="vertical" curpos="0" maxpos="500" onScroll='sliderText4.setValue("Value of Slider:"+slider4.getCurpos());  textbox4.setValue("Value of Slider:" + slider4.getCurpos());'/>
        </row>
        <row>
          <label id="sliderText5"/>
          <slider id="slider5" orient="vertical" curpos="0" maxpos="500" onScroll='sliderText5.setValue("Value of Slider:"+slider5.getCurpos()); listItem.setLabel("ListItem" + slider5.getCurpos());'/>
          <hbox>
            <listbox rows="6" mold="select">
              <listitem id="listItem" label="Value Here"/>
              <listitem label="Other items"/>
              <listitem label="Other items II"/>
            </listbox>
          </hbox>
        </row>
        <row>
          <label id="sliderText6"/>
          <slider id="slider6" orient="horizontal" curpos="0" maxpos="500" onScroll='sliderText6.setValue("Value of Slider:"+slider6.getCurpos()); listItem2.setLabel("ListItem2:" + slider6.getCurpos());'/>
          <hbox>
            <listbox rows="6">
              <listitem id="listItem2" label="Value Here"/>
              <listitem label="Other items"/>
              <listitem label="Other items II"/>
            </listbox>
          </hbox>
        </row>
      </rows>
    </grid>
  </window>
</zk>