ZCS 6.0:Zimlet Developers Guide:Examples:Menu Items JS: Difference between revisions
No edit summary |
(Adding categories) |
||
Line 84: | Line 84: | ||
{{Article Footer|Zimbra Collaboration Suite 6.0|12/22/2009}} | {{Article Footer|Zimbra Collaboration Suite 6.0|12/22/2009}} | ||
[[Category:Developers]] | |||
[[Category:Zimlets]] | |||
[[Category:ZCS 6.0]] |
Revision as of 21:54, 12 January 2010
Introduction | Getting Started | Dev Environment Setup | Developing Zimlets | Advanced Concepts | API Specifications | Example Zimlets |
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_menuitemsjs" version="0.1" description="Demos menu item with actions in JS"> <include>menuitems.js</include> <handlerObject>com_zimbra_menuitemsjsHandlerObject</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_menuitemsjsHandlerObject.prototype.menuItemSelected = function(itemId) { debugger; 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_menuitemsjs.zip |