JS Action Panel

/**
 * Custom utility function; does not use context (this)
 */
function something() {
  alert('something')
}

/**
 * @title Custom action A
 * Can use context (this)
 */
export function custom_action_a() {
  alert('custom action a')
}

/**
 * @title Custom action B
 */
export function custom_action_b() {
  something(); // Call the custom utility function
  this.custom_action_a(); // Call the custom action function
}

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

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

// Example:
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()); // Get the entire list of subform data
// First, get the row identifiers
const items = subFormInst.getItems(); //  ["tfitem_1", "tfitem_2"]
items.forEach(item => {
  const rowData = subFormInst.getItemValue(item); // Get the row data
  console.log(rowData['subformInnerComponentUniqueId']); // Get the field data for the specified row
});

// Subform bound event
export function onChange({value, extra}) {
  const { formGroupId, from, changes = {} } = extra || {};

  // Check whether the device field changed
 	if (changes.fieldId === 'subformDeviceFieldUniqueId') {
  // Add the logic to execute after the subform change here
  };
}

// Subform bound event
export function onChange({value, extra}) {
  const { formGroupId, from, changes } = extra || {};
  if (from === 'setItemValue') return; // Prevent an infinite loop when updateItemValue triggers onChange again

  // Handle single-row data change
  const tableField = this.$('subformUniqueId');

  // Check whether the device field changed
 	if (changes.fieldId === 'subformDeviceFieldUniqueId') {
  		getDeviceInfo() // Custom API for retrieving device information
    			.then((data) => {
      				tableField.updateItemValue(formGroupId, {
                'numberField_l00o018a': data.price, // Update the device price
                'textareaField_kysd3grq': data.description, // Update the device description
              });
      		})
  };
}

export function didMount(){
	console.log('Entering the test method');
-  test1()  // Calling this way throws the error shown above.
+  this.test1() // Correct call. The principle is simple: context must be passed through this.
}

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