ZCS 6.0:Zimlet Developers Guide:Examples:Menu Items JS: Difference between revisions
(Adding Article Infobox) |
No edit summary |
||
Line 17: | Line 17: | ||
{{Article Infobox|{{devel}}|{{ZCS 6.0}} | {{Article Infobox|{{devel}}|{{ZCS 7.0}}|{{ZCS 6.0}}|}}== Description == | ||
This zimlet will match the words lab, user or remodel and display a tool tip. On mouse right-click, a menu is presented. Each menu item will launch a website. | This zimlet will match the words lab, user or remodel and display a tool tip. On mouse right-click, a menu is presented. Each menu item will launch a website. | ||
Line 85: | Line 85: | ||
{{Article Footer|Zimbra Collaboration | {{Article Footer|Zimbra Collaboration Server 7.0|12/22/2009}} | ||
[[Category:Developers]] | [[Category:Developers]] | ||
[[Category:Zimlets]] | [[Category:Zimlets]] | ||
[[Category:ZCS 7.0]] | |||
[[Category:ZCS 6.0]] | [[Category:ZCS 6.0]] |
Revision as of 15:04, 13 September 2011
Introduction | Getting Started | Dev Environment Setup | Developing Zimlets | Advanced Concepts | API Specifications | Example Zimlets |
Article Information |
---|
This article applies to the following ZCS versions. |
Description
This zimlet will match the words lab, user or remodel and display a tool tip. On mouse right-click, a menu is presented. Each menu item will launch a website.
The Zimlet ZIP Package contains the Zimlet Definition File and a JavaScript file. The two menu items are defined using <menuItem>
. The a zimlet menuitems.js
JavaScript file is included with <include>menuitems.js</include>
. The zimlet Handler Object is defined with <handlerObject>com_zimbra_menuitemsjsHandlerObject</handlerObject>
.
When a menu item is selected, the zimlet Handler Object menuItemSelected(itemId)
method is called and passes the menu item id, as specified in the definition file (either "SOME_MENU_ITEM_ID1" or "SOME_MENU_ITEM_ID2").
Screen Shot
Definition File
<zimlet name="com_zimbra_example_menuitemsjs" version="1.0" description="Demos menu item with actions in JS"> <include>com_zimbra_example_menuitemsjs.js</include> <handlerObject>com_zimbra_example_menuitemsjs_HandlerObject</handlerObject> <contentObject> <matchOn> <regex attrs="ig">lab|user|remodel</regex> <!-- matches lab or user or remodel --> </matchOn> <toolTip>Menu Items Example</toolTip> <!-- the tool tip to display when content matches --> <contextMenu> <menuItem label="First Context Menu Item - Go to Yahoo!" icon="Search" id="SOME_MENU_ITEM_ID1" /> <menuItem label="Second Context Menu Item - Go to Yahoo! Sports" icon="NewContact" id="SOME_MENU_ITEM_ID2" /> </contextMenu> </contentObject> </zimlet>
JS File
/** * This method gets called by the Zimlet framework when a context menu item is selected. * * @param itemId the Id of selected menu item */ com_zimbra_example_menuitemsjs_HandlerObject.prototype.menuItemSelected = function(itemId) { switch (itemId) { case "SOME_MENU_ITEM_ID1": window.open ("http://www.yahoo.com", "mywindow","menubar=1,resizable=1,width=800,height=600"); break; case "SOME_MENU_ITEM_ID2": window.open ("http://sports.yahoo.com", "mywindow","menubar=1,resizable=1,width=800,height=600"); break; default: // do nothing break; } };
Download
Zimlet Package | com_zimbra_example_menuitemsjs.zip |