ZCS 6.0:Zimlet Developers Guide:Examples:Panel Item Drag Source: Difference between revisions
No edit summary |
|||
(2 intermediate revisions by one other user not shown) | |||
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);" | {{BC|Community Sandbox}} | ||
__FORCETOC__ | |||
<div class="col-md-12 ibox-content"> | |||
=ZCS 6.0: Zimlet Developer Guide:Examples:Panel Item Drag Source= | |||
{{KB|{{Unsupported}}|{{ZCS 7.0}}|{{ZCS 6.0}}|}} | |||
{{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]] | ||
Line 15: | Line 20: | ||
|[[ZCS 6.0:Zimlet Developers Guide:Example Zimlets|Example Zimlets]] | |[[ZCS 6.0:Zimlet Developers Guide:Example Zimlets|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. | This zimlet will display in the Zimlet panel. It registered to accept drag-n-drop items of types: appointment, contact, conversation and mail messages. | ||
Line 81: | Line 84: | ||
{| cellspacing="0" cellpadding="5" border="1" | {| cellspacing="0" cellpadding="5" border="1" | ||
|Zimlet Package | |Zimlet Package | ||
|[ | |[https://github.com/Zimbra-Community/zimlets-foss/raw/master/Zimlet/src/zimlet/com_zimbra_example_paneldragsource.zip com_zimbra_example_paneldragsource.zip] | ||
|} | |} | ||
Latest revision as of 11:58, 3 November 2020
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