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.
122 lines
3.6 KiB
122 lines
3.6 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; |
|
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 $clientEventsMap = []; |
|
|
|
/** |
|
* 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 |
|
*/ |
|
protected function registerClientOptions($name) |
|
{ |
|
if ($this->clientOptions !== false) { |
|
$id = $this->options['id']; |
|
$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 |
|
*/ |
|
protected function registerClientEvents($name) |
|
{ |
|
if (!empty($this->clientEvents)) { |
|
$id = $this->options['id']; |
|
$js = []; |
|
foreach ($this->clientEvents as $event => $handler) { |
|
if (isset($this->clientEventsMap[$event])) { |
|
$eventName = $this->clientEventsMap[$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 |
|
*/ |
|
protected function registerWidget($name, $assetBundle) |
|
{ |
|
$this->registerAssets($assetBundle); |
|
$this->registerClientOptions($name); |
|
$this->registerClientEvents($name); |
|
} |
|
}
|
|
|