ZK portallayout组件

[color=blue][size=medium]ZK 3.5版本新增加了一个portallayout组件，效果超cool，里面的面板组件可以当作一个portallet,可以任意拖拽，关闭，最大化。一个portallayout可以有多列(即portalchildren),每个portalchildren 可以指定宽度，但它的高度由它的内容决定，只能把panel组件放到portalchildren里，不过可以把任意组件放到panel里。[/size][/color]

<?component name="portalchildren" extends="portalchildren" style="padding: 5px"?>
<?component name="panel" extends="panel" border="normal"  collapsible="true" closable="true" maximizable="true" style="margin-bottom:10px"?>
<?component name="iframe" extends="iframe" width="100%" height="100%"?>
<zk>
	<portallayout>
		<portalchildren width="30%">
			<panel height="150px" title="Google Tools">
				<panelchildren>
					<iframe src="http://3.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/toolspromo.xml&nocache=0&lang=en&country=us&.lang=en&.country=us&synd=ig&mid=3&ifpctok=5090480830848781425&parent=http://www.google.com&extern_js=/extern_js/f/CgJlbhICdXMrMAs4ACwrMBA4ACwrMBI4ACwrMBM4ACw/zYieI_ujwr4.js"/>
				</panelchildren>
			</panel>
			<panel height="300px" title="LabPixies Clock">
				<panelchildren>
					<iframe src="http://34.gmodules.com/ig/ifr?url=http://www.labpixies.com/campaigns/clock/mini_clock.xml&nocache=0&up_skin_id=&upt_skin_id=hidden&lang=en&country=us&.lang=en&.country=us&synd=ig&mid=34&ifpctok=-3234052241260630457&parent=http://www.google.com&extern_js=/extern_js/f/CgJlbhICdXMrMBI4ACwrMBM4ACw/v3vgcgA0x8g.js"/>
				</panelchildren>
			</panel>
		</portalchildren>

		<portalchildren width="30%">
			<panel height="300px" title="ToDo">
				<panelchildren>
					<iframe src="http://cj399o2i-a.gmodules.com/ig/ifr?url=http://www.labpixies.com/campaigns/todo/todo.xml&nocache=0&up_saved_tasks=&upt_saved_tasks=hidden&lang=en&country=us&.lang=en&.country=us&synd=ig&mid=31&ifpctok=-1474109439244469874&parent=http://www.google.com&extern_js=/extern_js/f/CgJlbhICdXMrMBI4ACwrMBM4ACw/v3vgcgA0x8g.js"/>
				</panelchildren>
			</panel>
			<panel height="100px" title="Wikipedia">
				<panelchildren>
					<iframe src="http://29.gmodules.com/ig/ifr?url=http://wpsearchbar.wikia.com/common/wpsearchbar.xml&nocache=0&up_mylang=&upt_mylang=enum&lang=en&country=us&.lang=en&.country=us&synd=ig&mid=29&ifpctok=4012247812086609177&parent=http://www.google.com&extern_js=/extern_js/f/CgJlbhICdXMrMBI4ACwrMBM4ACw/v3vgcgA0x8g.js"/>
				</panelchildren>
			</panel>
		</portalchildren>

		<portalchildren width="40%">
			<panel height="400px" title="Trio">
				<panelchildren>
					<iframe src="http://35.gmodules.com/ig/ifr?url=http://www.labpixies.com/campaigns/trio/trio.xml&nocache=0&lang=en&country=us&.lang=en&.country=us&synd=ig&mid=35&ifpctok=7430207052966295609&parent=http://www.google.com&extern_js=/extern_js/f/CgJlbhICdXMrMBI4ACwrMBM4ACw/v3vgcgA0x8g.js"/>
				</panelchildren>
			</panel>
		</portalchildren>
	</portallayout>
</zk>			

效果图：
[img]d:\uploadimage\portallayout.jpg[/img]