z35-groupbox-001.zul

来自「ZK是一个Ajax Java Web框架」· ZUL 代码 · 共 28 行

<!-- 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">
 Testing Groupbox basic functionality. Please make sure all attributes of the groupbox is correct. Then Test passed.
<window title="Groupbox demo" border="normal" width="100%">
    <vbox>
		Which kind of fruit do you want?
		<groupbox id="gb" mold="3d" width="300px">
        <caption image="/img/inet.png" label="fruits"/>
        <radiogroup onCheck="fruit.value = self.selectedItem.label">
          <radio label="Apple"/>
          <radio label="Orange"/>
          <radio label="Grape"/>
        </radiogroup>
      </groupbox>
      <hbox>You have selected :<label id="fruit"/>
      </hbox>
      <checkbox label="Use 3d groupbox" checked="true" onCheck='gb.mold=self.checked? "3d": "default"'/>
    </vbox>
    <vbox>
      <label id="report" value="Childable: ${gb.childable}, closable: ${gb.closable}, Visible: ${gb.visible}, Open:${gb.open}, Caption:${gb.caption.label}, MoldSClass:${gb.mold}, ContentSClass:${gb.contentSclass}, ContentStyle:${gb.contentStyle}"/>
      <button label="Open or Close GroupBox" onClick="gb.setOpen(!gb.isOpen());"/>
    </vbox>
  </window>
</zk>