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()
}