ZCS 6.0:Zimlet Developers Guide:Examples:Panel Item Drag Source: Difference between revisions
(Adding Article Infobox) |
|||
Line 16: | Line 16: | ||
|} | |} | ||
== Description == | |||
{{Article Infobox|{{devel}}|{{ZCS 6.0}}||}}== 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. | This zimlet will display in the Zimlet panel. It registered to accept drag-n-drop items of types: appointment, contact, conversation and mail messages. |
Revision as of 22:22, 14 April 2010
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