zoukankan      html  css  js  c++  java
  • Yii2美化confirm

      Bootbox官网下载Bootbox.js插件,它是一个小型的JavaScript库用来创建简单的可编程对话框,基于Bootstrap的Modal(模态框)来创建。然后在@app/web/js/路径下创建一个javascript文件,比如confirm.js,内容如下

    yii.allowAction = function ($e) {
    var message = $e.data('confirm');
    return message === undefined || yii.confirm(message, $e);
    };
    // --- Delete action (bootbox) ---
    yii.confirm = function (message, ok, cancel) {

    bootbox.confirm(
    {
    message: message,
    buttons: {
    confirm: {
    label: "确定",
    className: 'btn-success'
    },
    cancel: {
    label: "取消",
    className: 'btn-danger'
    }
    },
    callback: function (confirmed) {
    if (confirmed) {
    !ok || ok();
    } else {
    !cancel || cancel();
    }
    }
    }
    );
    // confirm will always return false on the first call
    // to cancel click handler
    return false;
    }

      接下来注册资源包,包括下载的Bootbox.js和上面所写的confirm.js,修改文件:@app/assets/Assets.php

    namespace backendassets;
    
    use yiiwebAssetBundle;
    
    class AppAsset extends AssetBundle
    {
        public $basePath = '@webroot';
        public $baseUrl = '@web';
        public $css = [
            'css/site.css',
        ];
    // 注册js资源,加入这段代码 public $js = ['js/bootbox.min.js', 'js/confirm.js']; public $depends = [ 'yiiwebYiiAsset', 'yiiootstrapBootstrapAsset', ]; }

      最后刷新之前的页面就可以了。修改前后对比

      修改之前

      

      修改之后

      

  • 相关阅读:
    JavaScript 循环语句
    python 学习(day1)
    spring定时任务(@Scheduled注解)cron表达式详解
    IDEA 实用插件
    mysql版本和mysql-connector-java的对应关系记录
    CAS单点登录(理论部分)
    AOP
    获取post请求数据工具类
    nodeJs 安装
    docker 安装Nginx
  • 原文地址:https://www.cnblogs.com/xiaopiyuanzi/p/5949602.html
Copyright © 2011-2022 走看看