Panel aksi JS

/**
 * Fungsi utilitas kustom; tidak menggunakan konteks (this)
 */
function something() {
  alert('something')
}

/**
 * @title Tindakan kustom A
 * Dapat menggunakan konteks (this)
 */
export function custom_action_a() {
  alert('custom action a')
}

/**
 * @title Tindakan kustom B
 */
export function custom_action_b() {
  something(); // Panggil fungsi utilitas kustom
  this.custom_action_a(); // Panggil fungsi tindakan kustom
}

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

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

// Contoh:
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()); // Ambil seluruh daftar data subformulir
// Ambil identifier baris terlebih dahulu
const items = subFormInst.getItems(); //  ["tfitem_1", "tfitem_2"]
items.forEach(item => {
  const rowData = subFormInst.getItemValue(item); // Ambil data baris
  console.log(rowData['subformInnerComponentUniqueId']); // Ambil data Bidang untuk baris yang ditentukan
});

// Peristiwa yang di-bind ke subformulir
export function onChange({value, extra}) {
  const { formGroupId, from, changes = {} } = extra || {};

  // Periksa apakah Bidang perangkat berubah
 	if (changes.fieldId === 'subformDeviceFieldUniqueId') {
  // Tambahkan logika yang akan dijalankan setelah perubahan subformulir di sini
  };
}

// Peristiwa yang di-bind ke subformulir
export function onChange({value, extra}) {
  const { formGroupId, from, changes } = extra || {};
  if (from === 'setItemValue') return; // Cegah infinite loop saat updateItemValue memicu onChange lagi

  // Tangani perubahan data satu baris
  const tableField = this.$('subformUniqueId');

  // Periksa apakah Bidang perangkat berubah
 	if (changes.fieldId === 'subformDeviceFieldUniqueId') {
  		getDeviceInfo() // API Kustom untuk mengambil informasi perangkat
    			.then((data) => {
      				tableField.updateItemValue(formGroupId, {
                'numberField_l00o018a': data.price, // Perbarui harga perangkat
                'textareaField_kysd3grq': data.description, // Perbarui deskripsi perangkat
              });
      		})
  };
}

export function didMount(){
	console.log('Memasuki metode uji');
-  test1()  // Pemanggilan dengan cara ini menghasilkan Kesalahan seperti di atas.
+  this.test1() // Pemanggilan yang benar. Prinsipnya sederhana: konteks harus dilewatkan melalui this.
}

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