티스토리 뷰

Development

[JavaScript] modal Dialog 이용시 참고사항

devbible 2011. 1. 7. 15:24


* ModalDialog 의 자식창을 close 할때 새창이 뜰때.
     -자식창이 Form 태그가 들어가 있다면 close 되면서 submit이 이루어진다.
      form을 없애자.


* ModalDialog 에서 자식창이 닫히고 부모창 리로딩 시키기
-부모창 
var reload = window.showModalDialog(url,'message',options);
  if(reload){fncRefrash();}

- 자식창
               window.returnValue = true;
               window.close();
    위와같이 자식창에서 returnValue 값을 설정해주고 자시창이 닫힐때 부모창이 값을 받아
   그 값으로 리로딩 시키면된다.


* ModalDialog 에서 자식이 자기자신(자식창)을 reload 할때 새창 뜰 때
     - ModalDialog의 자식창에서는 일반적인 reload 명령이 듣지 않는다.
  var url = '/test/test.do';
  window.name="message";
  window.open(url, "message")

위와같이 window.open 을 해주면 ModalDialog의 자식창 자신이 리로딩된다.
    
//추가
* ModalDialog 는 처음 로딩시 데이터를 읽어오지만 두번재 부터는 읽어오지 않고 캐쉬에서 빼어보여준다.
 때문에 데이터가 dialog 오픈시마다 리로딩 되어야 할 때는 별도의 구문을 넣어줘야한다.
 - 아래와 같은 구문을 <head> 태그 안에 넣어주면 항상 리로딩하게 된다.
<meta http-equiv="Expires" content="0"/>
<meta http-equiv="Pragma" content="no-cache"/>


[작성자] devbible.tistory.com


저작자표시 비영리 변경금지

'Development' 카테고리의 다른 글

[jQuery] select 예제  (0) 2011.01.31
[Javascript] jquery 와 javascript 를 이용한 팀과 팀장 체크의 예  (0) 2011.01.30
[Android] 타 어플 띄우기  (0) 2011.01.03
[Java] 자리수 맞추기 String.format()  (12) 2011.01.03
[HTML] 이미지 와 다른 Object 와 줄 맞추기 (높이맞추기)  (0) 2010.12.28
공유하기 링크
댓글