精华内容
下载资源
问答
  • 需求:当点击JFrame窗口的关闭按钮时,弹框询问是否确定关闭窗口,如果是则关闭程序,否就让弹框消失什么也不做(使用Dialog)。 分析:虽然Java提供了 JOptionPane 类,用来创建标准对话框,但是此处需要使用Dialog...

    Java Swing 自定义Dialog确认对话框

    Java Swing 自定义Dialog

    • 需求:当点击JFrame窗口的关闭按钮时,弹框询问是否确定关闭窗口,如果是则关闭程序,否就让弹框消失什么也不做(使用Dialog)。
    • 分析:虽然Java提供了 JOptionPane 类,用来创建标准对话框,但是此处需要使用Dialog来提供弹框。所以可以通过扩展 JDialog 类创建自定义的对话框。
      实现如下:
    package com.tianjh.dialog;
    
    import java.awt.*;
    import java.awt.event.*;
    import javax.swing.*;
    
    /**
     * @author tianjh
     * @date 2021/3/8
     * 当点击JFrame窗口的关闭按钮时,触发窗口监听事件
     * 弹框询问是否真的需要关闭程序
     */
    public class MyDialog extends JFrame {
        JPanel jPanel;
        static final String TITLE = "提示";
        static final String CONTENT = "确定要关闭JFrame窗口吗?";
    
        public MyDialog() {
            jPanel = new JPanel();
            addWindowListener(new WindowAdapter() {
                @Override
                public void windowClosing(WindowEvent e) {
                    new CustomDialog(TITLE, CONTENT).setVisible(true);
                }
            });
            JButton jButton = new JButton("点我或关闭按钮看看效果");
            jButton.addActionListener(new ActionListener() {
                @Override
                public void actionPerformed(ActionEvent e) {
                    new CustomDialog(TITLE, CONTENT).setVisible(true);
                }
            });
            jPanel.add(jButton,BorderLayout.CENTER);
            add(jPanel);
            setTitle("JFrame窗口");
            setSize(500, 300);
            setLocationRelativeTo(null);
            setDefaultCloseOperation(JFrame.DO_NOTHING_ON_CLOSE);
            setVisible(true);
        }
    
        public static void main(String[] args) {
            new MyDialog();
        }
    
    }
    
    /**
     * 自定义Dialog对话框
     */
    class CustomDialog extends JDialog implements ActionListener {
        String title;
        String content;
        String ok = "确定";
        String cancel = "取消";
    
        public CustomDialog(String title, String content) {
            this.title = title;
            this.content = content;
            int width = 45, height = 45;
            // 创建1个图标实例,注意image目录要与src同级
            ImageIcon icon = new ImageIcon("image//tu.png");
            icon.setImage(icon.getImage().getScaledInstance(width, height, Image.SCALE_DEFAULT));
            // 1个图片标签,显示图片
            JLabel jlImg = new JLabel(icon);
            jlImg.setSize(width, height);
            jlImg.setBounds(20, 44, width, height);
            // 1个文字标签,显示文本
            JLabel jLabel = new JLabel(content);
            jLabel.setFont(new Font("", Font.PLAIN, 14));
            // 设置文字的颜色为蓝色
            jLabel.setForeground(Color.black);
            jLabel.setBounds(75, 43, 180, 45);
            JButton okBut = new JButton(ok);
            JButton cancelBut = new JButton(cancel);
            okBut.setBackground(Color.LIGHT_GRAY);
            okBut.setBorderPainted(false);
            okBut.setBounds(65, 126, 98, 31);
            cancelBut.setBounds(175, 126, 98, 31);
            cancelBut.setBackground(Color.LIGHT_GRAY);
            cancelBut.setBorderPainted(false);
            // 给按钮添加响应事件
            okBut.addActionListener(this);
            cancelBut.addActionListener(this);
            // 向对话框中加入各组件
            add(jlImg);
            add(jLabel);
            add(okBut);
            add(cancelBut);
            // 对话框流式布局
            setLayout(null);
            // 窗口左上角的小图标
            setIconImage(icon.getImage());
            // 设置标题
            setTitle(title);
            // 设置为模态窗口,此时不能操作父窗口
            setModal(true);
            // 设置对话框大小
            setSize(300, 210);
            // 对话框局域屏幕中央
            setLocationRelativeTo(null);
            // 对话框不可缩放
            setResizable(false);
            // 点击对话框关闭按钮时,销毁对话框
            setDefaultCloseOperation(DISPOSE_ON_CLOSE);
        }
    
        /**
         * 当按钮被点击时会执行下面的方法
         *
         * @param e 事件
         */
        @Override
        public void actionPerformed(ActionEvent e) {
            // 判断是不是确定按钮被点击
            if (ok.equals(e.getActionCommand())) {
                // 对话框不可见
                this.setVisible(false);
                System.out.println("我退出程序了...");
                System.exit(0);
            }
            if (cancel.equals(e.getActionCommand())) {
                this.setVisible(false);
                this.dispose();
                System.out.println("我啥也没干...");
            }
        }
    }
    
    • JFrame界面如下所示:
      在这里插入图片描述
    • 点击JFrame窗口中的按钮或者关闭按钮即可触发确认对话框,点击之后的结果如下:
      在这里插入图片描述
    • 如果点击确定,则退出该程序,否则退回到Jframe窗口撒事也不干,视频演示如下:

    Java Swing 自定义Dialog弹框演示

    展开全文
  • Dialog对话框窗口)Dialog对话框窗口)+Window(窗口)+Panel(面板)Dialog属性Dialog事件+方法Window属性,事件,方法Panel...对话框窗口右上角只有一个关闭按钮用户可以配置对话框的行为显示其他工具,如collaps

    Dialog(对话框窗口)+Window(窗口)+Panel(面板)

    今天我们涉及到的内容较多 我们一个一个整理 但我们着重学习的还是Dialog

    该对话框是一种特殊类型的窗口,它在顶部有一个工具栏,在底部有一个按钮栏。对话框窗口右上角只有一个关闭按钮用户可以配置对话框的行为显示其他工具,如collapsible,minimizable,maximizable工具等。

    Dialog(对话框窗口)
    在这里插入图片描述

    Window(窗口)

    窗口控件是一个浮动和可拖拽的面板可以用作应用程序窗口。默认情况下,窗口可以移动,调整大小和关闭。它的内容也可以被定义为静态html或要么通过ajax动态加载。
    在这里插入图片描述
    Panel(面板)
    面板作为承载其它内容的容器。这是构建其他组件的基础(比如:layout,tabs,accordion等)。它还提供了折叠、关闭、最大化、最小化和自定义行为。面板可以很容易地嵌入到web页面的任何位置。
    在这里插入图片描述

    那么其他两个和Dialog有什么关联呢

    咋们来看他的这一条属性 因为他的属性是在window上面扩展的 就是window有的Dialog它都有
    但是window又是从Panel上面扩展的 所有 Panel有的Dialog也有
    在这里插入图片描述
    在这里插入图片描述

    我们今天要用的很多都有关联 所有需要了解一下

    Dialog属性

    在这里插入图片描述

    Dialog事件+方法

    在这里插入图片描述

    Window属性,事件,方法

    在这里插入图片描述

    Panel属性,事件,方法

    在这里插入图片描述
    在这里插入图片描述

    在这里插入图片描述
    在这里插入图片描述

    案列 实现过程

    上一次完成的效果图
    我们做好了查询所有模糊查询和分页
    这一次我们做新增功能 和删除修改
    在这里插入图片描述

    目标预览

    在这里插入图片描述

    我们现在BookDao里面写上我们的增加 删除 修改三种
    这里还需要一个东西就是我们的拼音转换类 它可以自动将文字转换为拼音

    package com.javaxl.utils;
    
    import net.sourceforge.pinyin4j.PinyinHelper;
    import net.sourceforge.pinyin4j.format.HanyuPinyinCaseType;
    import net.sourceforge.pinyin4j.format.HanyuPinyinOutputFormat;
    import net.sourceforge.pinyin4j.format.HanyuPinyinToneType;
    import net.sourceforge.pinyin4j.format.HanyuPinyinVCharType;
    import net.sourceforge.pinyin4j.format.exception.BadHanyuPinyinOutputFormatCombination;
    
    /**
     * 拼音工具类,能将汉字转换成拼音的首字母
     */
    public class PinYinUtil {
    	// 名字长度
    	private static int NAME_LENGTH = 3;
    
    	/**
    	 * 将首个汉字转换为全拼
    	 * 其他是汉字首字母
    	 * @param src
    	 * @return
    	 */
    	public static String getPingYin(String src) {
    
    		char[] name = src.toCharArray();
    		String[] newName = new String[name.length];
    		HanyuPinyinOutputFormat pyFormat = new HanyuPinyinOutputFormat();
    		pyFormat.setCaseType(HanyuPinyinCaseType.LOWERCASE);
    		pyFormat.setToneType(HanyuPinyinToneType.WITHOUT_TONE);
    		pyFormat.setVCharType(HanyuPinyinVCharType.WITH_V);
    		String account = "";
    		int length = name.length;
    		try {
    			// 名字大于等于3个字的时候,姓取全称,名取首字母。
    			if(length>=NAME_LENGTH){
    				for (int i = 0; i < length; i++) {
    					// 截取姓
    					if(i==0){
    						// 判断是否为汉字字符
    						if (Character.toString(name[i]).matches("[\\u4E00-\\u9FA5]+")) {
    							newName = PinyinHelper.toHanyuPinyinStringArray(name[i], pyFormat);
    							account += newName[0];
    						} else
    							account += Character.toString(name[i]);
    					}else{
    						account += getPinYinHeadChar(Character.toString(name[i]));
    					}
    
    				}
    			}else{
    				// 只有2个字的名字,账号是名字的拼音全称
    				for (int i = 0; i < length; i++) {
    					// 判断是否为汉字字符
    					if (Character.toString(name[i]).matches("[\\u4E00-\\u9FA5]+")) {
    						newName = PinyinHelper.toHanyuPinyinStringArray(name[i], pyFormat);
    						account += newName[0];
    					} else
    						account += Character.toString(name[i]);
    				}
    			}
    			return account;
    		} catch (BadHanyuPinyinOutputFormatCombination e1) {
    			e1.printStackTrace();
    		}
    		return account;
    	}
    
    	/**
    	 * 全部汉字转换成拼音
    	 * @param src
    	 * @return
    	 */
    	public static String getAllPingYin(String src) {
    		StringBuffer sb = new StringBuffer();
    		String [] arr = src.split("");
    		for (String s : arr) {
    			sb.append(PinYinUtil.getPingYin(s));
    		}
    		return sb.toString();
    	}
    
    	/**
    	 * 返回中文的首字母
    	 * @param str
    	 * @return
    	 */
    	public static String getPinYinHeadChar(String str) {
    
    		String convert = "";
    		for (int j = 0; j < str.length(); j++) {
    			char word = str.charAt(j);
    			String[] pinyinArray = PinyinHelper.toHanyuPinyinStringArray(word);
    			if (pinyinArray != null) {
    				convert += pinyinArray[0].charAt(0);
    			} else {
    				convert += word;
    			}
    		}
    		return convert;
    	}
    
    	public static void main(String[] args) {
    		String cn = "保存并插入数据库";
    		System.out.println(PinYinUtil.getAllPingYin(cn));
    		System.out.println(PinYinUtil.getPingYin(cn));
    		System.out.println(PinYinUtil.getPinYinHeadChar(cn));
    	}
    }
    
    

    测试图:
    可以到到有三种方式 分别是
    1.全部转拼音
    2. 将首个汉字转换为全拼 其他是汉字首字母
    3. 返回中文的首字母

    在这里插入图片描述

    增删改的daoSql语句 我们在做增加还有修改的时候在数据库有个字段就是拼音 所有需要这个转换拼音的助手类直接调用就好

    在这里插入图片描述

    在这里开始学习今天的新知识点 对话窗口Dialog

    在这里插入图片描述

    只需要复制到新增页面上去就行

    在这里插入图片描述

    效果是这样的

    在这里插入图片描述
    那么我们每次刷新它都要弹出对话框 那么我们怎么定义在初始化的时候关闭面板呢
    在这里插入图片描述

    这是一条默认属性在Panel(面板)里面

    在属性里写入 closed:true就行

    我们还需要的是对话窗口的提交按钮 还有取消按钮

    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!-- 全局样式 -->
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/static/js/jquery-easyui-1.5.1/themes/default/easyui.css">   
    <!-- 定义图标 -->
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/static/js/jquery-easyui-1.5.1/themes/black/easyui.css">   
    <script type="text/javascript" src="${pageContext.request.contextPath }/static/js/jquery-easyui-1.5.1/jquery.min.js"></script>   
    <!-- 主键库源码的JS文件 -->
    <script type="text/javascript" src="${pageContext.request.contextPath }/static/js/jquery-easyui-1.5.1/jquery.easyui.min.js"></script> 
    
    <script type="text/javascript"
     src="${pageContext.request.contextPath }/bg/addBook.js"></script> 
    
    <title>新增界面</title>
    </head>
    <body>
    	  <input type="hidden" id="ctx" value="${pageContext.request.contextPath }">
    	  <div id="tb">
    	  	<input class="easyui-textbox" id="name" name="name" style="width:20%;padding-left: 10px" data-option="">		
    	  	<a id="btn-serch" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true">搜索</a>
    		<a id="btn-add" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-help',plain:true">新增</a>
    	  </div> 
    
    	  <div id="bookEdit" class="easyui-dialog" title="书籍信息编辑窗体" style="width:400px;height:400px;"   
            data-options="iconCls:'icon-save',resizable:true,modal:true,closed:true,buttons:'#fbtns'">   
    	   		<form id="ff" method="post">   
    	   		<input type="hidden" name="id"  />
    			    <div>   
    			        <label for="name">书籍名称:</label>   
    			        <input class="easyui-validatebox" type="text" name="name" data-options="required:true" />   
    			    </div>   
    			    <div>   
    			        <label for="cid">书籍类别:</label>   
    			        <input class="easyui-validatebox" type="text" name="cid" data-options="required:true" />   
    			    </div>
    			    <div>   
    			        <label for="author">作者:</label>   
    			        <input class="easyui-validatebox" type="text" name="author" data-options="required:true" />   
    			    </div>   
    			    <div>   
    			        <label for="price">价格:</label>   
    			        <input class="easyui-validatebox" type="text" name="price" data-options="required:true" />   
    			    </div> 
    			    <div>   
    			        <label for="image">图片地址:</label>   
    			        <input class="easyui-validatebox" type="text" name="image" data-options="required:true" />   
    			    </div>   
    			    <div>   
    			        <label for="publishing">出版社:</label>   
    			        <input class="easyui-validatebox" type="text" name="publishing" data-options="required:true" />   
    			    </div> 
    			    <div>   
    			        <label for="description">描述:</label>   
    			        <input class="easyui-validatebox" type="text" name="description" data-options="required:true" />   
    			    </div>   
    			    <div>   
    			        <label for="state">物流状态:</label>   
    			        <input class="easyui-validatebox" type="text" name="state" data-options="required:true" />   
    			    </div> 
    			    <div>   
    			        <label for="deployTime">发布时间:</label>   
    			        <input class="easyui-validatebox" type="text" name="deployTime" data-options="required:true" />   
    			    </div>   
    			    <div>   
    			        <label for="sales">数量:</label>   
    			        <input class="easyui-validatebox" type="text" name="sales" data-options="required:true" />   
    			    </div>   
    			</form>    
    			<div id="fbtns">
    			<a id="btn-save" href="#" class="easyui-linkbutton"
    				data-options="iconCls:'icon-save'">提交</a> 
    				<a id="btn-cancel" href="#"
    				class="easyui-linkbutton" data-options="iconCls:'icon-cancel'">取消</a>
    			</div>
    			
    			
    		</div>  
    	
    	  <table id="dg"></table> 
    </body>
    </html>
    

    写好了之后我们在addbook.js里面写好删除和修改两个操作

    在这里插入图片描述
    给新增按钮绑定事件

    在这里插入图片描述
    点击提交后台增加

    在这里插入图片描述

    删除事件

    在这里插入图片描述

    我们写修改的时候可以写一个二合一事件

    	public String save(HttpServletRequest req,HttpServletResponse resp) {
    		try {
    			if(book.getId()!=0) {
    				this.bookdao.edit(book);
    			}else {
    				this.bookdao.add(book);
    			}
    			ResponseUtil.writeJson(resp, Result.SUCCESS);
    		} catch (NoSuchFieldException e) {
    			e.printStackTrace();
    		} catch (SecurityException e) {
    			e.printStackTrace();
    		} catch (IllegalArgumentException e) {
    			e.printStackTrace();
    		} catch (IllegalAccessException e) {
    			e.printStackTrace();
    		} catch (SQLException e) {
    			e.printStackTrace();
    		} catch (Exception e) {
    			e.printStackTrace();
    		}
    		return null;
    	}
    	
    

    最后写上修改事件

    在这里插入图片描述

    测试下:

    新增 一个老虎机 注意时间填写格式必须为2019-02-11 10:12:14

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    修改老虎机为老鼠药

    在这里插入图片描述

    删除

    在这里插入图片描述
    在这里插入图片描述

    今天思路不是很好 看看就行

    展开全文
  • 使对话框可关闭,这会添加一个 ×,用户单击以强制关闭对话框。 对话框#效果(名称) 分配效果名称,由 CSS 转换驱动。 开箱即用: slide fade scale 对话框#overlay() 添加一个可点击的覆盖,关闭对话框。 ...
  • MUI dialog对话框

    2020-03-31 10:43:55
    创建并显示对话框,弹出的对话框为非阻塞模式,用户点击对话框上的按钮后关闭( h5模式的对话框也可通过closepopup关闭 ),并通过callback函数返回用户点击按钮的索引值或输入框中的值。 Dialog 组件包含: 组件...

    dialog(对话框)

    创建并显示对话框,弹出的对话框为非阻塞模式,用户点击对话框上的按钮后关闭( h5模式的对话框也可通过 closepopup关闭 ),并通过callback函数返回用户点击按钮的索引值或输入框中的值。

    Dialog 组件包含:

    组件名 作用 快速体验
    alert 警告框 警告框
    confirm 确认框 确认框
    prompt 输入对话框 输入对话框
    toast 消息提示框 自动消失提示框

    mui会根据ua判断,弹出原生对话框还是h5绘制的对话框,在基座中默认会弹出原生对话框,可以配置type属性,使得弹出h5模式对话框

    两者区别:1.原生对话框可以跨webview,2.h5对话框样式统一而且可以修改对话框属性或样式

    mui v3.0 版本(含)以上的dialog控件支持换行(\n)显示

    • .alert( message, title, btnValue, callback [, type] )

      • message
        Type: String
        提示对话框上显示的内容
      • title
        Type: String
        提示对话框上显示的标题
      • btnValue
        Type: String
        提示对话框上按钮显示的内容
      • callback
        Type: Function
        提示对话框上关闭后的回调函数
      • type
        Value: 'div'
        是否使用h5绘制的对话框
    • .confirm( message, title, btnValue, callback [, type] )

      • message
        Type: String
        提示对话框上显示的内容
      • title
        Type: String
        提示对话框上显示的标题
      • btnValue
        Type: Array
        提示对话框上按钮显示的内容
      • callback
        Type: Function
        提示对话框上关闭后的回调函数
      • type
        Value: 'div'
        是否使用h5绘制的对话框
    • .prompt( message, placeholder, title, btnValue, callback[, type] )

      • message
        Type: String
        提示对话框上显示的内容
      • placeholder
        Type: String
        编辑框显示的提示文字
      • title
        Type: String
        提示对话框上显示的标题
      • btnValue
        Type: Array
        提示对话框上按钮显示的内容
      • callback
        Type: Function
        提示对话框上关闭后的回调函数
      • type
        Value: 'div'
        是否使用h5绘制的对话框

    如果有定制对话框样式的需求( 只能修改h5模式对话框)可以在mui.css中修改.mui-popup类下的样式

    如果需要修改DOM结构可以按照以下方式处理.

    //修改弹出框默认input类型为password 
    mui.prompt('text','deftext','title',['true','false'],null,'div') 
    document.querySelector('.mui-popup-input input').type='password' 
    
    • .toast( message [,options])

      • message:'String' - 消息框显示的文字内容
          options: {JSON}  - 提示消息的参数

        **options 参数需要mui v3.5+支持

        参数 说明 说明
        duration 持续显示时间,默认值 short(2000ms) 支持 整数值 和 String ,
        String可选: long(3500ms),short(2000ms)
        type 强制使用mui消息框(div模式) 'div'

        mui.toast('登陆成功',{ duration:'long', type:'div' }) 
        
    • .closePopups()(只能关闭h5模式的对话框)

      • 关闭所有对话框

    <!doctype html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title>MUI dialog(对话框)</title>
            <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
            <link href="css/mui.min.css" rel="stylesheet" />
        </head> 
        <body>
              <header class="mui-bar mui-bar-nav">
            <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
            <h1 class="mui-title">MUI dialog(对话框)</h1>
        </header>
         <br>
          <br>
           <br>
        <button id='alertBtn' type="button" class="mui-btn mui-btn-blue mui-btn-outlined">警告消息框</button>
        <div id="info"></div>
        <button id='confirmBtn' type="button" class="mui-btn mui-btn-blue mui-btn-outlined">确认消息框</button>
      <button id='promptBtn' type="button" class="mui-btn mui-btn-blue mui-btn-outlined">输入对话框</button>
    <div id="info"></div>
    <button id='toastBtn' type="button" class="mui-btn mui-btn-blue mui-btn-outlined">自动消失提示框</button>
    <div id="info"></div>
        </div>
            <script src="js/mui.min.js"></script>
            <script type="text/javascript">
                mui.init({
                    swipeBack: true //启用右滑关闭功能
                });
      var info = document.getElementById("info");
                document.getElementById("alertBtn").addEventListener('tap', function() {
                    mui.alert('欢迎使用Hello MUI', 'Hello MUI', function() {
                        info.innerText = '你刚关闭了警告框';
                    });
                });
                document.getElementById("confirmBtn").addEventListener('tap', function() {
                    var btnArray = ['否', '是'];
                    mui.confirm('MUI是个好框架,确认?', 'Hello MUI', btnArray, function(e) {
                        if (e.index == 1) {
                            info.innerText = '你刚确认MUI是个好框架';
                        } else {
                            info.innerText = 'MUI没有得到你的认可,继续加油'
                        }
                    })
                });
                document.getElementById("promptBtn").addEventListener('tap', function(e) {
                    e.detail.gesture.preventDefault(); //使用plus.nativeUI.prompt会造成输入法闪一下又没了
                    var btnArray = ['取消', '确定'];
                    mui.prompt('请输入你对MUI的评语:', '性能好', 'Hello MUI', btnArray, function(e) {
                        if (e.index == 1) {
                            info.innerText = '谢谢你的评语:' + e.value;
                        } else {
                            info.innerText = '你点了取消按钮';
                        }
                    })
                });
                document.getElementById("toastBtn").addEventListener('tap', function() {
                    mui.toast('欢迎体验Hello MUI');
                });
            </script>
        </body>
    </html> 
    
    展开全文
  • 2.点出这个对话框,然后在括号了写入关闭的方法 <div id="dl1" class="easyui-dialog" title="窗口" style="width:400px;height: 200px" data-options=" toolbar:[ { t...

     

    1.在取消按钮里的function中通过id找到这个对话框所在的层,

    2.点出这个对话框,然后在括号了写入关闭的方法

     

    <div id="dl1" class="easyui-dialog" title="窗口" 
    style="width:400px;height: 200px"
    data-options="
    toolbar:[
    			{
    			text:'添加',
    			iconCls:'icon-add',
    			handler:function(){alert('点击了添加按钮')}
    			},{
    				text:'保存',iconCls:'icon-save'
    			}
    	],
    	buttons:[
    	{text:'确定'},{text:'取消',handler:function(){$('#dl1').dialog('close')}}
    	
    	]">
    

      

    转载于:https://www.cnblogs.com/liuyanzeng/p/6094745.html

    展开全文
  • 在Android开发中,常常需要调用对话框,但会遇到这样一种情况,在显示对话框的时候,点击对话框以外的屏幕其他区域,会关闭对话框。以下是解决该问题的设置:AlertDialog.Builder builder = new AlertDialog.Builder...
  • 在Android开发中,常常需要调用对话框,但会遇到这样一种情况,在显示对话框的时候,点击对话框以外的屏幕其他区域,会关闭对话框
  • 在Android开发中,常常需要调用对话框,但会遇到这样一种情况,在显示对话框的时候,点击对话框以外的屏幕其他区域,会关闭对话框。以下是解决该问题的设置: AlertDialog.Builder builder = new ...
  • Dialog对话框窗口)

    2018-10-12 22:56:50
    对话框窗口右上角只有一个关闭按钮用户可以配置对话框的行为显示其他工具,如collapsible,minimizable,maximizable工具等。   &lt;%@ page language="java" import="java.util.*" ...
  • 一、Dialog对话框窗口)  该对话框是一种特殊类型的窗口,它在顶部有一个工具栏,在底部有一个按钮栏。对话框窗口右上角只有一个关闭按钮用户可以配置对话框的行为显示其他工具,如collapsible,minimizable,...
  • Java AWT Dialog对话框)学习

    千次阅读 2015-06-07 18:01:49
    Dialog是Window类的子类,是一个容器类,属于特殊组件。对话框是可以独立存在的顶级窗口,因此用法与普通窗口的用法几乎完全一样。 对话框有如下两点需要注意: (1)对话框通常依赖于...在模式对话框关闭
  • //点击返回按钮取消dialog同时直接关闭当前activity builder.setOnCancelListener(new DialogInterface.OnCancelListener() { @Override public void onCancel(DialogInterface dialog) { ...
  • 用Vue做增删改查的简单页面操作,点击新增按钮弹出对话框,以form表单的形式展现,在输入框中填写信息确定提交,但第二次点击后总会有上次的信息存在,所以关闭弹窗后,需要清除对话框中表单的所有信息 1.首先在div...
  • swt 关闭对话框 关闭dialog

    千次阅读 2012-10-23 20:31:17
    在使用swt 的dialog的时候(不是jface的dialog),用了eclipse的向导生成的,然后对话框有一个父窗口 构造函数如下 public MyDialog(Shell parent, int style) { super(parent, style); } 生成的代码中 ...
  • 前言 扩展自$.fn.window.defaults。使用$.fn.dialog.defaults...对话框窗口右上角只有一个关闭按钮用户可以配置对话框的行为显示其他工具,如collapsible,minimizable,maximizable工具等。 源码 /** * jQ...
  • 【vue】el-dialog点击外部不关闭对话框 代码示例 <el-dialog title="" append-to-body :close-on-click-modal = "false" :visible.sync="box" width="345px"> <span>你好</span> <span...
  • EasyUI Dialog 对话框 关闭事件

    千次阅读 2019-07-08 15:06:39
    在 $('#×××').dialog('close'); 执行后触发 $(function(){ $("#titledialos").dialog({ onClose: function () { 想要执行的内容; } }); })
  • 当你想用ajax等方法关闭dialog弹出层,这个就可以用。 // 第二种 $(function(){ $("#×××").dialog({ onClose: function () { // 想要执行的内容; } }); }) 在 $(’#×××’).dialog(‘close’);
  • vc中关闭对话框dialog

    千次阅读 2016-08-18 13:33:57
    对话框默认用的两个按钮的ID分别是IDOK和IDCANCEL,这两个都是在winuser.h 中预定义的系统标准控件ID。  对于标准ID,你不重载时MFC会自动调用父类的相应处理函数。  比如IDOK映射到CDialog::OnOK()函数,...
  • 描述:一个可拖动的窗口程序,默认情况下窗口自由移动、调整大小、打开关闭!   案例1(普通的窗口):  <div class="easyui-window" icon-Cls="icon-print"style="width: 1024px; height: 768px"  data-...
  • 点击叉叉后会自动进入Dialog对话框内的一个按钮的相应函数?有没有高人指点一下阿?
  • Android Dialog点击按钮不关闭对话框

    千次阅读 2015-11-04 20:15:14
    但是在正常情况下,用户点击Dialog中的按钮后窗口会随即关闭,用户可能看不到你的错误提示,这样会显得很不友好。那有没有一种解决办法,可以让用户输入出错时单击按钮,继续留在页面而不是关闭dialog呢?今天在做...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,167
精华内容 466
关键字:

dialog关闭对话框