目前layui table的单元格编辑只支持文本编辑,那么如果想修改输入框的类型又不想修改源码。那么在事件上捕获来更改输入框的类型。
layui table的行点击事件在单元格编辑时是不触发的,这个行不通。
审查元素,发现layui table的输入框有个独立的类 layui-table-edit,很好可以用这个来加点料。
layui.$(document).on("focus",".layui-table-edit",function(){layui.$(this).attr("type","number")}); //我这里监听document是为了方便,监听元素请按照自己实际情况监听靠近table父节点的元素。
当然了,这样的监听会把所有的表格输入框都处理了。这个需要增加判断。
单元格td上是记录着这个列的字段,因此可以判断parent就是td的属性来选择是否更改输入框的类型。