You can not select more than 25 topics
			Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
		
		
		
		
		
			
		
			
				
					
					
						
							125 lines
						
					
					
						
							3.8 KiB
						
					
					
				
			
		
		
	
	
							125 lines
						
					
					
						
							3.8 KiB
						
					
					
				<?php | 
						|
/** | 
						|
 * @link http://www.yiiframework.com/ | 
						|
 * @copyright Copyright (c) 2008 Yii Software LLC | 
						|
 * @license http://www.yiiframework.com/license/ | 
						|
 */ | 
						|
 | 
						|
namespace yii\jui; | 
						|
 | 
						|
use yii\helpers\Json; | 
						|
 | 
						|
/** | 
						|
 * \yii\jui\Widget is the base class for all jQuery UI widgets. | 
						|
 * | 
						|
 * @author Alexander Kochetov <creocoder@gmail.com> | 
						|
 * @since 2.0 | 
						|
 */ | 
						|
class Widget extends \yii\base\Widget | 
						|
{ | 
						|
	/** | 
						|
	 * @var string the jQuery UI theme. This refers to an asset bundle class | 
						|
	 * representing the JUI theme. The default theme is the official "Smoothness" theme. | 
						|
	 */ | 
						|
	public static $theme = 'yii\jui\ThemeAsset'; | 
						|
	/** | 
						|
	 * @var array the HTML attributes for the widget container tag. | 
						|
	 */ | 
						|
	public $options = []; | 
						|
	/** | 
						|
	 * @var array the options for the underlying jQuery UI widget. | 
						|
	 * Please refer to the corresponding jQuery UI widget Web page for possible options. | 
						|
	 * For example, [this page](http://api.jqueryui.com/accordion/) shows | 
						|
	 * how to use the "Accordion" widget and the supported options (e.g. "header"). | 
						|
	 */ | 
						|
	public $clientOptions = []; | 
						|
	/** | 
						|
	 * @var array the event handlers for the underlying jQuery UI widget. | 
						|
	 * Please refer to the corresponding jQuery UI widget Web page for possible events. | 
						|
	 * For example, [this page](http://api.jqueryui.com/accordion/) shows | 
						|
	 * how to use the "Accordion" widget and the supported events (e.g. "create"). | 
						|
	 */ | 
						|
	public $clientEvents = []; | 
						|
 | 
						|
	/** | 
						|
	 * @var array event names mapped to what should be specified in .on( | 
						|
	 * If empty, it is assumed that event passed to clientEvents is prefixed with widget name. | 
						|
	 */ | 
						|
	protected $clientEventMap = []; | 
						|
 | 
						|
	/** | 
						|
	 * Initializes the widget. | 
						|
	 * If you override this method, make sure you call the parent implementation first. | 
						|
	 */ | 
						|
	public function init() | 
						|
	{ | 
						|
		parent::init(); | 
						|
		if (!isset($this->options['id'])) { | 
						|
			$this->options['id'] = $this->getId(); | 
						|
		} | 
						|
	} | 
						|
 | 
						|
	/** | 
						|
	 * Registers a specific jQuery UI widget assets | 
						|
	 * @param string $assetBundle the asset bundle for the widget | 
						|
	 */ | 
						|
	protected function registerAssets($assetBundle) | 
						|
	{ | 
						|
		/** @var \yii\web\AssetBundle $assetBundle */ | 
						|
		$assetBundle::register($this->getView()); | 
						|
		/** @var \yii\web\AssetBundle $themeAsset */ | 
						|
		$themeAsset = static::$theme; | 
						|
		$themeAsset::register($this->getView()); | 
						|
	} | 
						|
 | 
						|
	/** | 
						|
	 * Registers a specific jQuery UI widget options | 
						|
	 * @param string $name the name of the jQuery UI widget | 
						|
	 * @param string $id the ID of the widget | 
						|
	 */ | 
						|
	protected function registerClientOptions($name, $id) | 
						|
	{ | 
						|
		if ($this->clientOptions !== false) { | 
						|
			$options = empty($this->clientOptions) ? '' : Json::encode($this->clientOptions); | 
						|
			$js = "jQuery('#$id').$name($options);"; | 
						|
			$this->getView()->registerJs($js); | 
						|
		} | 
						|
	} | 
						|
 | 
						|
	/** | 
						|
	 * Registers a specific jQuery UI widget events | 
						|
	 * @param string $name the name of the jQuery UI widget | 
						|
	 * @param string $id the ID of the widget | 
						|
	 */ | 
						|
	protected function registerClientEvents($name, $id) | 
						|
	{ | 
						|
		if (!empty($this->clientEvents)) { | 
						|
			$js = []; | 
						|
			foreach ($this->clientEvents as $event => $handler) { | 
						|
				if (isset($this->clientEventMap[$event])) { | 
						|
					$eventName = $this->clientEventMap[$event]; | 
						|
				} else { | 
						|
					$eventName = $name.$event; | 
						|
				} | 
						|
				$js[] = "jQuery('#$id').on('$eventName', $handler);"; | 
						|
			} | 
						|
			$this->getView()->registerJs(implode("\n", $js)); | 
						|
		} | 
						|
	} | 
						|
 | 
						|
	/** | 
						|
	 * Registers a specific jQuery UI widget asset bundle, initializes it with client options and registers related events | 
						|
	 * @param string $name the name of the jQuery UI widget | 
						|
	 * @param string $assetBundle the asset bundle for the widget | 
						|
	 * @param string $id the ID of the widget. If null, it will use the `id` value of [[options]]. | 
						|
	 */ | 
						|
	protected function registerWidget($name, $assetBundle, $id = null) | 
						|
	{ | 
						|
		if ($id === null) { | 
						|
			$id = $this->options['id']; | 
						|
		} | 
						|
		$this->registerAssets($assetBundle); | 
						|
		$this->registerClientOptions($name, $id); | 
						|
		$this->registerClientEvents($name, $id); | 
						|
	} | 
						|
}
 | 
						|
 |