vxe-table表格校验失败后保持可以编辑状态

简介: vxe-table表格校验失败后保持可以编辑状态

vxe-table表格校验失败后保持可以编辑状态

鼠标移出后可编辑状态消失

edit-config设置为 autoClear: false 鼠标移出继续保持可编辑状态

<vxe-grid :edit-config="{trigger: 'dblclick', mode: 'row', showStatus: true, autoClear: false,activeMethod: activeRowMethod}" :edit-rules="validRules" ref="xGrid" v-bind="gridOptions" @page-change="handlePageChange">

双击其他行校验是否成功

async activeRowMethod ({ row, rowIndex }) {
  const $table = this.$refs.xGrid
  const errMap = await $table.validate().catch(errMap => errMap)
  if (errMap) {
    this.$XModal.message({ status: 'error', content: '校验不通过!' })
  } else {
    this.$XModal.message({ status: 'success', content: '校验成功!' })
  }
},

需要手动调用 clearActived 关闭编辑状态

const $table = this.$refs.xGrid
$table.clearActived().then(() => {
  // VXETable.modal.alert('success')
})


相关文章
|
人工智能 测试技术
ChatExcel--自动处理表格
ChatExcel--自动处理表格
343 1
ChatExcel--自动处理表格
vxe-table可编辑状态默认显示下拉选select为默认展示
vxe-table可编辑状态默认显示下拉选select为默认展示
|
前端开发
前端列表页+element-puls实现列表数据弹窗功能
前端列表页+element-puls实现列表数据弹窗功能
430 0
【Excel自动化办公Part3】:工作表的创建、删除、复制和修改名称,冻结窗格,添加筛选
【Excel自动化办公Part3】:工作表的创建、删除、复制和修改名称,冻结窗格,添加筛选
173 0
【Excel自动化办公Part3】:工作表的创建、删除、复制和修改名称,冻结窗格,添加筛选
|
存储 SQL 关系型数据库
FAQ系列 | 列类型被自动修改导致复制失败
FAQ系列 | 列类型被自动修改导致复制失败
116 0
|
前端开发
前端工作总结127-删除做个判断操作 成功删除 取消取消
前端工作总结127-删除做个判断操作 成功删除 取消取消
95 0
|
SQL 关系型数据库 MySQL
你会不会用mysql查询近7个月的数据?没有记录默认为空
你会不会用mysql查询近7个月的数据?没有记录默认为空
229 0
你会不会用mysql查询近7个月的数据?没有记录默认为空
|
JavaScript
el-table分页数据+回显+勾选状态+记录数据(map实战)
el-table分页数据+回显+勾选状态+记录数据(map实战)
914 0