Difference between revisions of "ZCS 6.0:Zimlet Developers Guide:Examples:Panel Item Clicked"

Line 16: Line 16:
 
== Description ==
 
== Description ==
  
This zimlet will display in the Zimlet panel. Single-click or double-click with the left mouse button on the panel item and the Handler Object <code>singleClicked()</code> and <code>doubleClicked()</code> methods are called.
+
This zimlet will display in the Zimlet panel. Single-click or double-click with the left mouse button on the panel item and the Handler Object <code>singleClicked()</code> and <code>doubleClicked()</code> methods are called. The zimlet displays a status message base on the click using <code>displayStatusMessage()</code>.
  
 
== Definition File ==
 
== Definition File ==
Line 28: Line 28:
 
</zimletPanelItem>
 
</zimletPanelItem>
 
</zimlet>
 
</zimlet>
 +
</pre>
 +
 +
== Handler Object ==
 +
 +
Below is a snippet from the JavaScript Handler Object for this zimlet showing the two "clicked" methods:
 +
 +
<pre>
 +
/**
 +
* This method gets called by the Zimlet framework when single-click is performed.
 +
*/
 +
com_zimbra_panelitemclickedHandlerObject.prototype.singleClicked =
 +
function() {
 +
    this.displayStatusMessage("Single-click performed");
 +
};
 +
 +
/**
 +
* This method gets called by the Zimlet framework when double-click is performed
 +
*/
 +
com_zimbra_panelitemclickedHandlerObject.prototype.doubleClicked =
 +
function() {
 +
    this.displayStatusMessage("Double-click performed");
 +
};
 
</pre>
 
</pre>
  

Revision as of 23:21, 14 December 2009

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-library.jpg API Specifications Zdg-6-menu-icon-checkbox.jpg Example Zimlets

Description

This zimlet will display in the Zimlet panel. Single-click or double-click with the left mouse button on the panel item and the Handler Object singleClicked() and doubleClicked() methods are called. The zimlet displays a status message base on the click using displayStatusMessage().

Definition File

<zimlet name="com_zimbra_panelitemclicked" version="0.1" description="Demos panel item single and double clicked">
	<include>com_zimbra_panelitemclicked.js</include>
	<handlerObject>com_zimbra_panelitemclickedHandlerObject</handlerObject>
	<zimletPanelItem label="Panel Item Clicked Zimlet">
		<toolTipText>Single or Double Click</toolTipText>
	</zimletPanelItem>
</zimlet>

Handler Object

Below is a snippet from the JavaScript Handler Object for this zimlet showing the two "clicked" methods:

/**
 * This method gets called by the Zimlet framework when single-click is performed.
 */
com_zimbra_panelitemclickedHandlerObject.prototype.singleClicked =
function() {
    this.displayStatusMessage("Single-click performed");
};

/**
 * This method gets called by the Zimlet framework when double-click is performed
 */
com_zimbra_panelitemclickedHandlerObject.prototype.doubleClicked =
function() {
    this.displayStatusMessage("Double-click performed");
};

Download

Zimlet Package com_zimbra_panelitemclicked.zip
Jump to: navigation, search