合计数据

(作者：饶家俊，撰写时间：2019年7月16号)

接下来给大家介绍的在数据表格里面实现的操作，就让我简单的介绍一下，这个功能是要引入layui的插件，和layui的数据表格才可以实现，这个功能是通过数据表格里面的列，通过列里面，如果是数字的话就就会就会把他们相加，合计起来，在最后一行的号码在加一行，来显示合计的数量，我还会教大家如何把这个合计数据的数字把他提取出来，接下来让我们看代码吧。

这个就是数据表格了，当然只有这个是数据表格是显示不出来的，还要他ID，就是这段码

还要给他在控制器那里查询到后台数据的数据连接，这样数据表格里面才会有数据。

url:’/Collectfee/CommercialRefer/Data/’

在下面就是重头戏了，我们首先要在连接下面放一段代码，就是这段代码，他是用来开启合计数据的钥匙。

totalRow: true

这就是这句代码的作用，就是在数据表格里面的最后一行添加一行灰色数据，现在还是不会合计数据，我们还要在加一段代码。就是下面字段代码加在后面就可以了，这样在最下面就合计数据，这只是金额合计数据，如果报销合计数据的话就要在添加这句代码totalRow: true。

{ field: ‘AggregateAmount’, title: ‘金额’, sort: true, totalRow: true },

在下面就是教大家怎么获取到这一列合计的金额。

这个就要放在col：[[ ]],下面，就让我们介绍一下获取到合计数据的代码吧。
我们首先就要获取到那一列的ID，在让key等于这个ID，我们在下面就好用到它。

var key = ‘AggregateAmount’ //列id

var e = $("#employee").next().find(’.layui-table-total’).find(‘td[data-field="’ + key + ‘"] div’).text();

然后获取到数据表格里面的ID employee，在通过一些layui自己的方法，在加上key，那么e就是这个列合计的数据总数。，就可以通过e来进行一些基本的操作，根据input标签的名称name来显示这个列合计的数据总数的

$(“input[name=‘OneselfPayst’]”).val(e);