📄 popup.zul
字号:
<?xml version="1.0" encoding="UTF-8"?>
<!--
popup.zul
{{IS_NOTE
Purpose:
Description:
History:
Thu Nov 13 16:07:16 TST 2008, Created by Flyworld
}}IS_NOTE
Copyright (C) 2008 Potix Corporation. All Rights Reserved.
{{IS_RIGHT
}}IS_RIGHT
-->
<window id="demo"
apply="org.zkoss.zkdemo.userguide.DemoWindowComposer">
<html><![CDATA[ <h4>Form with Popup</h4> <p>Demonstrate a series of popup components in a form. <a href="javascript:;" onclick="if (!zk.isVisible($e('infos'))) {anima.slideDown($e('infos'));} else {anima.slideUp($e('infos'));}">More..</a></p> <ul style="display:none;" id="infos"> <li>A tooltip is shown when mouse over, disappear in 0.5 second if mouse leave.</li> <li>A popup is shown when mouse click, disappear when losing focus.</li> <li>A context is shown when right click, disappear when option clicking.</li> </ul> ]]></html> <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> ZK Mail Composer <grid fixedLayout="true" width="450px"> <columns> <column label="Option" width="100px" /> <column label="Input" /> </columns> <rows> <row> To : <hbox> <textbox width="150px" value="info@zkoss.org" constraint="/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*([,;]\s*\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*)*/: Please enter real e-mail address" /> <hbox> <image src="/img/Centigrade-Widget-Icons/QuestionmarkButton-16x16.png" tooltip="mail" style="cursor: help" /> <label value="Move mouse Over Me!" tooltip="mail" /> </hbox> </hbox> </row> <row> Subject : <hbox> <textbox value="I love ZK" width="150px" /> <hbox> <image src="/img/Centigrade-Widget-Icons/QuestionmarkButton-16x16.png" popup="title" style="cursor:pointer" /> <label value="Click Me!" popup="title" /> </hbox> </hbox> </row> <row> Introduction: <hbox> <textbox id="intro" rows="3" width="250px" context="editPopup"> <attribute name="value">Right Click On Me ! </attribute> </textbox> </hbox> </row> </rows> </grid> <menupopup id="editPopup"> <menuitem label="ClearAll" onClick="intro.value=null" /> <menu label="QuickText"> <menupopup> <menuitem label="Everything is OK!" onClick="intro.value=intro.value + self.label" /> <menuitem label="Thank you very much!" onClick="intro.value=intro.value + self.label" /> <menuitem label="I'm on a business trip!" onClick="intro.value=intro.value + self.label" /> <menuitem label="I'm busy now!" onClick="intro.value=intro.value + self.label" /> </menupopup> </menu> </menupopup> <popup id="title" width="400px"> <html>Input the subject of this letter. Problem report :</html> <toolbarbutton label="ZK Forum" target="zkdemo" href="http://www.zkoss.org/forum" /> </popup> <popup id="mail" width="300px"> <html> Please enter real email address. <br /> The validator allow multiple email addresses separated by semi-colons (<font color="red">;</font>).<br /> For Example:<u>zk@zkoss.org</u>;<u>info@zkoss.org</u> </html> </popup></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 + -