demogorgorn/yii2-vex-dialog

Yii2 wrapper for Vex, a modern dialog library (https://github.com/HubSpot/vex)

yii2-vex-dialog

Yii2 wrapper for Vex, a modern dialog library (https://github.com/HubSpot/vex), _(*1)

Installation

The preferred way to install this extension is through composer., _(*2)

Either run, _(*3)

php composer.phar require --prefer-dist demogorgorn/yii2-vex-dialog "*"

or add, _(*4)

"demogorgorn/yii2-vex-dialog": "*"

to the require section of your composer.json file., _(*5)

How to use

On your view file., _(*6)

registerJs($js);

?>

After that just call your function (in this example "showModal")., _(*7)

For example, common use with demogorgorn/yii2-ajax-submit-button (https://github.com/demogorgorn/yii2-ajax-submit-button) :, _(*8)

The same view file:, _(*9)

 'delete-button',
        'label' => Yii::t('modules/payments/common', 'Visit'),
        'ajaxOptions' => [
            'type'=>'POST',
            'url'=> \yii\helpers\Url::toRoute(['/payments/category/count-children']),
            'beforeSend' => new \yii\web\JsExpression('function (xhr) {
                var idurl = getTreeSelectedItem();

                if (idurl == null) {
                    xhr.abort();
                    showModal();
                }

                this.url = this.url + "&id=" + idurl;
            }'),
            'success' => new \yii\web\JsExpression('function(html){
                showModal();
            }'),
        ],
        'options' => ['class' => 'button large danger', 'type' => 'submit', 'disabled' => true],
    ]);
    \demogorgorn\ajax\AjaxSubmitButton::end();
?>