layui当前表格第一行_layui数据表格新增一行

方案一

layui的数据表格集成了查看编辑删除等功能，但新增功能官方文档却没有提及，当业务需求需要点击新增一行时，可用如下方式实现

实现的思路是：当点击新增一行时，把之前的数据保存下来，并在数据尾部增加一行空数据

然后将新数据重新载入表格

var dataBak = []; //定义一个空数组,用来存储之前编辑过的数据已经存放新数据

var tableBak = table.cache.stock_add_table;

//获取之前编辑过的全部数据，前提是编辑数据是要更新缓存，stock_add_table 为表格的id

for (var i = 0; i < tableBak.length; i++) {

dataBak.push(tableBak[i]); //将之前的数组备份

}

在尾部新增一行空数据，实现增行效果

dataBak.push({

"stockInCargo": ""

,"stockInNum": ""

,"stockInPrice": ""

,"stockCargoTime": ""

,"stockInCompany": ""

});

table.reload("stock_add_table",{

data:dataBak // 将新数据重新载入表格

})

原文：https://blog.csdn.net/rj_han/article/details/80664068

方案二

解决方案：将table改写成静态的方式即可，即第二部分代码

此时出现新问题：每点击一次会出现两条数据，应做如下修改： $(".layui-table-body .layui-table").append(tr); 最后即可实现点击按钮新增一条数据的效果。

layui当前表格第一行_layui数据表格新增一行相关推荐

layui 数据表格下拉框_LayUi数据表格中嵌套下拉框
layui嵌套下拉框实用方法(附效果图) 在做项目时遇到一个问题,在layui 的数据表格table里面如何做一个下拉框呢?效果图如下: 这样的效果想必是最理想的了思路分析: 我们可以通过layui ...
python Excel数据表格转为HTML网页数据表格
python Excel数据表格转为HTML网页数据表格文章目录准备test数据 Excel转html 准备test数据首先,准备一个excel.以以下代码为例,在当前目录下生成一个Excel文 ...
layui当前表格第一行_layui使用表格渲染获取行数据的例子
需求:使用前端框架layui生成表格,点击表格中一行数据中的按钮,获取到这行数据. 解决办法: 在render中增加字段: done: function (res, curr, count) { // ...
js layui跳转页面_Layui数据表格跳转到指定页的实现方法
Layui数据表格跳转到指定页的实现方法 1.获取数据表格下分页组件中的页码输入框,具体元素在Elements中位置如下 2.获取上述input并设置其value属性值为目标跳转页面页码 $(&quo ...
layui表格更改一列数据_layui数据表格隐藏列的方法介绍
在使用layui做数据表格的时候,插入的数据的id是不是一组连续的数字,那么就需要用到layui的cols的type属性. table.render({ elem: '#test' ,url:'${p ...
layui 传递前端请求_Layui数据表格前后端json数据接收的方法
先上效果图: 前端数据表格: 编号菜单名称菜单路径菜单图标菜单子菜单操作编辑删除 js代码 $(function () { //注意:这里是数据表格的加载数据,必须写 layui.use(['ta ...
layui修改table中的按钮_layui数据表格中如何设置按钮切换（是否置顶）与分页居中...
手记1 一.数据表格中按钮切换(置顶与取消) 在layUI数据表格中是可以使用toolbar设置表格内的按钮使用laytel语法置顶 {{# if(d.order>0){ }} 取消 {{ ...
layui数据表格接口_layui数据表格实现重载数据表格功能(搜索功能）
layui数据表格实现重载数据表格功能,以搜索功能为例加载数据表格实现搜索功能和数据表格重载全部代码加载数据表格按照layui官方文档示例 HTML部分 JavaScript部分 var t ...
获取layui表格单元格的数据_Layui数据表格之获取表格中所有的数据方法
数据表格中的数据是通过直接赋值的方式.这里实际上思想是反过来的,将拿数据表格中的所有数据,转换为Layui数据表格拿原始数据去渲染数据表格. 1.创建一个作用域合适的JS对象数组用来保存数据表格中的原 ...

layui当前表格第一行_layui数据表格新增一行

layui当前表格第一行_layui数据表格新增一行相关推荐

最新文章

热门文章