JUI Extension for Yii 2

This is the JQuery UI extension for Yii framework 2.0. It encapsulates JQuery UI widgets as Yii widgets, and makes using JQuery UI widgets in Yii applications extremely easy.

For license information check the LICENSE-file.

Documentation is at docs/guide/README.md.

Latest Stable Version Total Downloads Build Status


The preferred way to install this extension is through composer.

Either run

php composer.phar require --prefer-dist yiisoft/yii2-jui

or add

"yiisoft/yii2-jui": "~2.0.0"

to the require section of your composer.json file.


The following single line of code in a view file would render a JQuery UI DatePicker widget:

<?= yii\jui\DatePicker::widget(['name' => 'attributeName']) ?>

Configuring the Jquery UI options should be done using the clientOptions attribute:

<?= yii\jui\DatePicker::widget(['name' => 'attributeName', 'clientOptions' => ['defaultDate' => '2014-01-01']]) ?>

If you want to use the JUI widget in an ActiveForm, it can be done like this:

<?= $form->field($model,'attributeName')->widget(DatePicker::className(),['clientOptions' => ['defaultDate' => '2014-01-01']]) ?>

Class Reference

Class Description
yii\jui\Accordion Accordion renders an accordion jQuery UI widget.
yii\jui\AutoComplete AutoComplete renders an autocomplete jQuery UI widget.
yii\jui\DatePicker DatePicker renders a datepicker jQuery UI widget.
yii\jui\Dialog Dialog renders an dialog jQuery UI widget.
yii\jui\Draggable Draggable renders an draggable jQuery UI widget.
yii\jui\Droppable Droppable renders an droppable jQuery UI widget.
yii\jui\InputWidget InputWidget is the base class for all jQuery UI input widgets.
yii\jui\Menu Menu renders a menu jQuery UI widget.
yii\jui\ProgressBar ProgressBar renders an progressbar jQuery UI widget.
yii\jui\Resizable Resizable renders an resizable jQuery UI widget.
yii\jui\Selectable Selectable renders a selectable jQuery UI widget.
yii\jui\Slider Slider renders a slider jQuery UI widget.
yii\jui\SliderInput SliderInput renders a slider jQuery UI widget that writes its value into hidden input.
yii\jui\Sortable Sortable renders a sortable jQuery UI widget.
yii\jui\Spinner Spinner renders an spinner jQuery UI widget.
yii\jui\Tabs Tabs renders a tabs jQuery UI widget.
yii\jui\Widget \yii\jui\Widget is the base class for all jQuery UI widgets.