先看下效果:
layui官方自带的table编辑是这样的
修改之后可以提示用户输入如下所示
假如JS文件table.render()中我们的代码是这样的:
{field:'plan_date', title: '计划收款日期', placeholder:'格式:yyyy-mm-dd', edit: 'text', width:150},
这里我们定义提示语的键名为:‘placeholder’,那么下面来说明一下其他相关的修改
具体操作如下
1、找到 layui / lay / modules / table.js 打开此文件
2、搜索
r.edit&&e.push('data-edit="'+r.edit+'"'),
这个字符串,找到之后在后面加入
r.placeholder&&e.push('data-placeholder="'+r.placeholder+'"'),
这行代码来接收定义的 ‘placeholder’ 的值
3、搜索
i=t(this),a=(i.data("field"),i.data("edit")),l=i.children(f);if(!i.data("off")&&a){var n=t('<input class="layui-input '+N+'">');
这个字符串,替换为
i=t(this),a=(i.data("field"),i.data("edit")),lsd = i.data("placeholder") == undefined?'':i.data("placeholder"),l=i.children(f);if(!i.data("off")&&a){var n=t('<input placeholder="' + lsd + '" class="layui-input '+N+'">');
这样就完成了。