ZCS 6.0:Zimlet Developers Guide:Examples:Panel Item Drag Source: Difference between revisions
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
{| 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);" | {{WIP}}{| 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-zimbra.jpg|20px]] | |[[Image:zdg-6-menu-icon-zimbra.jpg|20px]] | ||
|[[ZCS 6.0:Zimlet Developers Guide:Introduction|Introduction]] | |[[ZCS 6.0:Zimlet Developers Guide:Introduction|Introduction]] |
Revision as of 19:25, 25 March 2015
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 display in the Zimlet panel. It registered to accept drag-n-drop items of types: appointment, contact, conversation and mail messages.
When items of those types are dropped on the panel item, the Zimlet Handler Object com_zimbra_example_paneldragsource_HandlerObject.prototype.doDrop(obj)
is called. Then the handler can process the dropped obj
.
Definition File
<zimlet name="com_zimbra_example_paneldragsource" version="1.0" description="Demos panel zimlet that accepts drag source objects"> <include>com_zimbra_example_paneldragsource.js</include> <handlerObject>com_zimbra_example_paneldragsource_HandlerObject</handlerObject> <zimletPanelItem label="Test Panel with Drag Source"> <toolTipText>Drag and drop an object</toolTipText> <dragSource type="ZmAppt" /> <dragSource type="ZmContact" /> <dragSource type="ZmConv" /> <dragSource type="ZmMailMsg" /> </zimletPanelItem> </zimlet>
Handler Object
Here is doDrop(obj)
method of the Zimlet Handler Object:
/** * This method gets called by the Zimlet framework when an item or items are dropped on the panel. * * @param obj the dropped object */ com_zimbra_example_paneldragsource_HandlerObject.prototype.doDrop = function(obj) { var type = obj.TYPE; switch(type) { case "ZmAppt": { // do something with ZmAppt break; } case "ZmContact": { // do something with ZmContact break; } case "ZmConv": { // do something with ZmConv break; } case "ZmMailMsg": { // do something with ZmMailMsg break; } } };
Download
Zimlet Package | com_zimbra_example_paneldragsource.zip |
Useful Links