ZCS 6.0:Zimlet Developers Guide:Examples:Panel Item Drag Source: Difference between revisions

No edit summary
No edit summary
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);"
{{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]]

Revision as of 19:25, 25 March 2015

Zdg-6-menu-icon-zimbra.jpg Introduction Zdg-6-menu-icon-green-flag.png Getting Started Zdg-6-menu-icon-terminal.png Dev Environment Setup Zdg-6-menu-icon-gear.png Developing Zimlets Zdg-6-menu-icon-advanced.jpg Advanced Concepts Zdg-6-menu-icon-library.jpg API Specifications Zdg-6-menu-icon-checkbox.jpg Example Zimlets


Developer Article

Article Information

This article applies to the following ZCS versions.

ZCS 7.0 Article ZCS 7.0 ZCS 6.0 Article 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.

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


Verified Against: Zimbra Collaboration Server 7.0 Date Created: 12/22/2009
Article ID: https://wiki.zimbra.com/index.php?title=ZCS_6.0:Zimlet_Developers_Guide:Examples:Panel_Item_Drag_Source Date Modified: 2015-03-25



Try Zimbra

Try Zimbra Collaboration with a 60-day free trial.
Get it now »

Want to get involved?

You can contribute in the Community, Wiki, Code, or development of Zimlets.
Find out more. »

Looking for a Video?

Visit our YouTube channel to get the latest webinars, technology news, product overviews, and so much more.
Go to the YouTube channel »

Jump to: navigation, search