From 8bc48333c40d0970a404ea48865d4c72e6c72c6f Mon Sep 17 00:00:00 2001 From: Alexander Kochetov Date: Thu, 23 May 2013 00:45:57 +0400 Subject: [PATCH] jQuery UI widgets --- framework/yii/jui/AutoComplete.php | 92 ++++++++++++++++++++++++++++++++++++++ framework/yii/jui/Widget.php | 84 ++++++++++++++++++++++++++++++++++ 2 files changed, 176 insertions(+) create mode 100644 framework/yii/jui/AutoComplete.php create mode 100644 framework/yii/jui/Widget.php diff --git a/framework/yii/jui/AutoComplete.php b/framework/yii/jui/AutoComplete.php new file mode 100644 index 0000000..f5bbae9 --- /dev/null +++ b/framework/yii/jui/AutoComplete.php @@ -0,0 +1,92 @@ + $model, + * 'attribute' => 'country', + * 'clientOptions' => array( + * 'source' => array('USA', 'RUS'), + * ), + * )); + * ``` + * + * The following example will use the name property instead: + * + * ```php + * echo AutoComplete::widget(array( + * 'name' => 'country', + * 'clientOptions' => array( + * 'source' => array('USA', 'RUS'), + * ), + * )); + *``` + * + * @see http://api.jqueryui.com/autocomplete/ + * @author Alexander Kochetov + * @since 2.0 + */ +class AutoComplete extends Widget +{ + /** + * @var \yii\base\Model the data model that this widget is associated with. + */ + public $model; + /** + * @var string the model attribute that this widget is associated with. + */ + public $attribute; + /** + * @var string the input name. This must be set if [[model]] and [[attribute]] are not set. + */ + public $name; + /** + * @var string the input value. + */ + public $value; + + + /** + * Renders the widget. + */ + public function run() + { + echo $this->renderField(); + $this->registerWidget('autocomplete'); + } + + /** + * Renders the AutoComplete field. If [[model]] has been specified then it will render an active field. + * If [[model]] is null or not from an [[Model]] instance, then the field will be rendered according to + * the [[name]] attribute. + * @return string the rendering result. + * @throws InvalidConfigException when none of the required attributes are set to render the textInput. + * That is, if [[model]] and [[attribute]] are not set, then [[name]] is required. + */ + public function renderField() + { + if ($this->model instanceof Model && $this->attribute !== null) { + return Html::activeTextInput($this->model, $this->attribute, $this->options); + } elseif ($this->name !== null) { + return Html::textInput($this->name, $this->value, $this->options); + } else { + throw new InvalidConfigException("Either 'name' or 'model' and 'attribute' properties must be specified."); + } + } +} diff --git a/framework/yii/jui/Widget.php b/framework/yii/jui/Widget.php new file mode 100644 index 0000000..f6efd91 --- /dev/null +++ b/framework/yii/jui/Widget.php @@ -0,0 +1,84 @@ + + * @since 2.0 + */ +class Widget extends \yii\base\Widget +{ + /** + * @var string the jQuery UI theme bundle. + */ + public static $theme = 'yii/jui/theme/base'; + /** + * @var array the HTML attributes for the widget container tag. + */ + public $options = array(); + /** + * @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 = array(); + /** + * @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 = array(); + + + /** + * 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 and the related events + * @param string $name the name of the jQuery UI widget + */ + protected function registerWidget($name) + { + $id = $this->options['id']; + $view = $this->getView(); + $view->registerAssetBundle("yii/jui/$name"); + $view->registerAssetBundle(static::$theme . "/$name"); + + if ($this->clientOptions !== false) { + $options = empty($this->clientOptions) ? '' : Json::encode($this->clientOptions); + $js = "jQuery('#$id').$name($options);"; + $view->registerJs($js); + } + + if (!empty($this->clientEvents)) { + $js = array(); + foreach ($this->clientEvents as $event => $handler) { + $js[] = "jQuery('#$id').on('$name$event', $handler);"; + } + $view->registerJs(implode("\n", $js)); + } + } +}