ZCS 6.0:Zimlet Developers Guide:Examples:Panel Item Drag Source
ZCS 6.0: Zimlet Developer Guide:Examples:Panel Item Drag Source
- This article is a Work in Progress, and may be unfinished or missing sections.
|
Introduction | 
|
Getting Started | 
|
Dev Environment Setup | 
|
Developing Zimlets | 
|
Advanced Concepts | 
|
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_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
