代码拉取完成,页面将自动刷新
同步操作将从 二锅头/layuiTableColumnEdit 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!!
确定后同步将在后台操作,完成时将刷新页面,请耐心等待。
定制化开发请加qq 1424173603
ayui table edit编辑功能
基于aop编程思想对layui table工具条事件tool(lay-filter)进行封装而成的table单元格编辑器。
把tableEdit.js放在你的项目里面,然后使用模块加载的方式使用:
layui.config({
base: 'module/'
}).extend({
tableEdit:'js/tableEdit'
}).use(['table','tableEdit'], function () {
var tableEdit= layui.tableEdit;
});
方法名 | 描述 |
---|---|
aopObj | 获取一个table的aop代理对象方法,一张表对应一个aop对象。 |
on | 事件注册 |
callbackFn | 事件回调 |
参数 | 类型 | 是否必填 | 描述 |
---|---|---|---|
cols | array | 是 | table.render(options)中options的cols属性值(单元格信息)。 |
参数 | 类型 | 是否必填 | 描述 |
---|---|---|---|
event | string | 是 | 事件名称 |
callback | function | 是 | 事件回调方法 |
参数 | 类型 | 是否必填 | 描述 |
---|---|---|---|
event | string | 是 | 事件名称 |
params | object | 否 | 事件回调方法的参数 |
tableEdit配置格式
{"field":"name","event":"name","config":{}}
config说明
属性 | 类型 | 是否必填 | 描述 |
---|---|---|---|
type | string | 是 | 输入框:input 下拉框:select 时间选择框:date |
data | array | 是 | 下拉框数据 |
enabled | boolean | 否 | 多选:true,单选:false,默认单选。 |
dateType | string | 否 | 时间格式 date:yyyy-MM-dd,datetime:yyyy-MM-dd HH:ss:mm,time:HH:ss:mm |
cascadeSelectField | string | 否 | 联动下拉框配置字段 |
verify | object/boolean | 否 | 字段数据验证 |
verify说明
{"field":"name","event":"name","config":{"type":"input","verify":true}}
属性 | 类型 | 是否必填 | 描述 |
---|---|---|---|
type | string | 否 | 内置验证类型 |
regx | regExp/string/function | 否 | 自定义正则类型 |
msg | string | 否 | 自定义提示消息 |
内置type说明
{"field":"name","event":"name","config":{"type":"input","verify":{"type":"required"}}}
类型 | 描述 |
---|---|
required | 空值验证 |
phone | 手机号码验证 |
邮箱验证 | |
url | url验证 |
number | 数字验证(整数、小数) |
date | 日期时间验证 |
identity | 身份证验证 |
自定义正则regExp说明
类型 | 描述 |
---|---|
function | 自定义函数验证 需return验证结果 true成功 false失败 |
string | 字符串类型正则 |
regExp | 正则表达式 |
{"field":"name","event":"name","config":{"type":"input","verify":{"regx":function(data){
//data为验证数据
// true为验证成功 false为验证失败
return true;
}}}}
string
{"field":"name","event":"name","config":{"type":"input","verify":{"regx":"(^[-+]?\\d+$)|(^[-+]?\\d+\\.\\d+$)","msg":"请输入整数或者小数"}}}
regExp
{"field":"name","event":"name","config":{"type":"input","verify":{"regx":/(^[-+]?\d+$)|(^[-+]?\d+\.\d+$)/,msg:"请输入整数或者小数"}}}
{"field":"name","event":"name","config":{"type":"input","verify":{"type":"required","msg":"必填项不能为空"}}}
data格式
[
{name:1,value:"测试1"},
{name:2,value:"测试2"},
{name:3,value:"测试3"},
{name:4,value:"测试4"},
{name:5,value:"测试5"}
]
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。