kintone 앱에 임의의 버튼을 배치하고,
다른 앱의 정보를 가져와 팝업으로 표시하는 비망입니다.

목적

이 기사에서는 다른 앱의 데이터를 검색하고 있지만,
실제 목적으로 동일한 앱 내에서 고유하게 번호가 매겨진 특정 필드의 값에 대해
새 레코드를 만들 때 고유 한 값을 설정하기 위해 최근 번호가 매겨진 값을 얻고 싶습니다.
당초는, 리스트의 선두에 일의에 번호 매겨지고 있는 특정 필드를 표시(그리고 내림차순으로 재정렬)시켜 대응하고 있었습니다.

완성 시스템

"번호 주문 주문 번호 (내림차순)"를 클릭하면,



alert로 팝업에 다른 앱의 정보를 취득한 결과를 표시시킨다.

했던 일

레이아웃 정보

버튼을 추가한 위치는 앱 내에서 공간을 설정합니다.
또한 버튼 장식은 kintone의 "저장"버튼과 동일한 css를 js로 설정합니다.

JavaScript 정보

아래와 같이 준비되어 있는 라이브러리와 직접 작성한 「test.js」를 배치하고 있습니다.
도서관은
"https://kintone.github.io/kintoneUtility/kintoneUtility.min.js'를 URL로 설정하거나,
kintone Utility for JavaScript의 GitHub 에서 라이브러리를 다운로드하여 로드할 수 있습니다.
아래의 예에서는 후자로 대응하고 있습니다.



자체 작성 프로그램에서는
다른 앱의 '발주 의뢰서 번호'와 '안건명'을 '발주 의뢰서 번호'의 내림차순으로 하고,
14건 취득했습니다.

(function() {
   'use strict';

   // トリガーイベントの記載
   let events = ["app.record.edit.show","app.record.create.show"];

   kintone.events.on(events, function(e) {
        let button = document.createElement('button');
        let alertMessage = "";
        button.innerHTML = '採番済発注番号(降順)';
        button.className = "gaia-ui-actionmenu-save";

        // クエリの作成
        let param = {
            app: 227,
            query: 'order by 発注依頼書番号 desc limit 14',
            fields: ['発注依頼書番号','案件名'],
            totalCount: true,
            isGuest: false
        };

        // kintoneUtilityレコード(複数取得)：最大500件
        kintoneUtility.rest.getRecords(param).then((response) => {
            // JSON形式で取得する場合
            //console.log(JSON.stringify(response,null,' '));

            response.records.forEach((record) => {
                alertMessage += record.発注依頼書番号.value + ":" +  record.案件名
.value + "\n"; 
            });

        }).catch((error) => {
            console.log(error.mesage);
        });

        // 追加したボタンがクリックされたときのイベントを設定
        button.addEventListener('click',() => window.alert(alertMessage));

        // 追加したボタンを画面上に追加
        kintone.app.record.getSpaceElement('test').appendChild(button);

   });
})();

참고로 한 것

kintoneUtility.rest는 다음 기사를 참조했습니다.
매우 도움이되었습니다. 고마워요.

1. 「네바마이」씨의 블로그
2. kintone Utility for JavaScript의 GitHub
3. 「슈프리 스타」의 블로그
4. 「@kiku38」씨의 「kintone Utility for JavaScript를 사용해 보았다」