您现在的位置是:首页 > 正文

layui表格里加入input标签

2024-02-01 00:21:39阅读 3

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标签上,就可以如常看到数据了。
在这里插入图片描述

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

网站文章

  • 计划任务提权

    计划任务提权

    计划任务提权

    2024-02-01 00:21:33
  • java 解析中文xml_java如何解析XML

    java 解析中文xml_java如何解析XML

    DOM方式解析XMLDom解析是将xml文件全部载入到内存,组装成一颗dom树,然后通过节点以及节点之间的关系来解析xml文件,与平台无关,java提供的一种基础的解析XML文件的API,理解较简单,但是由于整个文档都需要载入内存,不适用于文档较大时。 (推荐学习:java课程)SAX方式解析XML基于事件驱动,逐条解析,适用于只处理xml数据,不易编码,而且很难同时访问同一个文档中的...

    2024-02-01 00:21:04
  • 编程过程中常见几何数学公式汇总

    1、已知直线上两点求直线的一般式方程已知直线上的两点P1(X1,Y1) P2(X2,Y2), P1 P2两点不重合。则直线的一般式方程AX+BY+C=0中,A B C分别等于:A = Y2 - Y1B = X1 - X2C = X2*Y1 - X1*Y22、过直线外一点P0(x0,y0)的垂线方程:y=(B/A)*(x-x0)+y03、求直线与垂线的交点x=((B^2)...

    2024-02-01 00:20:57
  • C++中的类型转换static_cast、dynamic_cast、const_cast和reinterpret_cast总结

    C++中的类型转换static_cast、dynamic_cast、const_cast和reinterpret_cast总结

    原文:http://www.jb51.net/article/55885.htm这篇文章主要介绍了C++中的类型转换static_cast、dynamic_cast、const_cast和reinterpret_cast总结,需要的朋友可以参考下前言这篇文章总结的是C++中的类型转换,这些小的知识点,有的时候,自己不是很注意,但是在实际开发中确实经常使用的。俗话

    2024-02-01 00:20:49
  • MySQL LIKE 子句

    MySQL LIKE 子句

    MySQL LIKE 子句 我们知道在 MySQL 中使用 SQL SELECT 命令来读取数据, 同时我们可以在 SELECT 语句中使用 WHERE 子句来获取指定的记录。 WHERE 子句中可以...

    2024-02-01 00:20:20
  • 面试题 position有哪些值?有什么作用?

    static:默认值; 不脱离文档流,top,right,bottom,left等属性不生效。 绝对定位:absolute 绝对定位的关键是找对参照物,要成为绝对定位元素的参照物必须满足以下两个条件: 1.参照物和绝对定位元素必须是包含与被包含关系; 2.该参照物必须具有定位属性; 如果找不到满足以上两个条件的父包含块,那么相对于浏览器窗口进行定位。 注:设置了position...

    2024-02-01 00:20:13
  • jQuery高级编程

    jquery高级编程1.jquery入门2.Javascript基础3.jQuery核心技术   3.1 jQuery脚本的结构   3.2 非侵扰事JavaScript   3.3 jQuery框架的结构   3.4 理解Dom和事件   3.5 与其他JavaScript库一起使用jQuery.4.选择和操作Dom元素5.事件处理6.Html表单,数据和AJAX7.动画和特效jQue...

    2024-02-01 00:20:07
  • 证明static 关键字并不能保证线程可见性

    证明static 关键字并不能保证线程可见性

    1.static : 标识这个属性是实例共享的。(也可以称作类变量) 2.volatile:标记该属性是易变的,被修饰的属性被修改后,别的线程每当用到该属性都要重新去读取。 疑惑:static 修饰变...

    2024-02-01 00:20:02
  • 7-3 类的定义和使用

    7-3 类的定义和使用

    定义一个日期类Date,内有数据成员year、month和day,分别代表年、月、日,并若干有成员函数:构造函数用于初始化数据成员,isLeap函数用于闰年的判断。编写主函数:创建日期对象,判断该年是否是闰年。

    2024-02-01 00:19:34
  • react中popover弹窗_移动端控件(三)-气泡(Popover)

    react中popover弹窗_移动端控件(三)-气泡(Popover)

    什么是气泡(Popover/弹出框/弹出式气泡)弹出框(Popovers)是一个瞬态视图,当您点击某个控件或区域时,它会显示在屏幕上其他内容的上方。通常,弹出窗口包括指向其出现位置的箭头。Popove...

    2024-02-01 00:19:28