Electron消息对话框

xiaohai 2021-05-17 21:02:39 共6427人围观 标签： Electron 
简介普通的消息对话框dialog.showMessageBox()
showMessageBox 相关属性

它有太多的属性，这里我们也只挑一些常用的属性来讲解，如果你在工作中具体使用，可以先到官网查询相关的API后，再根据需求具体使用。

  • type ：String类型，可以选，图标样式，有none、info、error、question和warning
  • title: String类型，弹出框的标题
  • messsage : String 类型，必选 message box 的内容，这个是必须要写的
  • buttons: 数组类型，在案例中我会详细的讲解，返回的是一个索引数值（下标）

页面新增：

<button id="msgBtn">消息提示</button>

在渲染进程中添加如下代码：

const { remote } = require('electron')

window.onload = function () {

    var msgBtn = document.querySelector('#msgBtn')
    msgBtn.onclick = function (e) {
        remote.dialog.showMessageBox({
            type: 'question',
            title: '标题',
            message: '提示内容',
            buttons: ['确定', '取消']
        }).then((index) => {

            if (index.response === 0) {
                console.log('点击了确定按钮')
            } else {
                console.log('点击了取消按钮')
            }
        })
    }
}

运行效果：


图片alt

相同类型文章

热门标签

每日一句

    白玫瑰是圣洁的妻，红玫瑰是热烈的情妇，娶了红玫瑰，久而久之，红的变了墙上的一抹蚊子血，白是还是床前明月光；娶了白玫瑰，白的便是衣服上沾的一粒饭粘子，红的却是心口上的一颗朱砂痣。

    ——张爱玲

今日排行

  • Nginx搭建流媒体服务器

    最近关注流媒体服务器来做网络直播，本想使用阿里云的流媒体服务器，由于费用的问题还是想能否自己搭建一个流媒体服务器供自己测试使用。果不其然，Nginx居然如此强大，可以用来做流媒体服务器。本文将具体介绍流媒体服务器的搭建过程和使用过程。

  • groupadd：创建新的用户组

    groupadd命令用户创建新的用户组。但是groupadd命令一般用途不大，因为在使用useradd命令创建用户的时候同时还会创建与用户同名的用户组。

  • 修改centos7系统语言

    修改centos7系统语言

  • Mysql二进制日志

    Mysql二进制日志文件是非常重要，记录了所有对MySQL数据库的修改事件,包括增删改查事件和对表结构的修改事件，所以本文主要记录Mysql二进制文件如何开启和类型。

  • 开放-封闭原则(Open Closed Principle)

    开闭原则（Open Closed Principle，OCP）由勃兰特·梅耶（Bertrand Meyer）提出，他在 1988 年的著作《面向对象软件构造》（Object Oriented Software Construction）中提出：软件实体应当对扩展开放，对修改关闭（Software entities should be open for extension，but closed for modification），这就是开闭原则的经典定义。

点击排行

友情链接