kintone JavaScript 문자열을 연결하는 간단한 샘플을 통해 SweetAlert V2.1 및 Promise 사용법 배우기
11509 단어 자바스크립트SweetAlert금과promise
이 기능을 문자열(복수행)에 구현한 샘플 코드를 투고하겠습니다.
문자열을 연결하고 있는 부분은 단순히 JavaScript의 "+"를 사용하고 있을 뿐입니다만, 그 이외에 아래와 같은 구현 방법의 샘플도 되고 있습니다.
Promise에 대응한 SweetAlert는 Cybozu CDN 에는 복수 등록이 있습니다만, 이번은 SweetAlert 2.x 이후를 사용한 샘플이 되고 있습니다.
SweetAlert는 Promise에 대응하고 있기 때문에, 이 샘플에서는 kintone의 갱신계 API와 SweetAlert+Promise를 조합한 처리의 기본을 배울 수 있게 했습니다.
앱 개요
앱 양식 및 필드 코드
외부 로딩 JavaScript, CSS
소스 코드
jQuery.noConflict();
(function($) {
"use strict";
var events = ['app.record.create.submit'];
var fdLine1 = 'line1';
var fdLine2 = 'line2';
var fdMultiLine = 'multipleLine';
kintone.events.on(events, function(event) {
var record = event.record;
return new kintone.Promise((resolve, reject) => {
swal({
title: '文字列の連結',
text: '文字列を連結しますか?',
icon: 'warning',
buttons: ['Cancel', '連結する'],
}).then((value) => {
if (value) {
console.log("連結します");
swal("文字列を連結します")
.then((value) => {
// 1行のフィールドを取得する
var elLine1 = record[fdLine1];
var elLine2 = record[fdLine2];
var elMultiLine = record[fdMultiLine];
console.log(elLine1);
console.log(elLine2);
console.log(elMultiLine);
// 複数行フィールドに改行を追加して連結する
elMultiLine.value = elLine1.value + '\n' + elLine2.value;
resolve(event);
});
} else {
console.log("cancel");
swal("処理をキャンセルします")
.then(() => {
console.log("cancel");
reject("cancel");
});
}
});
}).then((r) => {
return r;
}).catch((e) => {
swal("処理をキャンセルしました" + e);
return false;
});
});
})(jQuery);
스크린샷
취소 버튼 누르기
취소 완료
연결 버튼 누르기
문자열 연결 처리 완료
참고 링크
문자열 필드 및 연결 기능 정보
jQuery.noConflict();
(function($) {
"use strict";
var events = ['app.record.create.submit'];
var fdLine1 = 'line1';
var fdLine2 = 'line2';
var fdMultiLine = 'multipleLine';
kintone.events.on(events, function(event) {
var record = event.record;
return new kintone.Promise((resolve, reject) => {
swal({
title: '文字列の連結',
text: '文字列を連結しますか?',
icon: 'warning',
buttons: ['Cancel', '連結する'],
}).then((value) => {
if (value) {
console.log("連結します");
swal("文字列を連結します")
.then((value) => {
// 1行のフィールドを取得する
var elLine1 = record[fdLine1];
var elLine2 = record[fdLine2];
var elMultiLine = record[fdMultiLine];
console.log(elLine1);
console.log(elLine2);
console.log(elMultiLine);
// 複数行フィールドに改行を追加して連結する
elMultiLine.value = elLine1.value + '\n' + elLine2.value;
resolve(event);
});
} else {
console.log("cancel");
swal("処理をキャンセルします")
.then(() => {
console.log("cancel");
reject("cancel");
});
}
});
}).then((r) => {
return r;
}).catch((e) => {
swal("処理をキャンセルしました" + e);
return false;
});
});
})(jQuery);
취소 버튼 누르기
취소 완료
연결 버튼 누르기
문자열 연결 처리 완료
참고 링크
문자열 필드 및 연결 기능 정보
SweetAlert
킨톤 API
Reference
이 문제에 관하여(kintone JavaScript 문자열을 연결하는 간단한 샘플을 통해 SweetAlert V2.1 및 Promise 사용법 배우기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/sy250f/items/6193693bdb2f689e3e83텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)