zoukankan      html  css  js  c++  java
  • Electron学习笔记(十四)—— 常用api____dialog

    https://www.electronjs.org/docs/api/dialog

    对话框
    显示用于打开和保存文件、警报等的本机系统对话框。

    在Electron的主线程上打开

    const { dialog } = require('electron')
    console.log(dialog.showOpenDialog({ properties: ['openFile', 'multiSelections'] }))
    这个对话框是从Electron的主线程上打开的。如果要使用渲染器进程中的对话框对象, 可以使用remote来获得:

    const { dialog } = require('electron').remote
    console.log(dialog)
    练习:打开和保存文件

    let {dialog} = require('electron').remote

    //打开文件
    document.getElementById('openFile').onclick = function(){
    dialog.showOpenDialog({
    title:'请选择文件',
    buttonLabel:'确定',
    filters:[{
    name:'code',extensions:['js','html']
    }]
    }).then(result => {
    console.log(result)

    }).catch(err => {
    console.log(err)
    })
    }

    //保存文件
    document.getElementById('saveFile').onclick = function(){
    dialog.showSaveDialog({
    title:'请选择要保存的文件名',
    buttonLabel:'保存',
    filters:[{
    name:'code',extensions:['js','html']
    }]
    }).then(result => {
    console.log(result)
    fs.writeFileSync(result.filePath,'保存文件测试')
    }).catch(err => {
    console.log(err)
    })
    }
    练习:信息提示

    document.getElementById('showMessage').onclick = function(){
    dialog.showMessageBox({
    type:'warning',
    title:'您确定吗?',
    message:'您真的想要删除这条数据吗?',
    buttons:['cancel','ok']
    }).then((result)=>{
    console.log(result)
    })
    }


  • 相关阅读:
    嘿,新年快乐
    最近无状态~
    奥巴马:我们为什么要上学
    大学学不会逃课是不会有出息的!
    赫赫,给红十字捐款的sb了吧
    狄仁杰你敢不装逼吗
    腾讯qq开始耍威胁用户的无赖手段了
    <转>关于信仰
    恩,老了~~~
    Vue 2.0学习笔记: Vue中的computed属性
  • 原文地址:https://www.cnblogs.com/onesea/p/15323937.html
Copyright © 2011-2022 走看看