* @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); } }