JS アクションパネル

/**
 * カスタムユーティリティ関数。コンテキスト (this) は使用しない
 */
function something() {
  alert('something')
}

/**
 * @title カスタムアクション A
 * コンテキスト (this) を使用可能
 */
export function custom_action_a() {
  alert('custom action a')
}

/**
 * @title カスタムアクション B
 */
export function custom_action_b() {
  something(); // カスタムユーティリティ関数を呼び出す
  this.custom_action_a(); // カスタムアクション関数を呼び出す
}

export function onClick(){
  const { name, age } = this.params
  console.log(name,age);
}

this.utils.loadScript("url", () => {})

// 例:
export function didMount() {
  this.utils.loadScript('https://g.alicdn.com/code/lib/qrcodejs/1.0.0/qrcode.min.js').then(() => {
    var qrcode = new QRCode(document.getElementById('qrcode'), {
      text: "https://www.yidaapps.com",
      width: 128,
      height: 128,
      colorDark : "#000000",
      colorLight : "#ffffff",
      correctLevel : QRCode.CorrectLevel.H
    });
  });
}

const subFormInst = this.$('subformUniqueId');
console.log(subFormInst.getValue()); // サブフォームデータの一覧全体を取得
// まず行識別子を取得する
const items = subFormInst.getItems(); //  ["tfitem_1", "tfitem_2"]
items.forEach(item => {
  const rowData = subFormInst.getItemValue(item); // 行データを取得
  console.log(rowData['subformInnerComponentUniqueId']); // 指定行のフィールドデータを取得
});

// サブフォームにバインドされたイベント
export function onChange({value, extra}) {
  const { formGroupId, from, changes = {} } = extra || {};

  // デバイスフィールドが変更されたか判定
 	if (changes.fieldId === 'subformDeviceFieldUniqueId') {
  // サブフォーム変更後に実行するロジックをここに追加
  };
}

// サブフォームにバインドされたイベント
export function onChange({value, extra}) {
  const { formGroupId, from, changes } = extra || {};
  if (from === 'setItemValue') return; // updateItemValue が再度 onChange をトリガーする無限ループを防止

  // 単一行データ変更の処理
  const tableField = this.$('subformUniqueId');

  // デバイスフィールドが変更されたか判定
 	if (changes.fieldId === 'subformDeviceFieldUniqueId') {
  		getDeviceInfo() // デバイス情報を取得するカスタム API
    			.then((data) => {
      				tableField.updateItemValue(formGroupId, {
                'numberField_l00o018a': data.price, // デバイス価格を更新
                'textareaField_kysd3grq': data.description, // デバイス説明を更新
              });
      		})
  };
}

export function didMount(){
	console.log('テストメソッドに入りました');
-  test1()  // この呼び出し方では上記のエラーが発生します。
+  this.test1() // 正しい呼び出し方。原則はシンプルで、コンテキストは this を通じて渡す必要があります。
}

export function test1(){
	console.log(this.$('abc').getValue());
}