layui表格table常用的一些东西

常用到的一些属性：

• response 可设置自定义的返回格式

table.render({
                id: 'warehouse_list'
                , elem: '#warehouse_list'
                , url: "/WMS/Invoice/GetSupply"
                , response: {//可设置自定义的返回格式
                    statusName: "success",//返回状态名称
                    statusCode: true//成功后的状态值
                }
                , totalRow: true//开启合计功能
});

在table.js中 respose的内容是这样的：

{
            statusName: "code",
            statusCode: 0,
            msgName: "msg",
            dataName: "data",
            countName: "count"
        }

在实际项目中，我们可以选择直接修改源代码，也可以在每次table渲染时去重新定义。

• totalRow 开启合计行，效果是这样的：

  
  image.png
• done 函数，表格加载后的回调函数，可以用来处理接口返回数据
• 表格部分重新加载

table.reload('warehouse_list', {
                        page: {
                            curr: 1 //重新从第 1 页开始
                        }
                        , where: {}//可以增加自定义参数
                    });

1、可以是弹框修改行数据，提交刷新表格window.parent.这样的
2、可以是大表单加载的新页面，提交关闭当前页面，并刷新父列表页内容
3、最单纯、最常见的就是直接用来搜索

• 监听指定对象的点击事件

 $('.layui-btn-click').on('click', function () {
                var type = $(this).data('type');
                active[type] ? active[type].call(this) : '';
            });

用于规整对象，可以让代码看起来更好看。面向对象管理

本来想在加载第一页表格时增加一个loading动画（除了第一页都有），可惜需要修改大量的代码，等待作者可以优化。