layui表格里加入input标签

layui表格里加入input标签

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

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

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

你可能感兴趣的:(layui表格里加入input标签)