Table自增表格

自增表格的作用就是可以让你任意的新增数据,不管是多条还是单条。在软件功能编辑的方面非常有用。
如何设置自增表格:
先在一个table里面设置好表头,然后设置表头所对应的列的内容,如:

颜色尺码商品编码商品条码
再在外面放置两个按钮,一个是新增行按钮,一个是删除行按钮,然后就是分别写新增行功能的方法和删除行功能的方法,我们先要给每个input框一个ID,因为这是根据input框的ID自增的。 新增行方法:先命名一个参数来接收表格的长度,var aaa= $(“#Mytable”).find(“. Atr”).length; 然后就是给每个input框的ID拼接上这个长度,并用一个参数来接收这个新增行数据 Var bb= '' + ' ' + ' ' + 然后执行:$("#Mytable ").append(bb); 在这里建议再给一个判断,让它新增的条数不能太多,可以设置为6条左右: If(aaa<0){$("#Mytable ").append(bb)},else{ layer.alert('最多添加6条数据了喔', { icon: 2 });} 判断的意思就是当它新增的行少于6条时就执行新增,否则不执行。 删除行方法:同样命名一个参数来接收表格的长度,而且这里我们也需要判断让它不能删除最后一行,所以当接收的长度大于2时,执行options.last().remove();(删除选项,从最后一个开始删),为什么要大于2,因为我那样获取长度时,表头也算一个长度。也可以在$("#Mytable")里面加一个tbody,这样就直接获取新增行长度。 在用这个自增行表格新增获取页面数据回填时,我们可以用数组来接收这个自增行里面的页面数据回填。 自增行数据页面回填的放法:先命名一个全局变量的数组,然后用一个方法封装你需要传送的数据,再在你数据回填那里用for循环接收,循环的次数为新增行的长度: ![在这里插入图片描述](https://img-blog.csdnimg.cn/20190718081021811.PNG?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU0NjQ1Mg==,size_16,color_FFFFFF,t_70) 就这样就能获取到你自增行表格的所以数据回填了,修改获取时用类型的方法。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值