f35-2049401.zul

ZK是一个Ajax Java Web框架

<?xml version="1.0" encoding="UTF-8"?>

<!--
F35-2049401.zul

{{IS_NOTE
	Purpose:
		
	Description:
		
	History:
		Wed Aug 13 18:48:24 TST 2008, Created by jumperchen
}}IS_NOTE

Copyright (C) 2008 Potix Corporation. All Rights Reserved.

{{IS_RIGHT
}}IS_RIGHT
-->
<zk>
	Please test each panel can be dragged-and-dropped into other place, then press the "invalidate()" button, the result should the same as before (it means after dragged).
	<portallayout id="portal">
		<portalchildren width="30%" style="padding: 5px">
			<panel height="100px" style="margin-bottom:10px"
				title="column1-1" border="normal" maximizable="true"
				collapsible="true">
				<panelchildren>Panel</panelchildren>
			</panel>
			<panel height="100px" framable="true" title="column1-2"
				border="normal" maximizable="true" style="margin-bottom:10px">
				<panelchildren>Panel</panelchildren>
			</panel>
			<panel height="100px" title="column1-3" border="normal"
				closable="true" style="margin-bottom:10px">
				<panelchildren>Panel</panelchildren>
			</panel>
		</portalchildren>

		<portalchildren width="30%" style="padding: 5px">
			<panel height="400px" title="column2-1" style="margin-bottom:10px">
				<panelchildren>
					<borderlayout height="100%" width="100%">
						<north maxsize="300" size="50%" border="0" title="North"
							splittable="true" collapsible="true">
							<borderlayout>
								<west size="25%" border="none" title="West"
									flex="true" maxsize="250" splittable="true"
									collapsible="true">
									<div style="background:#B8D335">
										<label value="25%"
											style="color:white;font-size:30px" />
									</div>
								</west>
								<center border="none" flex="true">
									<div style="background:#E6D92C">
										<label value="25%"
											style="color:white;font-size:30px" />
									</div>
								</center>
								<east size="50%" border="none"
									flex="true">
									<label value="Here is a non-border"
										style="color:gray;font-size:30px" />
								</east>
							</borderlayout>
						</north>
						<center border="0">
							<borderlayout>
								<west maxsize="600" size="30%"
									flex="true" border="0" splittable="true">
									<div style="background:#E6D92C">
										<label value="30%"
											style="color:white;font-size:30px" />
									</div>
								</west>
								<center>
									<label value="Here is a border"
										style="color:gray;font-size:30px" />
								</center>
								<east size="30%" flex="true" border="0" title="East"
									collapsible="true">
									<div style="background:#B8D335">
										<label value="30%"
											style="color:white;font-size:30px" />
									</div>
								</east>
							</borderlayout>
						</center>
					</borderlayout>
				</panelchildren>
			</panel>
		</portalchildren>

		<portalchildren width="40%" style="padding: 5px">
			<panel  title="column3-1" maximizable="true" border="normal"
				style="margin-bottom:10px">
				<panelchildren>
					<grid fixedLayout="true" style="border:0px" height="100%">
						<columns>
							<column label="category" />
							<column label="value" />
						</columns>
						<rows>
							<row>
								<label id="c0" value="C/C++" />
								<decimalbox id="v0" value="21.2"
									constraint="no empty" onChange="update(0)" />
							</row>
							<row>
								<label id="c1" value="VB" />
								<decimalbox id="v1" value="10.2"
									constraint="no empty" onChange="update(1)" />
							</row>
							<row>
								<label id="c2" value="Java" />
								<decimalbox id="v2" value="40.4"
									constraint="no empty" onChange="update(2)" />
							</row>
							<row>
								<label id="c3" value="PHP" />
								<decimalbox id="v3" value="28.2"
									constraint="no empty" onChange="update(3)" />
							</row>
						</rows>
					</grid>
				</panelchildren>
			</panel>
			<panel border="normal" title="column3-2" style="margin-bottom:10px; zoom:1;" width="400px">
				<panelchildren>
					<checkbox label="3D Chart" checked="true"
						onCheck="mychart.setThreeD(self.isChecked())" />
					<chart id="mychart" title="Pie Chart Demo" width="320px"
						type="pie" threeD="true" fgAlpha="128">
						<attribute name="onClick">
							String areaid = event.getArea(); if (areaid
							!= null) { Area area =
							self.getFellow(areaid);
							alert(""+area.getAttribute("entity")+":"+area.getTooltiptext());
							}
						</attribute>
						<zscript>
							void update(int rowIndex) { Label lb =
							(Label) self.getFellow("c"+rowIndex);
							Decimalbox db = (Decimalbox)
							self.getFellow("v"+rowIndex);
							model.setValue(lb.value, new
							Double(db.getValue().doubleValue())); }

							PieModel model = new SimplePieModel();
							for(int j=0; j &lt; 4; ++j) { update(j); }
							mychart.setModel(model);
						</zscript>
					</chart>
				</panelchildren>
			</panel>
		</portalchildren>
	</portallayout>
	<button label="Invalidate()" onClick="portal.invalidate();"/>
</zk>