나는개발자다/GWT

GWT Loading spinner

혀기님 2016. 1. 8. 11:19

css 등을 이용하려 하다가 결국엔 jqury에 있는것을 사용한다.



필요 LIb.



HTML 


<script type="text/javascript" charset="utf-8" src="js/loadingoverlay.min.js"></script>


<script>

$.LoadingOverlaySetup({

    color           : "rgba(0, 0, 0, 0.0)", // r g b alpha

    image           : "loading.gif",

    maxSize         : "80px",

    minSize         : "20px",

    resizeInterval  : 0,

    size            : "50%"

});

function playMySpinner(){     // JSNI를 통해서 호출

$.LoadingOverlay("show");

}

function stopMySpinner(){

$.LoadingOverlay("hide");

};

</script>



단 modal 기능은 없다. popup을 투명하게 띄우고  loading spiner를 보여주면 된다.