ZCS 6.0:Zimlet Developers Guide:Examples:Panel Item Drag Source: Difference between revisions
(Adding categories) |
No edit summary |
||
| (5 intermediate revisions by 4 users 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 == | == 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. | ||
When items of those types are dropped on the panel item, the Zimlet Handler Object <code> | When items of those types are dropped on the panel item, the Zimlet Handler Object <code>com_zimbra_example_paneldragsource_HandlerObject.prototype.doDrop(obj)</code> is called. Then the handler can process the dropped <code>obj</code>. | ||
== Definition File == | == Definition File == | ||
<pre> | <pre> | ||
<zimlet name=" | <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> | </zimlet> | ||
</pre> | </pre> | ||
| Line 45: | Line 48: | ||
<pre> | <pre> | ||
** | /** | ||
* This method gets called by the Zimlet framework when an item or items are dropped on the panel. | * This method gets called by the Zimlet framework when an item or items are dropped on the panel. | ||
* | * | ||
* @param obj the dropped object | * @param obj the dropped object | ||
*/ | */ | ||
com_zimbra_example_paneldragsource_HandlerObject.prototype.doDrop = | |||
function(obj) { | 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; | |||
} | |||
} | |||
}; | }; | ||
</pre> | </pre> | ||
| Line 79: | Line 84: | ||
{| cellspacing="0" cellpadding="5" border="1" | {| cellspacing="0" cellpadding="5" border="1" | ||
|Zimlet Package | |Zimlet Package | ||
|[ | |[http://files.zimbra.com/docs/zimlet/zcs/6.0/examples/com_zimbra_example_paneldragsource/com_zimbra_example_paneldragsource.zip com_zimbra_example_paneldragsource.zip] | ||
|} | |} | ||
| Line 92: | Line 97: | ||
{{Article Footer|Zimbra Collaboration | {{Article Footer|Zimbra Collaboration Server 7.0|12/22/2009}} | ||
[[Category:Developers]] | [[Category:Developers]] | ||
[[Category:Zimlets]] | [[Category:Zimlets]] | ||
[[Category:ZCS 7.0]] | |||
[[Category:ZCS 6.0]] | [[Category:ZCS 6.0]] | ||
Revision as of 12:55, 13 July 2015
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
