Electron消息对话框

xiaohai 2021-05-17 21:02:39 共5729人围观 标签： 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

相同类型文章

热门标签

每日一句

    我不相信手掌的纹路，但我相信手掌加上手指的力量。

    ——毕淑敏

今日排行

  • Electron报错Electron failed to install correctly

    报错Electron failed to install correctly, please delete node_modules/electron and try installing again处理

  • 有向图(Digraph)

    有向图根无向图的最大区别在于有向图是具有方向的，所以在实现上也会有很大的不同。

  • Mysql in 多个字段的用法

    Mysql in 多个字段的用法

  • Docker图形化管理工具之Portainer

    Portainer是一款轻量级的图形化管理工具，通过它我们可以轻松管理不同的docker环境。Portainer部署和使用都非常的简单，它由一个可以运行在任何docker引擎上的容器组成。Portainer提供管理docker的containers、images、volumes、networks等等。它兼容独立的docker环境和swarm集群模式。基本满足中小型单位对docker容器的管理工作。

  • Certbot生成泛域名证书

    在公司内部多项目并行的时候，每次开启要给项目就需要申请一个域名，并且每个域名就需要支持HTTPS，所以前面我们已经用过Certbot生成证书，那么本文我们主要记录Certbot生成泛域名证书。

点击排行

友情链接