欢迎来到小懒的博客~email:568705236@qq.com

layui table在单元格编辑设置输入框type是number

2020/11/8 11:52:54站长

    目前layui table的单元格编辑只支持文本编辑,那么如果想修改输入框的类型又不想修改源码。那么在事件上捕获来更改输入框的类型。

    layui table的行点击事件在单元格编辑时是不触发的,这个行不通。

    审查元素,发现layui table的输入框有个独立的类 layui-table-edit,很好可以用这个来加点料。

layui.$(document).on("focus",".layui-table-edit",function(){layui.$(this).attr("type","number")}); //我这里监听document是为了方便,监听元素请按照自己实际情况监听靠近table父节点的元素。

    当然了,这样的监听会把所有的表格输入框都处理了。这个需要增加判断。

image.png

    单元格td上是记录着这个列的字段,因此可以判断parent就是td的属性来选择是否更改输入框的类型。

赞赏