모바일 표준프레임워크 dialog 질문입니다.
- 작성자 :
- 민*용
- 작성일 :
- 2011-10-28 11:03:05
- 조회수 :
- 1,801
- 구분 :
- 모바일
- 진행상태 :
- 완료
Q
수고가 많으십니다.
모바일 표준프레임워크를 이용해 프로젝트를 진행하고 있습니다.
다이얼로그 창에 있는 체크박스가 UI 상으로 선택이 풀리는 증상이 있어 문의 드립니다.
현상
다이얼로그 창을 띄우고 체크박스 몇 개를 선택 후
$.mobile.activePage.dialog("close")로 창을 닫고
다시 동일한 다이얼로그 창을 띄우면 UI상으로 선택되어 있던 항목들이
풀려 있습니다. ( 체크박스의 checked 값은 정상적으로 나옴니다)
해결 방법이 있나요?
모바일 표준프레임워크를 이용해 프로젝트를 진행하고 있습니다.
다이얼로그 창에 있는 체크박스가 UI 상으로 선택이 풀리는 증상이 있어 문의 드립니다.
현상
다이얼로그 창을 띄우고 체크박스 몇 개를 선택 후
$.mobile.activePage.dialog("close")로 창을 닫고
다시 동일한 다이얼로그 창을 띄우면 UI상으로 선택되어 있던 항목들이
풀려 있습니다. ( 체크박스의 checked 값은 정상적으로 나옴니다)
해결 방법이 있나요?
A
Dialog에서 선택한 페이지를 저장 하고 싶을 시에는 페이지 내부에 Dialog 페이지를 선언하는 방법이 있습니다.
아래와 같이 선언하여 사용하시면 됩니다.
1.체크박스 다이얼로그 띄우기
<a href="#Two" data-rel="dialog" data-role="button">Open dialog</a>
2.1번에 있는 같은 JSP 파일 내에 선언
<div data-role="page" data-theme="d" id="Two">
<div data-role="header" data-position="inline" data-theme="e">
<h1>eGovFrame</h1>
<a href="<c:url value="/guide/guide.do"/>" data-icon="home" class="ui-btn-right" data-ajax="false">Home</a>
</div>
<div data-role="content"><!-- content start -->
<fieldset data-role="controlgroup">
<legend>취미 선택 :</legend>
<input type="checkbox" name="checkbox-1" id="checkbox-1" class="custom" />
<label for="checkbox-1">음악감상</label>
<input type="checkbox" name="checkbox-2" id="checkbox-2" class="custom" checked="checked"/>
<label for="checkbox-2">영화감상</label>
</fieldset>
</div><!-- content end -->
</div>
감사합니다.
아래와 같이 선언하여 사용하시면 됩니다.
1.체크박스 다이얼로그 띄우기
<a href="#Two" data-rel="dialog" data-role="button">Open dialog</a>
2.1번에 있는 같은 JSP 파일 내에 선언
<div data-role="page" data-theme="d" id="Two">
<div data-role="header" data-position="inline" data-theme="e">
<h1>eGovFrame</h1>
<a href="<c:url value="/guide/guide.do"/>" data-icon="home" class="ui-btn-right" data-ajax="false">Home</a>
</div>
<div data-role="content"><!-- content start -->
<fieldset data-role="controlgroup">
<legend>취미 선택 :</legend>
<input type="checkbox" name="checkbox-1" id="checkbox-1" class="custom" />
<label for="checkbox-1">음악감상</label>
<input type="checkbox" name="checkbox-2" id="checkbox-2" class="custom" checked="checked"/>
<label for="checkbox-2">영화감상</label>
</fieldset>
</div><!-- content end -->
</div>
감사합니다.
