킨톤을 위한 오리지널 액션 사용자 정의

안녕하세요!
이번에는
오리지널 액션👀
↓ 이런 오리지널 액션 버튼을 만든다.

어플리케이션 준비
















필드 유형 필드 코드 추가 정보
문자열 (1 줄) 오리지널 액션

※ 일반 동작이 필요 없는 필드👀



맞춤형 지침


다음 원래 매개변수가 추가된 URL

열기
새 레코드를 추가할 때 원래 매개변수original_action의 값인 XXXX를 문자열(1행) 필드에 복사합니다.p>

https://【サブドメイン】.cybozu.com/k/【アプリID】/edit?original_action=XXXX


프로그램 만들기


  1. 원래 매개변수가 포함된 URL을 열면original액션 값을 문자열 (1 줄) 필드
  2. 로 복사
  3. 원시 동작 단추를 누르면originalaction 매개 변수를 포함하는 URL로 건너뛰기

이 두 단계에 맞추면 순조롭게 진행될 수 있습니다👀


JavaScript


이렇게 하는 거예요.


이번에는 버튼과 텍스트 상자를 만들기 위해 킨톤 UI Component를 사용했습니다.br/>https://unpkg.com/kintone-ui-component/umd/kuc.min.js


レコード追加画面表示


추가 화면 표시를 기록한 후original액션 매개 변수를 보십시오.

매개 변수가 있으면 오리지널 동작을 할 수 있어요.
그렇지 않으면 일반 레코드가 추가됩니다


// オリジナルアクションのパラメータ定義
const original_action = "original_action";

// レコード追加画面表示後
kintone.events.on(["app.record.create.show"], (event) => {
  // パラメータ取得
  const params = new URLSearchParams(location.search);
  if (params.has(original_action)) { // original_actionパラメータがあれば
    // 文字列(1行)フィールド(フィールドコード:オリジナルアクション)にパラメータの値をコピーする
    event.record.オリジナルアクション.value = params.get(original_action);
  }
  return event;
});

상세한 화면에 오리지널 동작 버튼을 설정하다


상세 화면 표시 후 텍스트 상자나 원시 동작 단추를 설정합니다br/>
원래 동작을 포함하는 URL을 만들고 건너뛰려면 을 클릭합니다.


kintone.events.on(["app.record.detail.show"], (event) => {
  // 上の白い部分取得
  const sp = kintone.app.record.getHeaderMenuSpaceElement();
  // テキストボックス
  const txt = new Kuc.Text({
    label: "渡す文字列",
    visible: true,
    disabled: false,
  });
  sp?.appendChild(txt);

  // ボタン
  const btn = new Kuc.Button({
    text: "オリジナルアクション",
    type: "submit",
    visible: true,
    disabled: false,
  });
  sp?.appendChild(btn);

  // ボタンクリック
  btn.addEventListener("click", () => {
    const url = new URL(location);
    url.href = url.origin + "/k/【アプリID】/edit"; 
    // original_actionパラメータに、テキストボックスの値をセットする
    url.searchParams.set(original_action, txt.value);
    // 作成したURLに飛ぶ
    location.href = url.href;
  });
});

총결산


일반 동작의 디테일을 건드릴 수 없습니다!이럴 때 말해주세요.p>

좋은 웹페이지 즐겨찾기