事件与全局函数

click

{
  id: '',
  componentName: 'div',
  componentType: 'layout',
  attrs: {},
  events: [
    {
      eventName: 'click',
      handlerType: 'fn',
      fn: (formData) => console.log(formData)
    }
  ]
}

change

{
  id: "input1",
  componentName: "Input",
  componentType: "form",
  formItemAttrs: {
    field: "username",
    label: "用户名",
  },
  attrs: {
    placeholder: "请输入用户名",
    disabled: true,
  },
  events: [
    {
      eventName: 'change',
      handlerType: 'fn',
      fn: (formData) => console.log(formData)
    }
  ]
}

input

{
  id: "input1",
  componentName: "Input",
  componentType: "form",
  formItemAttrs: {
    field: "username",
    label: "用户名",
  },
  attrs: {
    placeholder: "请输入用户名",
    disabled: true,
  },
  events: [
    {
      eventName: 'input',
      handlerType: 'fn',
      fn: (formData) => console.log(formData)
    }
  ]
}

focus

{
  id: "input1",
  componentName: "Input",
  componentType: "form",
  formItemAttrs: {
    field: "username",
    label: "用户名",
  },
  attrs: {
    placeholder: "请输入用户名",
    disabled: true,
  },
  events: [
    {
      eventName: 'focus',
      handlerType: 'fn',
      fn: (formData) => console.log(formData)
    }
  ]
}

blur

{
  id: "input1",
  componentName: "Input",
  componentType: "form",
  formItemAttrs: {
    field: "username",
    label: "用户名",
  },
  attrs: {
    placeholder: "请输入用户名",
    disabled: true,
  },
  events: [
    {
      eventName: 'blur',
      handlerType: 'fn',
      fn: (formData) => console.log(formData)
    }
  ]
}

validate 内置函数

{
  id: "input1",
  componentName: "Input",
  componentType: "form",
  formItemAttrs: {
    field: "username",
    label: "用户名",
  },
  attrs: {
    placeholder: "请输入用户名",
    disabled: true,
  },
  events: [
    {
      eventName: 'blur',
      handlerType: 'builtinFn',
      fn: undefined,
      fnName: 'validate'
    }
  ]
}

resetFields 内置函数

{
  id: "input1",
  componentName: "Input",
  componentType: "form",
  formItemAttrs: {
    field: "username",
    label: "用户名",
  },
  attrs: {
    placeholder: "请输入用户名",
    disabled: true,
  },
  events: [
    {
      eventName: 'blur',
      handlerType: 'builtinFn',
      fn: undefined,
      fnName: 'resetFields'
    }
  ]
}

submitForm 内置函数

{
  id: "input1",
  componentName: "Input",
  componentType: "form",
  formItemAttrs: {
    field: "username",
    label: "用户名",
  },
  attrs: {
    placeholder: "请输入用户名",
    disabled: true,
  },
  events: [
    {
      eventName: 'blur',
      handlerType: 'builtinFn',
      fn: undefined,
      fnName: 'submitForm'
    }
  ]
}