Место для вас

Добавление SweetAlert в yii2 фреимворк

Вам надоели стандартные alert окошки от javascript? Есть отличное решение для замены. Это SweetAlert.js !!! Мне оно очень нравится. SweetAlert как-то оживляет сайт.

Чтоб заменить стандартный alert в yii2 фреимворке на SweetAlert нужно выполнить всего несколько очень простых шагов и будет вам счастье.

Качаем архив здесь или здесь.

Распаковываем его. Нам нужны два файла: sweetalert.min.js и sweetalert.css. Разнесите их по соответствующим папкам в вашем проекте.

Далее нужно перезаписать confirm метод от yii.js. Для этого создаем файл yii_overrides.js и вносим в него код:


yii.confirm = function (message, okCallback, cancelCallback) {
   swal({
	   title: 'УДАЛИТЬ',
	   text: 'Вы действительно хотите удалить эту запись?',
       type: 'error',
	   showCancelButton: true,
	   confirmButtonClass: "btn-danger",
	   cancelButtonClass: "btn-info",
	   confirmButtonText: 'ДА',
	   cancelButtonText: 'НЕТ',
	   closeOnConfirm: false,
       closeOnCancel: true,
       allowOutsideClick: true
   }, okCallback);
};

Ну и чтоб наш файл yii_overrides.js подгрузился после файла yii.js нужно прописать его в AppAsset.php.


namespace frontend\assets;

use yii\web\AssetBundle;

class AppAsset extends AssetBundle
{
    public $basePath = '@webroot';
    public $baseUrl = '@web';
    public $css = [
        // 'css/site.css',
    ];
    public $js = [
        'js/yii_overrides.js' // наш созданный файл для перезаписи yii.js
    ];
    public $depends = [
        'yii\web\YiiAsset',
        // 'yii\bootstrap\BootstrapAsset',
    ];
}

Вот и все. Обновите страницу и попробуйте удалить запись из GridView. Стандартный alert должен будет замениться на новый:

установка sweet-alert на yii2 фреимворк


Место для вас

Добавить коментарий

кликните на картинку,
чтоб обновить код

Что за сайт

Этот сайт представляет унифицированную базу, где инфа собрана в единое целое, а не разбросанна по многочисленным сайтам, записям на листах бумаги или головам людей; а так же доступна круглосуточно не зависимо от кого-либо или чего-либо.

Будь в курсе

Интересненько

Вверх