2023/02/03

상단메뉴에 다음과 같은 화면을 팝업창으로 해달라는 의뢰를 받았다.

팝업에는 2가지가 있다.

window.open을 사용하거나, modal을 사용하는데, window.open을 사용하였다가 modal로 해달라 하였다.

그런데 문제가 있다.

상단 메뉴의 초록색 버튼을 눌렀을때 modal이 나오는것인데 modal은 클레스명이나 id를 이용하여 보이게 하기 때문에, url로 열 수 없다.

만약 같은 화면안에서라면 간단하지만, 어느화면이든 보일 수 있게 해야하기 때문에 고민을 좀 했다.

1. 자바스크립안에 HTML코드를 집어넣자

2. 버튼에 onclick이벤트

3.함수호출

4. select modal의 id값 불러와 modal열어주기

5. modal을 불러오는건 됐는데, 테이블이 적용이 안된다.

테이블을 만들때 자바스크립트에서 만든값을 집어넣는데, 디버그를 해도 들어오지 않는다.

테이블을 만드는 처리는 공통처리이기 때문에 코드상에는 문제가 없다. 혹시 몰라 상단메뉴의 자바스크립트를 지우고, 화면상의 자바스크립트에 추가했더니 동작하였다.

import한 자바스크립트 파일의 메소드를 불러 삽입하는 방식인데, 뭐가 문제인지 고민중이다.