kintone으로 처리하는 동안 스피너를 표시하려고했습니다.

4812 단어 스피너금과

할 일



새로 만들기 화면을 열 때 다른 앱의 레코드 수를 필드에 설정합니다.
처리 중에 스피너를 표시합니다.


JavaScript/CSS 설정



다음과 같이 설정합니다.

  • kintone-spinner 다운로드하여 dist 아래의 kintone-spinner.min.js 업로드 및 추가
  • https://kintone.github.io/kintoneUtility/kintoneUtility.min.js를 URL 지정으로 추가
  • 아래 코드를 업로드하여 추가
  • (function() {
        'use strict';
    
        kintone.events.on(['app.record.create.show'], (event) => {
            const spinner = new Spinner();
            document.body.appendChild(spinner.render());
    
            spinner.show();
            kintoneUtility.rest.getAllRecordsByQuery({
                app: 1222,
                query: 'date = LAST_MONTH()'
            }).then(function(response) {
                var record = kintone.app.record.get();
                record.record.count.value = response.records.length;
                kintone.app.record.set(record);
            }).catch(function(error) {
                console.log(error);
            }).finally(function() {
                spinner.hide();
            });
    
            return event;
        });
    
    })();
    

    비고



    레코드 취득에 kintone Utility를 이용하고 있으므로 kintoneUtility.min.js를 지정하고 있습니다.
    app.record.create.show 이벤트는 Promise 대응하고 있지 않기 때문에, kintone.app.record.set()를 이용하고 있습니다.

    좋은 웹페이지 즐겨찾기