📄 fisheyelist.zul
字号:
<?xml version="1.0" encoding="UTF-8"?><!--hello.zul{{IS_NOTE Purpose: Description: History: Tue Jan 4 18:31:13 2005, Created by henrichen}}IS_NOTECopyright (C) 2006 Potix Corporation. All Rights Reserved.{{IS_RIGHT}}IS_RIGHT--><window id="demo"> <vbox width="100%"> <html> <attribute name="content"><![CDATA[ <h4>Demo of Dojo Fisheye List</h4> <p><a href="http://dojotoolkit.org/">Dojo</a> is a powerful JavavScript toolkit.</p> <p>In this demo, we demostrate the use of its fisheye list.</p> ]]></attribute> </html> <groupbox mold="3d" width="100%"> <caption label="View"><button label="Reload" height="18px" use="org.zkoss.zkdemo.userguide.ReloadButton"/></caption> <window id="view"> </window> </groupbox> <groupbox id="tryView" mold="3d" open="false" width="100%"> <caption label="Source"><button label="Try me!" use="org.zkoss.zkdemo.userguide.TryMeButton"/></caption> <textbox id="codeView" use="org.zkoss.zkdemo.userguide.CodeView" class="code" rows="10" width="100%"> <attribute name="value"><![CDATA[<window title="Dojo Fisheye List"> <fisheyelist id="fi" style="position:absolute;margin:20px" attachEdge="top"> <fisheyeitem image="/img/icon_browser.png" label="Web Browser" onClick="alert(self.label)"/> <fisheyeitem image="/img/icon_calendar.png" label="Calendar" onClick="alert(self.label)"/> <fisheyeitem image="/img/icon_email.png" label="Email" onClick="alert(self.label)"/> <fisheyeitem image="/img/icon_texteditor.png" label="Text Editor" onClick="alert(self.label)"/> <fisheyeitem image="/img/icon_update.png" label="Software Update" onClick="alert(self.label)"/> <fisheyeitem image="/img/icon_users.png" label="Users" onClick="alert(self.label)"/> </fisheyelist> <div height="200px" width="100%" style="border:1px solid black;"/></window> ]]></attribute> </textbox> </groupbox> </vbox></window>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -