ZCS 6.0:Zimlet Developers Guide:Examples:Menu Items JS: Difference between revisions
(New page: {| cellspacing="0" cellpadding="5" style="border: 1px solid rgb(153, 153, 170); margin: 0pt 0.5em 0.5em 0pt; float: none; background-color: rgb(249, 249, 255);" |[[Image:zdg-6-menu-icon-zi...) |
No edit summary |
||
Line 76: | Line 76: | ||
{| cellspacing="0" cellpadding="5" border="1" | {| cellspacing="0" cellpadding="5" border="1" | ||
|Zimlet Package | |Zimlet Package | ||
|[[Media: | |[[Media:zcs-6-examples-menuitemsjs-com_zimbra_menuitemsjs.zip|com_zimbra_menuitemsjs.zip]] | ||
|} | |} |
Revision as of 22:39, 14 December 2009
Introduction | Getting Started | Dev Environment Setup | Developing Zimlets | 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 |