服务项目

       Layui基于treetable.js树形表格插件，通过调用json获取表格动态数据，支持全部展开、全部折叠、刷新表格、修改、删除等表格功能。扩展：菜单管理、深度测试、自定义图标、多表格、搜索功能等5种实例。

一.需求：

在做一个管理系统时，需要增加表格行和删除功能。

二.效果图：

三.核心代码：

//头工具栏监听事件

table.on('toolbar(test)', function (obj) {

                var checkStatus = table.checkStatus(obj.config.id)

                    , data = checkStatus.data;//获取选中的数据

                switch (obj.event) {

                    case 'add'://添加

                        //要执行的事件

                        var tableBak = table.cache.buttonList;//获取之前编辑过的全部数据，前提是编辑数据是要更新缓存，buttonList 为表格的id

                        buttonArr = [];//清空数组

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

                            buttonArr.push(tableBak[i]);      //将之前的数组存储

                        }

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

                        buttonArr.push({

                            "name": "",

                            "code": ""

                        });

                        table.reload("buttonList", {

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

                        })

                        break;

                    case 'batchDelete'://删除

                        var tableDT = table.cache.buttonList;//1获取之前编辑过的全部数据，前提是编辑数据是要更新缓存，buttonList 为表格的id

                        var data = checkStatus.data;//2获取选中数据

                        if(data.length<=0){

                            layer.msg('最少选择一行');

                            return;

                        }

                        //方法一：遍历缓存列表，将非选中的按钮信息对象存入数组中，然后表格重载此数组（非选中的存入数组）

                        // var tableArr = [];

                        // for (var i = 0; i < tableDT.length; i++) {//遍历表格缓存数组

                        //     var btnObj=tableDT[i];

                        //      if(!btnObj.LAY_CHECKED){//条件：非选中

                        //         tableArr.push(btnObj);//把未选中的按钮信息对象存入数组中

                        //     }

                        // }

                        //方法二：遍历缓存列表，将选中的按钮信息删除（选中的删除）

                        var tableArr = [];

                        for (var i = 0; i < tableDT.length; i++) {//遍历表格缓存数组

                            var btnObj = tableDT[i];

                            if (btnObj.LAY_CHECKED) {//条件：选中

                                tableDT.splice(i, 1);//移除后后造成数组下标索引发生变化，所以下面需要i--

                                i--;

                            }

                        }

                        tableArr = tableDT;

                        table.reload("buttonList", {

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

                        });

                        break;

                }

            });