Progress Dialog / Bar
Progress Dialog 와 Bar 는 모바일 Page 전환 시 진행 상태를 표시해 주는 역할을 한다.
Progress dialog
Progress Bar 는 Ajax 통신을 이용할 경우 표출 되고 설정을 통해 Default 로 사용 가능하며, 수동으로 호출 하는 방법은 아래의 샘플과 같다.
페이지 이동 시 : Progress dialog
- <a href="/guide/guide.do" data-role="button">페이지 이동 시 : Progress dialog</a>
- <a href="javascript:$.mobile.showPageLoadingMsg('a');" data-role="button">Loading</a>
- <a href="javascript:$.mobile.hidePageLoadingMsg('a');" data-role="button">Stop</a>
* Progress Dialog / Bar 의 메시지를 변경 하기 위해서는 아래와 같은 설정이 필요하다.
- <script type="text/javascript" >
- $(document).bind("mobileinit", function(){
- $.mobile.loadingMessage('진행중..');
- });
- </script>
- <script type="text/javascript" src="/js/egovframework/mbl/cmm/jquery.mobile-1.0b3.min.js"></script>
* 페이지 이동시 Progress Dialog / Bar 의 테마를 변경 하기 위해서는 아래와 같은 설정이 필요하다.
- <script type="text/javascript" >
- $(document).bind("mobileinit", function(){
- $.mobile.progressTheme = 'a~g';
- });
- </script>
- <script type="text/javascript" src="/js/egovframework/mbl/cmm/jquery.mobile-1.0b3.min.js"></script>