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


相关文章
|
1月前
页面添加信息,点击提交显示添加成功,但是.txt文件里面没有新增的数据
页面添加信息,点击提交显示添加成功,但是.txt文件里面没有新增的数据
17 0
|
2月前
|
SQL C# 数据库
C# 读取多条数据记录导出到 Word 标签模板
C# 读取多条数据记录导出到 Word 标签模板
|
6月前
vxe-table可编辑状态默认显示下拉选select为默认展示
vxe-table可编辑状态默认显示下拉选select为默认展示
|
8月前
|
人工智能 测试技术
ChatExcel--自动处理表格
ChatExcel--自动处理表格
233 1
ChatExcel--自动处理表格
|
OLTP 数据库
数据的删除与修改
数据的删除与修改
160 0
|
存储 SQL 关系型数据库
FAQ系列 | 列类型被自动修改导致复制失败
FAQ系列 | 列类型被自动修改导致复制失败
【Excel自动化办公Part3】:工作表的创建、删除、复制和修改名称,冻结窗格,添加筛选
【Excel自动化办公Part3】:工作表的创建、删除、复制和修改名称,冻结窗格,添加筛选
124 0
【Excel自动化办公Part3】:工作表的创建、删除、复制和修改名称,冻结窗格,添加筛选
|
JavaScript
el-table分页数据+回显+勾选状态+记录数据(map实战)
el-table分页数据+回显+勾选状态+记录数据(map实战)
809 0