Kintone CDN에 있는 spin.js 및 jQuery의 URL을 지정합니다. 또한 countRecords.js 소스 코드를 업로드합니다. URL과 파일이 다음 순서로 표시되는지 확인합니다. spin.js는 CSS3 및 jQuery(또는 modernizr.js)로 빌드된 높은 구성 가능한 js 로딩 스피너 라이브러리입니다. 이미지가 없고 외부 CSS가 없고 종속성이 없는 모든 주요 브라우저에서 작동합니다(jQuery는 지원되지만 필수는 아님). 당신은 선, 폭, 높이, 반경, 모서리, 회전, 속도 및 기타 옵션을 사용자 정의 할 수 있습니다. spin.js는 일반적으로 로딩 아이콘으로 사용되는 스피너를 표시하는 라이브러리입니다. 이 라이브러리는 CSS 라이브러리를 필요로 하지 않으며 jQuery에 종속되지 않습니다. spin.js는 스피너가 표시되고 숨길 요소를 지정하여 사용됩니다. 코드에서 먼저 스피너를 표시하고 숨길 함수를 준비합니다. 함수가 선언되면 showSpinner() 및 hideSpinner()를 사용하여 스피너를 표시하고 숨길 수 있습니다. 이 예제에서는 이러한 함수 내부의 스타일을 지정합니다.jQuery는 스피너에 대한 DOM을 생성하는 데 사용됩니다. 3.

위의 예제와 같은 간단한 프로세스에 대 한 웹 페이지 REST API에 jQuery 라이브러리 및 spin.js를 포함 매우 신속 하 게 처리를 완료 해야 합니다. 하지만 더 긴 프로세스에 대 한, 사용자가 브라우저 내에서 링크를 클릭 하 여 프로세스를 중단 하지 말아야. 스피너를 표시하는 것은 사용자에게 프로세스가 진행 중임을 알리고 프로세스가 완료될 때까지 기다려야 한다는 직관적인 방법입니다. 이 문서에서는 계산의 샘플 코드에 스피너를 적용하고 총 레코드 카운트 아티클을 표시합니다. 이 샘플은 조건과 일치하는 필드 값을 사용하여 앱의 레코드 수를 계산합니다. 총 레코드 수가 100개보다 크면 필요한 API 호출 수도 증가하여 프로세스가 완료되는 데 걸린 시간이 증가하고 최종 숫자가 표시됩니다. 여기서 spin.js는 많은 양의 데이터를 처리해야 할 때 사용자가 프로세스가 실행되고 있음을 알 수 있도록 스피너를 표시하는 데 사용할 수 있습니다. 타이프 스크립트로 작성하고 현재 바닐라 자바 스크립트 플러그인으로 작동합니다. 버그 추적기 로드맵 (기능에 대한 투표) 문서 서비스 상태 / 에코에 대한 비동기 호출을 시뮬레이션 : JSON : / 에코 / json / JSONP : //jsfiddle.net/echo/jsonp/ HTML : /에코 / HTML / XML : /에코 / xml / .

나중에 이 바이올린을 삭제하려면 로그인하십시오. 레코드 목록 페이지가 로드되면 REST API 호출이 이루어지고 호출이 처리되는 동안 스피너가 표시됩니다. REST API 호출이 처리를 완료하면 스피너표시가 중지되고 진행 중인 레코드 수가 표시됩니다.