1
iccube 5.2를 사용하여 매우 큰 데이터 다운로드가 필요한 사용자 정의 위젯을 개발했습니다 ...icCube : Big Widget을로드하는 방법을 보여줍니다.
불행히도이 위젯이 포함 된 보고서를로드하면로드 될 때까지 아무 것도 표시되지 않으므로 사용자는 아무 것도 생각하지 못할 수도 있습니다 ...
어떻게 작동하는지 사용자에게 알리고 기다려야합니까?
A
답변
1
이러한 경우에 미리 정의 된 스타일이 있습니다.
<div class="ic3-fixed-layout-box ic3-loading" style="width:200px; height:200px">
<div class="ic3-loading-div-back"></div>
</div>
이 HTML 로딩 애니메이션에서 200x200 픽셀 상자 발생 효과 흐림 것이다.
로딩 효과 클래스 .ic3-loading은 위젯의 부모 컨테이너 (클래스 .ic3-fixed-layout-box)에 요청이로드되는 동안 추가되어야합니다.
요청 보내기 전에 위젯이 이러한 클래스로 생성되는지 확인하고 요청이 성공하면 ic3 위젯에 대해 수행 된 것처럼 부모 클래스에서 .ic3-loading 클래스를 제거하면됩니다.