layui表格里加入input标签

layui表格里加入input标签

问题:如何在表格里添加input标签,并且设置input标签的类型为时间格式,即将input标签的“type”设置为“date”,然后在编辑完input标签里面的内容后,将新编辑的内容保存呢?
layui表格虽然有可编辑的表格,但是layui表格的可编辑表格可以随意的添加任何内容,没有我想要的时间类型的格式。
在这里插入图片描述
但是我又想数据可以在向表格那样排列出来,并且可以一次性修改多条数据然后保存,所以我就想到了给layui表格加input标签的办法。
首先,在Html创建table标签时,在table标签外套一个form表单,以便获取值。
在这里插入图片描述
控制器查询数据,与一般的查询无异,这里是多表查询,也是运用Linq语句,where筛选数据,descending倒序排序,数据分页。
在这里插入图片描述

表格渲染,运用方法渲染的方式渲染表格,利用layui表格的参数“templet”自定义模板将input标签添加进layui表格里面,如同form表单的input标签一样使用,设置对应的name值;将数据设置为input标签的value值,数据就会回填到input标签上,就可以如常看到数据了。
在这里插入图片描述

最后,达到了我想要的效果,数据顺序整齐排列在表格里,并且可以同时对多条数据进行编辑,还有我想要的时间格式。
在这里插入图片描述

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值