ZCS 6.0:Zimlet Developers Guide:Examples:Panel Item Drag Source: 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 87: | Line 87: | ||
<li>[[ZCS 6.0:Zimlet Developers Guide:Zimlet_Definition_File_Reference#<dragSource>|Zimlet Definition File <dragSource> element]]</li> | <li>[[ZCS 6.0:Zimlet Developers Guide:Zimlet_Definition_File_Reference#<dragSource>|Zimlet Definition File <dragSource> element]]</li> | ||
</ul> | </ul> | ||
{{Article Footer|Zimbra Collaboration Suite 6.0|12/22/2009}} |
Revision as of 20:58, 22 December 2009
Introduction | Getting Started | Dev Environment Setup | Developing Zimlets | API Specifications | Example Zimlets |
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_paneldragsourceHandlerObject.prototype.doDrop(obj)
is called. Then the handler can process the dropped obj
.
Definition File
<zimlet name="com_zimbra_paneldragsource" version="0.1" description="Demos panel zimlet that accepts drag source objects"> <include>paneldragsource.js</include> <handlerObject>com_zimbra_paneldragsourceHandlerObject</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_paneldragsourceHandlerObject.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_paneldragsource.zip |
Useful Links