📄 context.zul
字号:
<?xml version="1.0" encoding="UTF-8"?><!--context.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>Context Menu</h4> <p>Demonstrate context menu usage and its responses to right clicks.<br /> A conext menu can be any popup or menupopup component. To enable a context menu, assign the id of the popup component to the context attribute.</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> <vbox> Right click the profile picture. <image src="/img/msn2.gif" context="editPopup" /> <menupopup id="editPopup"> <menuitem src="/img/Centigrade-Widget-Icons/Bubble-16x16.png" label="Message" /> <menuseparator /> <menuitem src="/img/Centigrade-Widget-Icons/UserProfileMale-16x16.png" label="Profile" /> <menuitem src="/img/Centigrade-Widget-Icons/Envelope-16x16.png" label="Mail to" /> <menuseparator /> <menu label="Group" src="/img/Centigrade-Widget-Icons/CasualUsers-16x16.png"> <menupopup> <menu label="Add to..."> <menupopup> <menuitem label="Member" autocheck="true" checkmark="true" checked="true" /> <menuitem label="Managers" autocheck="true" checkmark="true" /> <menuitem label="Guest" autocheck="true" checkmark="true" /> <menuitem label="Customers" autocheck="true" checkmark="true" /> </menupopup> </menu> <menu label="Move to..."> <menupopup> <menuitem label="Member" autocheck="true" checkmark="true" /> <menuitem label="Managers" autocheck="true" checkmark="true" /> <menuitem label="Guest" autocheck="true" checkmark="true" /> <menuitem label="Customers" autocheck="true" checkmark="true" /> </menupopup> </menu> </menupopup> </menu> <menuitem label="Block" src="/img/Centigrade-Widget-Icons/CasualUserMaleProhibition-16x16.png" /> <menuitem label="Remove contant" src="/img/Centigrade-Widget-Icons/DeleteCross-16x16.png" /> </menupopup> </vbox></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 + -