使用示例
最后更新于：2022-04-02 07:14:01
# JVXETable 使用示例
[TOC=2,9]
## 示例一
>[info] 本示例演示了`JVXETable`的基本用法
``` html
查看
删除
```
## 示例五
>[info]本示例演示了如何进行`自定义函数校验`
``` js
columns: [
{
title: '字段名称',
key: 'dbFieldName',
type: JVXETypes.input,
validateRules: [
{
// 自定义函数校验 handler
handler({ cellValue, row, column }, callback, target) {
// cellValue 当前校验的值
// row 当前行数据
// column 当前列配置
// callback(flag, message) 方法【必须执行】且只能执行一次。
// flag = 是否通过了校验，不填写或者填写 null 代表不进行任何操作
// message = 提示的类型，默认使用配置的 message
// target 行编辑的实例对象
// 示例：
if (cellValue === 'abc') {
callback(false, '${title}不能是abc') // false = 未通过，可以跟自定义提示
} else {
callback(true) // true = 通过验证
}
},
message: '${title}默认提示'
}
]
},
]
```
';