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.$('子表单唯一标识');
console.log(subFormInst.getValue()); // 获取子表整体列表数据
// 先获取 行 标识
const items = subFormInst.getItems(); //  ["tfitem_1", "tfitem_2"]
items.forEach(item => {
  const rowData = subFormInst.getItemValue(item); // 获取行列表数据
  console.log(rowData['子表单内部控件的唯一标识']); // 获取指定行内字段数据
});

// 子表单绑定事件
export function onChange({value, extra}) {
  const { formGroupId, from, changes = {} } = extra || {};

  // 判断是否是设备字段变化
 	if (changes.fieldId === '子表单设备字段唯一标识') {
  // 此处输入子表变化后的执行逻辑
  };
}

// 子表单绑定事件
export function onChange({value, extra}) {
  const { formGroupId, from, changes } = extra || {};
  if (from === 'setItemValue') return; // 避免使用 updateItemValue 更新子表数据后，再次触发 onChange 陷入死循环

  // 单行数据变化
  const tableField = this.$('子表单唯一标识');

  // 判断是否是设备字段变化
 	if (changes.fieldId === '子表单设备字段唯一标识') {
  		getDeviceInfo() // 自定义获取设备信息接口
    			.then((data) => {
      				tableField.updateItemValue(formGroupId, {
                'numberField_l00o018a': data.price, // 更新设备价格
                'textareaField_kysd3grq': data.description, // 更新设备说明
              });
      		})
  };
}

export function didMount(){
	console.log('进入test方法');
-  test1()  // 调用报错如上图。
+  this.test1() // 正确调用方式。原理很简单，上下文得通过 this. 来传递
}

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