layui表格点击新增创建一行空列(空列可以进行输出)
时间: 2024-02-06 10:02:11 浏览: 118
LayUI table新增空白行
好的,关于您的问题,您可以通过在layui表格的监听事件中进行操作。具体而言,您可以在layTable.on('tool', function(obj){})中的添加按钮监听中,调用layTable.addRow()方法,在表格末尾添加一行新的空列。由于该空列的内容可以直接进行输出,因此您可以在新行添加完成后,直接聚焦到该空列进行输入输出操作。请您参考以下示例代码:
```
layui.use('table', function(){
var table = layui.table;
// 监听表格工具条
table.on('tool(test)', function(obj){
var data = obj.data;
if(obj.event === 'add'){
// 添加一行新的空列
table.addRow(testTable, {});
// 获取新添加的行的DOM元素
var newRowDom = $("#testTable .layui-table-body tbody tr:last-child")[0];
var newRowIndex = $("#testTable .layui-table-body tbody tr:last-child").attr("lay-row-index");
// 聚焦到新添加的空列上
var newEmptyCellDom = $(newRowDom).find(".layui-table-cell[dtype='empty']")[0];
$(newEmptyCellDom).click();
}
});
});
```
希望这个代码可以解决您的问题,如果您有任何其他问题,请随时向我提问。
阅读全文