ZCS 6.0:Zimlet Developers Guide:Examples:Panel Item Drag Source: Difference between revisions
(Adding categories) |
No edit summary |
||
Line 26: | Line 26: | ||
<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 45: | ||
<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 81: | ||
{| 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] | ||
|} | |} | ||
Revision as of 19:43, 10 February 2010
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_paneldragsourceHandlerObject.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