layui table edit 编辑模式添加文本框placeholder提示语

先看下效果:
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+'">');

这样就完成了。

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值