* @link http://www.pradosoft.com/ * @copyright Copyright © 2013-2014 PradoSoft * @license http://www.pradosoft.com/license/ * @package Prado\Web\UI\JuiControls */ namespace Prado\Web\UI\JuiControls; use Prado\Prado; use Prado\Web\Javascripts\TJavaScript; use Prado\Web\UI\ActiveControls\ICallbackEventHandler; use Prado\Web\UI\ActiveControls\TActivePanel; Prado::using('System.Web.UI.JuiControls.TJuiControlAdapter'); Prado::using('System.Web.UI.ActiveControls.TActivePanel'); /** * TJuiDroppable class. * * TJuiDroppable is an extension to {@link TActivePanel} based on jQuery-UI's * {@link http://jqueryui.com/droppable/ Droppable} interaction. * When a {@link TJuiDraggable} is dropped over a TJuiDroppable panel, the * {@link onDrop OnDrop} event will be triggered. The event hanler will receive * a {@link TJuiEventParameter} object containing a reference to the dropped control * in the DraggableControl property. * * * * drag me * * * * drop it over me * * * * * public function drop1_ondrop($sender, $param) * { * $draggable=$param->DraggableControl; * $offset=$param->getCallbackParameter()->offset; * $target=$param->getCallbackParameter()->target->offset; * $top=$offset->top - $target->top; * $left=$offset->left - $target->left; * $this->label1->Text="Dropped ".$draggable->ID." at:
Top=".$top." Left=".$left; * } *
* * @author Fabio Bas * @package Prado\Web\UI\JuiControls * @since 3.3 */ class TJuiDroppable extends TActivePanel implements IJuiOptions, ICallbackEventHandler { protected $_options; /** * Creates a new callback control, sets the adapter to * TActiveControlAdapter. If you override this class, be sure to set the * adapter appropriately by, for example, by calling this constructor. */ public function __construct() { parent::__construct(); $this->setAdapter(new TJuiControlAdapter($this)); } /** * Object containing defined javascript options * @return TJuiControlOptions */ public function getOptions() { if($this->_options===null) $this->_options=new TJuiControlOptions($this); return $this->_options; } /** * Array containing valid javascript options * @return array() */ public function getValidOptions() { return array('addClasses', 'appendTo', 'axis', 'cancel', 'connectToSortable', 'containment', 'cursor', 'cursorAt', 'delay', 'disabled', 'distance', 'grid', 'handle', 'helper', 'iframeFix', 'opacity', 'refreshPositions', 'revert', 'revertDuration', 'scope', 'scroll', 'scrollSensitivity', 'scrollSpeed', 'snap', 'snapMode', 'snapTolerance', 'stack', 'zIndex'); } /** * Array containing valid javascript events * @return array() */ public function getValidEvents() { return array('activate', 'create', 'deactivate', 'drop', 'out', 'over'); } /** * @return array list of callback options. */ protected function getPostBackOptions() { return $this->getOptions()->toArray(); } /** * Ensure that the ID attribute is rendered and registers the javascript code * for initializing the active control. */ protected function addAttributesToRender($writer) { parent::addAttributesToRender($writer); $writer->addAttribute('id',$this->getClientID()); $options=TJavascript::encode($this->getPostBackOptions()); $cs=$this->getPage()->getClientScript(); $code="jQuery('#".$this->getClientId()."').droppable(".$options.");"; $cs->registerEndScript(sprintf('%08X', crc32($code)), $code); } /** * Raises callback event. This method is required by the {@link ICallbackEventHandler} * interface. * @param TCallbackEventParameter the parameter associated with the callback event */ public function raiseCallbackEvent($param) { $this->getOptions()->raiseCallbackEvent($param); } /** * Raises the OnActivate event * @param object $params event parameters */ public function onActivate ($params) { $this->raiseEvent('OnActivate', $this, $params); } /** * Raises the OnCreate event * @param object $params event parameters */ public function onCreate ($params) { $this->raiseEvent('OnCreate', $this, $params); } /** * Raises the OnDeactivate event * @param object $params event parameters */ public function onDeactivate ($params) { $this->raiseEvent('OnDeactivate', $this, $params); } /** * Raises the OnDrop event * @param object $params event parameters */ public function onDrop ($params) { $this->raiseEvent('OnDrop', $this, $params); } /** * Raises the OnOut event * @param object $params event parameters */ public function OnOut ($params) { $this->raiseEvent('OnOut', $this, $params); } /** * Raises the OnOver event * @param object $params event parameters */ public function OnOver ($params) { $this->raiseEvent('OnOver', $this, $params); } /** * This method is invoked when a callback is requested. The method raises * 'OnCallback' event to fire up the event handlers. If you override this * method, be sure to call the parent implementation so that the event * handler can be invoked. * @param TCallbackEventParameter event parameter to be passed to the event handlers */ public function onCallback($param) { $this->raiseEvent('OnCallback', $this, $param); } }