[发明专利]一种自定义计算DataTable表格数据的方法

权利要求书

1.一种自定义计算DataTable表格数据的方法，其特征在于，包括：

步骤S1：在html页面完成table的初始建立；

步骤S2：给table新增thead，命名为“合计”，添加input type＝checkbox，同时添加class＝checkboxAll；

步骤S3：给table新增tbody，存放计算后的数据；

步骤S4：获取table的id；

步骤S5：通过给class＝checkboxAll绑定click事件，实现点击“合计”thead的选中框，全选所有列或全不选所有列；

步骤S6：获取选择列的行数据，计算并显示在“合计”列。

2.根据权利要求1所述的一种自定义计算DataTable表格数据的方法，其特征在于，所述步骤S1，包括：

步骤S11：在html页面加载table的grid，添加table的id，并添加jquery表格插件datatable的JS和css；所述table的id，包括：thead和tbody；

步骤S12：给table所有thead添加input type＝checkbox。

3.根据权利要求2所述的一种自定义计算DataTable表格数据的方法，其特征在于，所述步骤S3，包括：

给table新增tbody，设置属性class＝totalData，与步骤S2中的新增thead对应。

4.根据权利要求3所述的一种自定义计算DataTable表格数据的方法，其特征在于，所述步骤S4，包括：

通过函数document.getElementById()查找table的id，获取table的对象tableId。

5.根据权利要求4所述的一种自定义计算DataTable表格数据的方法，其特征在于，所述步骤S5，包括：

通过$(input[type＝'checkbox']).attr({checked:true})全选所有列或通过$(input[type＝'checkbox']).attr({checked:false})全不选所有列。

6.根据权利要求5所述的一种自定义计算DataTable表格数据的方法，其特征在于，所述步骤S5，还包括：

给html页面上所有的input[type＝'checkbox']绑定change事件，实现当页面任意选中框发生变化时，获取每一列的行数据，按列保存至数组。

7.根据权利要求6所述的一种自定义计算DataTable表格数据的方法，其特征在于，所述步骤S6，包括：

步骤S61：申明动态数组cellData＝{}；

步骤S62：通过查找input[type＝'checkbox']，给其绑定change事件，当html页面所有的input[type＝'checkbox']的状态变化时触发。

8.根据权利要求7所述的一种自定义计算DataTable表格数据的方法，其特征在于，所述步骤S62，包括：

步骤S621：通过步骤S4中获取的table对象，获取该对象的列数，tableId.rows[0].cells.length；

步骤S622：遍历步骤S621中获取的列，调用步骤S61中的动态数组，分配与列数相同的数组cellData[array]；

步骤S623：判断步骤S621中的列是否被选中，if(tableId.rows[0].cells[].children[0].checked)；

步骤S624：遍历选中的列，获取每一个选中列的行数据tableId.rows[].cells[].innerHTML，并将行数据按列存放至步骤S622分配的数组中；

步骤S625：根据计算需求，遍历每一个cellData[array]数组，对每一个数组按元素顺序进行计算，并保存至存放结果的数组中totalData[]；

步骤S626：将步骤S625中的totalData[]按顺序赋值给步骤S3中的totalData以显示$($(.totalData)[]).html(totalData[])。