2017년 5월 16일 화요일

BlockUI를 이용한 프로그래스 바. Progress bar


먼저 BlockUI를 사용하기 위해 jQuery plugin 을 다운받아야한다.

blockUI 다운로드


다운로드 받은 jquery.blockUI.js 파일을 프로젝트 소스에 위치시킨다.

사용법은 매우 간단함.

//2초 뒤 자동해제
$.blockUI({
    message : '<h1>Loading...</h1>',
    timeout : 2000
});


다음 두개만 쓰면 된다.

$.blockUI({message:"Loading..."});

$.unblockUI();//해제


좀 더 detail하게 알고싶다면 아래의 사이트를 참고하자
blockUI 정보

댓글 없음:

댓글 쓰기

스프링 빈 등록 순서 오류 시 @PostConstruct 사용

  스프링 xml 설정에서 등록할 빈을 명시적으로 지정한 것과 <context:component-scan>와 혼용해서 사용한  경우 빈등록 순서 오류가 발생 할 수도 있습니다. 여러가지 방법이 있지만, 그 중에서 @PostConstruct ...