* @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\Javascripts\TJavaScriptLiteral; use Prado\Web\UI\ActiveControls\ICallbackEventHandler; use Prado\Web\UI\ActiveControls\TActivePanel; use Prado\Web\UI\TTemplate; Prado::using('System.Web.UI.JuiControls.TJuiControlAdapter'); Prado::using('System.Web.UI.ActiveControls.TActivePanel'); /** * TJuiSortable class. * * TJuiSortable is an extension to {@link TActivePanel} based on jQuery-UI's * {@link http://jqueryui.com/sortable/ Sortable} interaction. * The panel can be feed a {@link setDataSource DataSource} and will interally * render a {@link TRepeater} that displays items in an unordered list. * Items can be sortered dragging and dropping them. * * * * * * * $this->repeater1->DataSource=array('home', 'office', 'car', 'boat', 'plane'); * $this->repeater1->dataBind(); * * * @author Fabio Bas * @package Prado\Web\UI\JuiControls * @since 3.3 */ class TJuiSortable 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('appendTo', 'axis', 'cancel', 'connectWith', 'containment', 'cursor', 'cursorAt', 'delay', 'disabled', 'distance', 'dropOnEmpty', 'forceHelperSize', 'forcePlaceholderSize', 'grid', 'handle', 'helper', 'items', 'opacity', 'placeholder', 'revert', 'scroll', 'scrollSensitivity', 'scrollSpeed', 'tolerance', 'zIndex'); } /** * Array containing valid javascript events * @return array() */ public function getValidEvents() { return array('activate', 'beforeStop', 'change', 'create', 'deactivate', 'out', 'over', 'receive', 'remove', 'sort', 'start', 'stop', 'update'); } /** * @return array list of callback options. */ protected function getPostBackOptions() { $options = $this->getOptions()->toArray(); // overload some events to add information about the items order foreach($options as $event => $implementation) { if($event=='sort' || $event=='stop') $options[$event]=new TJavaScriptLiteral('function( event, ui ) { ui.index = jQuery(this).sortable(\'toArray\'); Prado.JuiCallback('.TJavascript::encode($this->getUniqueID()).', \''.$event.'\', event, ui, this); }'); } return $options; } /** * 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()."_0').sortable(".$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 OnBeforeStop event * @param object $params event parameters */ public function onBeforeStop ($params) { $this->raiseEvent('OnBeforeStop', $this, $params); } /** * Raises the OnChange event * @param object $params event parameters */ public function onChange ($params) { $this->raiseEvent('OnChange', $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 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); } /** * Raises the OnReceive event * @param object $params event parameters */ public function onReceive ($params) { $this->raiseEvent('OnReceive', $this, $params); } /** * Raises the OnRemove event * @param object $params event parameters */ public function onRemove ($params) { $this->raiseEvent('OnRemove', $this, $params); } /** * Raises the OnSort event * @param object $params event parameters */ public function onSort ($params) { $this->raiseEvent('OnSort', $this, $params); } /** * Raises the OnStart event * @param object $params event parameters */ public function onStart ($params) { $this->raiseEvent('OnStart', $this, $params); } /** * Raises the OnStop event * @param object $params event parameters */ public function OnStop ($params) { $this->raiseEvent('OnStop', $this, $params); } /** * Raises the OnUpdate event * @param object $params event parameters */ public function onUpdate ($params) { $this->raiseEvent('OnUpdate', $this, $params); } /** * @var ITemplate template for repeater items */ private $_repeater=null; /** * @param array data source for Sortables. */ public function setDataSource($data) { $this->getSortables()->setDataSource($data); } /** * Overrides parent implementation. Callback {@link renderSortables()} when * page's IsCallback property is true. */ public function dataBind() { parent::dataBind(); if($this->getPage()->getIsCallback()) $this->renderSortables($this->getResponse()->createHtmlWriter()); } /** * @return TRepeater suggestion list repeater */ public function getSortables() { if($this->_repeater===null) $this->_repeater = $this->createRepeater(); return $this->_repeater; } /** * @return TRepeater new instance of TRepater to render the list of Sortables. */ protected function createRepeater() { $repeater = Prado::createComponent('System.Web.UI.WebControls.TRepeater'); $repeater->setHeaderTemplate(new TJuiSortableTemplate('')); $repeater->setItemTemplate(new TTemplate('
  • <%# $this->Data %>
  • ',null)); $repeater->setEmptyTemplate(new TJuiSortableTemplate('')); $this->getControls()->add($repeater); return $repeater; } }