lxm_front/vxe-table
1
0
Fork 0
mirror of https://gitee.com/xuliangzhan_admin/vxe-table.git synced 2026-01-21 05:27:57 +08:00
Code Issues Projects Releases Wiki Activity

Update RowValid.vue

Browse Source 
refactor：修改表格数据校验方法，可支持选中多行行进行验证
This commit is contained in:
jieme
2019-05-30 04:01:39 +08:00
committed by GitHub
parent 0250ff5685
commit 67de7f43e3
1 changed files with 26 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
examples/views/table/edit/RowValid.vue
View File

@@ -4,6 +4,7 @@
<vxe-button @click="insertEvent">新增</vxe-button>
<vxe-button @click="validEvent">校验</vxe-button>
<vxe-button @click="selectValidEvent">选中校验</vxe-button>
<vxe-button @click="getInsertEvent">获取新增</vxe-button>
<vxe-button @click="getRemoveEvent">获取删除</vxe-button>
<vxe-button @click="getUpdateEvent">获取修改</vxe-button>
@@ -51,6 +52,7 @@ export default {
`
<vxe-button @click="insertEvent">新增</vxe-button>
<vxe-button @click="validEvent">校验</vxe-button>
<vxe-button @click="selectValidEvent">选中校验</vxe-button>
<vxe-button @click="getInsertEvent">获取新增</vxe-button>
<vxe-button @click="getRemoveEvent">获取删除</vxe-button>
<vxe-button @click="getUpdateEvent">获取修改</vxe-button>
@@ -95,6 +97,21 @@ export default {
}
})
},
validEvent () {
this.$refs.xTable.validate(valid => {
if (valid) {
}
})
},
selectValidEvent () {
let getSelectRecords = this.$refs.xTable.getSelectRecords()
if(getSelectRecords.length>0){
this.$refs.xTable.validate(getSelectRecords,valid => {
if (valid) {
}
})
}
},
insertEvent () {
this.$refs.xTable.insert().then(({ row }) => {
// 插入一条数据并触发校验
@@ -148,6 +165,15 @@ export default {
}
})
})
},
selectValidEvent () {
let getSelectRecords = this.$refs.xTable.getSelectRecords()
if(getSelectRecords.length>0){
this.$refs.xTable.validate(getSelectRecords,valid => {
if (valid) {
}
})
}
},
getInsertEvent () {
let insertRecords = this.$refs.xTable.getInsertRecords()