精华内容
下载资源
问答
  • BootstrapDialog点击关闭触发事件

    千次阅读 2018-02-24 10:35:32
    前端弹框提醒点击右上角的关闭叉叉后有时需要触发一些操作,比如新增等。 BootstrapDialog.show({ type:BootstrapDialog.TYPE_SUCCESS, size:BootstrapDialog.SIZE_SMALL, closable: function(){ $(this)....

    前端弹框提醒时点击右上角的关闭叉叉后有时需要触发一些操作,比如新增等。

    BootstrapDialog.show({
        type:BootstrapDialog.TYPE_SUCCESS,
        size:BootstrapDialog.SIZE_SMALL,
        closable: function(){
            $(this).on("click", function(){   //主要是添加一层判断是否点击即可
                doSomething();
            });
        },
        closeByBackdrop: false,
        closeByKeyboard: false,
        title: "温馨提示",
        message: "保存成功!",
        buttons: [
            {label: '确定',
            cssClass:"btn-danger", 
            action: function(dialog) {     
                dialog.close();            
            }}
    });
    展开全文
  • Bootstrap- Modal对话框如何在关闭时触发事件 bootstrap dialog相关事件
    下表列出了模态框中要用到事件。这些事件可在函数中当钩子使用。
    
    事件 描述 实例
    show.bs.modal 在调用 show 方法后触发。
    $('#identifier').on('show.bs.modal', function () {
      // 执行一些动作...
    })
    shown.bs.modal 当模态框对用户可见时触发(将等待 CSS 过渡效果完成)。
    $('#identifier').on('shown.bs.modal', function () {
      // 执行一些动作...
    })
    hide.bs.modal 当调用 hide 实例方法时触发。
    $('#identifier').on('hide.bs.modal', function () {
      // 执行一些动作...
    })
    hidden.bs.modal 当模态框完全对用户隐藏时触发。
    $('#identifier').on('hidden.bs.modal', function () {
      // 执行一些动作...
    })
    展开全文
  • easyui之关闭窗口时触发关闭事件

    万次阅读 2014-06-19 16:29:17
    触发关闭窗口时事件 jQuery(document).ready(function(){ $('#dlg').dialog({ onClose:function(){ alert("关闭窗口"); } }); }); The dialog content.

    具体code如下所示

    <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
        <title>触发关闭窗口时事件</title>
        
        <link rel="stylesheet" type="text/css" href="jquery-easyui-1.3.6/themes/default/easyui.css">
    	<link rel="stylesheet" type="text/css" href="jquery-easyui-1.3.6/themes/icon.css">
    	<script type="text/javascript" src="jquery-easyui-1.3.6/jquery.min.js"></script>
    	<script type="text/javascript" src="jquery-easyui-1.3.6/jquery.easyui.min.js"></script>
    	<script type="text/javascript" src="jquery-easyui-1.3.6/locale/easyui-lang-zh_CN.js"></script> 
    	<script type="text/javascript">
    	jQuery(document).ready(function(){
    		$('#dlg').dialog({
    		    onClose:function(){
    		     	alert("关闭窗口");
    		    }
    	    });
    	});
    	</script>
      </head>
      
      <body style="padding-top:350px">
    	<div id="dlg" class="easyui-dialog" title="Dialog" style="width:400px;height:200px;padding:10px">
    		The dialog content.
    	</div>
      </body>
    </html>


    展开全文
  • 当你设置setCancelable 和setCancelOutside都为false或者true是,你会发现手机上面的back事件只有在触发2次的时候才会有提示,第一次点击返回弹出框会关闭,但是不能触发里面的back写的事件,当弹窗消失后再次点击...

           当我使用自定义loading后,当你设置setCancelable 和setCancelOutside都为false或者true是,你会发现手机上面的back事件只有在触发2次的时候才会有提示,第一次点击返回时弹出框会关闭,但是不能触发里面的back写的事件,当弹窗消失后再次点击back按钮时,你会发现back里面自己写的事件就能触发。

    这就出现了dialog弹出时无法捕捉Activity的back事件

    在一些情况下,我们需要捕捉back键事件,然后在捕捉到的事件里写入我们需要进行的处理,通常可以采用下面三种办法捕捉到back事件:

      1)重写onKeyDown或者onKeyUp方法

      2)重写onBackPressed方法

      3)重写dispatchKeyEvent方法

    设置dialog的setOnCancelListener监听:

    loading.setOnCancelListener(new OnCancelListener() {               

                    @Override

                    public void onCancel(DialogInterface dialog) {

                        // TODO Auto-generated method stub

                

                           // Toast.makeText(getBaseContext(), "点击了back", Toast.LENGTH_SHORT).show();

                    }

                });

    这样就可以捕捉到back键的事件了,当按下back键时,系统默认的操作会让dialog cancel掉,此时会触发OnCancelListener,然后在onCancel方法里面就可以实现自己想要实现的操作了。

    2)设置dialog的setOnKeyListener并重写dispatchKeyEvent方法

    loading.setOnKeyListener(new OnKeyListener() {

                    

                    @Override

                    public boolean onKey(DialogInterface dialog, int keyCode, KeyEvent event) {

                        // TODO Auto-generated method stub

                        if(keyCode == KeyEvent.KEYCODE_BACK && event.getRepeatCount()==0)

                        {

                            dialog.dismiss();

                        }

                        return false;

                    }

                });

     

    public boolean dispatchKeyEvent(KeyEvent event)

        {

            

            switch(event.getKeyCode())

            {

            case KeyEvent.KEYCODE_BACK:           

                Toast.makeText(getBaseContext(), "点击了back", Toast.LENGTH_SHORT).show();

                break;

            default:

                break;

            }

            return super.dispatchKeyEvent(event);

        }

    展开全文
  • jquery.dialogBox回车事件

    2016-09-26 02:31:28
    配了回车事件触发了一下它默认的确定按钮 if($.isFunction(that.settings.confirm)){ $('.dialog-btn-confirm').on('click',function(){ that.settings.confirm(); }) } confirm里面写我的...
  • 结果他的触发机制是:加载页面触发,点击按钮打开模态框触发,点击确定会触发,点击取消也会触发。 经过查阅资料以后,可以绑定他一个事件:beforeClose 这个事件的回调 有两个参数, 第一个参数是来判断...
  • 关于vue基于bus事件总线通信$on同一时间内多次被触发问题解决方案 1.问题描述: vue项目在兄弟组件中使用了bus事件总线通信,当前使用场景是:在A页面通过bus.$emit传递给B组件一个信号,此信号的作用是告知B组件...
  • 结果他的触发机制是:加载页面触发,点击按钮打开模态框触发,点击确定会触发,点击取消也会触发。 经过查阅资料以后,可以绑定他一个事件:beforeClose 这个事件的回调 有两个参数, 第一个参数是来判断...
  • 随笔稍作修改,把继承方法QDialog改为了QMainWindow 关键部分:重写QtWidgets.QMainWindow的closeEvent方法 # 重写closeEvent方法,实现dialog窗体关闭时执行一些代码 from PyQt5 impo...
  • 继续对话框dialog的第一部分 三、对话框的事件 注意:有些事件之间是相互排斥的,想测试那个,可以把其他的注释掉,效果明显,避免事件间相互触发 ...fouce 这一事件被出发,对话框获取焦点 dragSta
  • 弹出框插件——dialog

    2017-03-23 16:36:31
    思想:弹出框元素插入body节点中,并在页面垂直居中显示(fixed定位),触发确定和关闭事件绑定。 注意ie6包含两个问题: 一、select、flash不能遮罩,采用iframe。 二、fixed属性采用滚动重新计算高度或在样式...
  • [评审]UI标准 - Dialog

    2020-12-26 22:17:43
    <div><h2>ECOM UI组件标准 - Dialog 继承层级 <pre><code> javascript ...当对话框被隐藏时触发事件对象成员: - {string}type: 事件名</p><p>该提问来源于开源项目:ecomfe/esui</p></div>
  • 1.阅读API文档的一般方法? 通常地, API由三部分...事件表示触发,即提供一个观测点,当触碰到观测点,将产生通知或函数回调; 这三类几乎覆盖了可能的用户动作、数据传递。 2.如何看Jquery UI Dialo...
  • 注:本项目做的时候是前后端...1.首先需要一个全局close事件 无论点击任何地方都必须close触发事件 close Dialog 关闭的回调,然后将这个事件先定义出来 2.data中3个变量定义,为什么是2个图片变量那,因为我上传两个
  • this.$emit('changedialog', false) //触发事件 // 父组件 <child @changedialog="method" :showDialog="showDialog" /> method(value) { this.showDialog = value } 只要用sync修饰,就可以省略父组件的...
  • 首先我们在pages文件夹下创建components目录用于存放...如上图2所示,假如index页面有一个按钮触发点击事件后弹出dialog,并且当点击某个部门,将dialog关闭,并将部门名称与红色标题同步。 一、首先把dialog组...
  • 首先我们在pages文件夹下创建components目录用于存放自定义组件...如上图2所示,假如index页面有一个按钮触发点击事件后弹出dialog,并且当点击某个部门,将dialog关闭,并将部门名称与红色标题同步。 一、首先把...
  • 由于需求的需要,点击事件触发时需要弹出dialog并同时出现软键盘,通过各种方法关闭的时候,需要dialog和软键盘一起关闭,比如点击空白处、点击物理返回键、点击软键盘自带的关闭按钮等操作。 需求实现:基于上面的...
  • 前几天,公司一同事让我帮忙解决用DrawerLayout,DrawerLayout的侧边栏有种像...侧边栏不能自动关闭,另外还要有常用的可以滑动侧边栏关闭侧边栏,点击侧边栏的item要能够触发相应的事件的效果,于是就有了以下的博客
  • 一、抽奖机 功能:对本机图片进行快速显示。...点击开始按钮触发定时器,定时器事件完成对图片的绘制。 步骤: 建立工程项目 Ernie(注意:此项目要将shadow build 关闭) 利用qtcreator完成...
  •  file_dialog_complete_handler : file_dialog_complete_function, 当文件选取对话框关闭触发事件处理函数  upload_start_handler : upload_start_function, 开始上传文件前触发事件处理函数  upload_...

空空如也

空空如也

1 2 3
收藏数 41
精华内容 16
关键字:

dialog关闭时触发事件