mixins_JEditableTableMixin.js - xinwu-yang/cube-vue GitHub Wiki

mixins/JEditableTableMixin.js

可编辑表格mixin,通常用于代码生成的一对多页面弹窗中的可编辑表格。包含了新增、编辑、保存、请求列表等的方法。

data() {
  return {
    title: '操作',
    visible: false,
    form: this.$form.createForm(this),
    confirmLoading: false,
    model: {},
  }
}
methods: {
  // 获取所有的editableTable实例
  getAllTable()
  // 遍历所有的JEditableTable实例,并执行callback
  eachAllTable(callback)
  // 当点击新增按钮时调用此方法
  add()
  // 当点击了编辑按钮时调用此方法
  edit(record)
  // 关闭弹窗,并将所有JEditableTable实例回归到初始状态
  close()
  // 查询某个tab的数据
  requestSubTableData(url, params, tab, success)
  // 发起请求,自动判断是执行新增还是修改操作
  request(formData)
  // 选项卡切换
  handleChangeTabs(key)
  // 点击关闭按钮
  handleCancel()
  // 点击确定按钮
  handleOk()
}