kintone으로 처리하는 동안 스피너를 표시하려고했습니다.
할 일
새로 만들기 화면을 열 때 다른 앱의 레코드 수를 필드에 설정합니다.
처리 중에 스피너를 표시합니다.
JavaScript/CSS 설정
다음과 같이 설정합니다.
다음과 같이 설정합니다.
kintone-spinner 다운로드하여 dist 아래의 kintone-spinner.min.js 업로드 및 추가
(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()를 이용하고 있습니다.
Reference
이 문제에 관하여(kintone으로 처리하는 동안 스피너를 표시하려고했습니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/YoshihikoTakeuchi/items/a50c7ee9fc5d7b94044c
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(kintone으로 처리하는 동안 스피너를 표시하려고했습니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/YoshihikoTakeuchi/items/a50c7ee9fc5d7b94044c텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)