⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 dd.zul

📁 ZK是一个Ajax Java Web框架
💻 ZUL
字号:
<?xml version="1.0" encoding="UTF-8"?><!--dd.zul{{IS_NOTE        Purpose:        Description:        History:                Thu Nov 13 16:07:16 TST 2008, Created by Flyworld}}IS_NOTECopyright (C) 2008 Potix Corporation. All Rights Reserved.{{IS_RIGHT}}IS_RIGHT--><window id="demo" apply="org.zkoss.zkdemo.userguide.DemoWindowComposer">	<html><![CDATA[		<h4>Drag and Drop</h4><p>Demostrates drag-and-drop by allowing user to reorder the listby dragging list items around.</p><p><font color="red" style="font-weight:bold">All ZK</font> components can be draggable and/or droppable</p>	]]></html>	<separator />
	<tabbox width="100%" tabscroll="false">
		<tabs>
			<tab id="demoView" label="Demo"/>
			<tab id="srcView" label="View Source"/>
		</tabs>
		<tabpanels>
			<tabpanel>
				<window id="view">
				</window>
			</tabpanel>
			
			<tabpanel>
				<panel>
					<panelchildren>
						<textbox id="codeView" class="code" rows="20" width="95%">
			<attribute name="value"><![CDATA[
<zk>	Drag project to other list or same list for reorder	<hbox>		<listbox id="left" height="200px" width="200px" onDrop="move(event.dragged)" droppable="true"			oddRowSclass="non-odd" fixedLayout="true">			<listitem draggable="true" droppable="true" onDrop="move(event.dragged)">				<listcell src="/img/Centigrade-Widget-Icons/Briefcase-16x16.png" label="ZK Forge" />			</listitem>			<listitem draggable="true" droppable="true" onDrop="move(event.dragged)"> 				<listcell src="/img/Centigrade-Widget-Icons/Briefcase-16x16.png" label="ZK Mobile" />			</listitem>			<listitem draggable="true" droppable="true" onDrop="move(event.dragged)">				<listcell src="/img/Centigrade-Widget-Icons/Briefcase-16x16.png" label="ZK GWT" />			</listitem>			<listitem draggable="true" droppable="true" onDrop="move(event.dragged)">				<listcell src="/img/Centigrade-Widget-Icons/Briefcase-16x16.png" label="ZK JSF" />			</listitem>			<listitem draggable="true" droppable="true" onDrop="move(event.dragged)">				<listcell src="/img/Centigrade-Widget-Icons/Briefcase-16x16.png" label="ZK JSP" />			</listitem>			<listitem draggable="true" droppable="true" onDrop="move(event.dragged)">				<listcell src="/img/Centigrade-Widget-Icons/Briefcase-16x16.png" label="ZK Spring" />			</listitem>		</listbox>		<separator />		<listbox id="right" height="200px" width="200px"			oddRowSclass="non-odd" fixedLayout="true" onDrop="move(event.dragged)" droppable="true"			multiple="true" >			<listitem draggable="true"  droppable="true" onDrop="move(event.dragged)">				<listcell src="/img/Centigrade-Widget-Icons/Briefcase-16x16.png" label="ZK" />			</listitem>			<listitem draggable="true"  droppable="true" onDrop="move(event.dragged)">				<listcell src="/img/Centigrade-Widget-Icons/Briefcase-16x16.png" label="ZK Studio" />			</listitem>		</listbox>	</hbox>	<zscript>	void move(Component dragged) {		if (self instanceof Listitem) {			if (dragged.getParent().getId().equals("right")) {				self.parent.insertBefore(dragged, self.getNextSibling());			} else {				self.parent.insertBefore(dragged, self.getNextSibling());			}		} else {			self.appendChild(dragged);		}	}	</zscript></zk>
			]]></attribute>
						</textbox>
					</panelchildren>
					<toolbar mold="panel">
						<button id="tryBtn" label="Try me!"/>
						<button id="reloadBtn" label="Reload" height="18px"/>
					</toolbar>
				</panel>
			</tabpanel>
		</tabpanels>
	</tabbox></window>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -