[Electron] Dialog

2019. 2. 21. 15:17· WEB/Electron
반응형

[Electron] Dialog



메인(Main) 프로세스

const { dialog } = require('electron')

렌더러(Renderer) 프로세스

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



  • dialog.showOpenDialog([browserWindow, ]options[, callback])
파일 열기 다이얼로그 


  • dialog.showSaveDialog([browserWindow, ]options[, callback])
파일 저장 다이얼로그


  • dialog.showMessageBox([browserWindow, ]options[, callback])
메세지 박스


  • dialog.showErrorBox(title, content)
에러 메세지 박스

-> alert을 사용했을 경우 window 위치를 변경할 경우 변경된 window 위치에 맞춰서 alert이 표시되지 않지만,
   errorbox 를 이용할 경우 window 위치에 따라 메세지 박스가 표시된다

    


    
const { dialog } = require('electron').remote;
var btn = document.querySelector("#textboxBtn");
btn.addEventListener("click", function ( ) {
    var val = document.querySelector("#textbox").value;
    
     if ( val === undefined )
        dialog.showErrorBox("ERR", "에러입니다.")
})








[참고] Electron Dialog

반응형
저작자표시 비영리 변경금지 (새창열림)

'WEB > Electron' 카테고리의 다른 글

[Electron] contextmenu 만드는 방법  (0) 2019.04.04
[Electron] 특정 위치에서만 메뉴(context-menu) 보이도록 설정하는 방법  (0) 2019.03.21
[Electron] 서버에 데이터 전송(통신)하는 방법 - ipc  (1) 2019.02.20
[Electron] 코드 변경시 자동 새로고침 되도록 설정하는 방법  (0) 2019.02.14
[Electron] Developer Tool 개발자 도구 활성화 방법  (0) 2019.02.11
'WEB/Electron' 카테고리의 다른 글
  • [Electron] contextmenu 만드는 방법
  • [Electron] 특정 위치에서만 메뉴(context-menu) 보이도록 설정하는 방법
  • [Electron] 서버에 데이터 전송(통신)하는 방법 - ipc
  • [Electron] 코드 변경시 자동 새로고침 되도록 설정하는 방법
S0PH1A
S0PH1A
반응형
S0PH1A
Web Programmer
S0PH1A
전체
오늘
어제
  • 전체
    • About Me
    • Python
      • Python
      • Django
    • DataBase
      • MySQL
      • MongoDB
    • JAVA
      • JAVA
      • Spring
    • WEB
      • JavaScript
      • HTML
      • CSS
      • Vue.js
      • React
      • Nest.js
      • Node.js
      • Electron
      • PHP
    • Linux
    • Algorithm
    • 기타
    • 생각
    • App
      • ReactNative

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • install
  • Error
  • vue
  • mysql
  • vue.js
  • Python
  • electron
  • nodejs
  • django
  • javascript

최근 댓글

최근 글

hELLO · Designed By 정상우.v4.2.2
S0PH1A
[Electron] Dialog
상단으로

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.