layui开发问题记录

1、tabel返回的数据格式不对 修改 statusCode

修改文件路径为： layui/lay/modules/tabel.js

2、tabel开启头部工具栏：导出Excel，打印等

方案：table.render({toolbar:true});
参考文档：https://www.layui.com/doc/modules/table.html

3、tabel 报错 The ID option was not found in the table instance

原因：

var tableOptions = {
    url: getListUrl, //请求地址
    method: 'POST', //方式
    id: 'listReload', //生成 Layui table 的标识 id，必须提供，用于后文刷新操作，笔者该处出过问题
    page: false, //是否分页
    //请求后端接口的条件，该处就是条件错误点，按照官方给出的代码示例，原先写成了 where: { key : { type: "all" } }，结果并不是我想的那样，
    //如此写，key 将是后端的一个类作为参数，里面有 type 属性，如果误以为 key 是 Layui 提供的格式，那就大错特错了
    where: { type: "all" }, 
    response: { //定义后端 json 格式，详细参见官方文档
        statusName: 'Code', //状态字段名称
        statusCode: '200', //状态字段成功值
        msgName: 'Message', //消息字段
        countName: 'Total', //总数字段
        dataName: 'Result' //数据字段
    }
};

解决：配置表格时要添加表格的id

4、刷新表格最好用 $(".layui-laypage-btn")[0].click();

好处：不会让工具栏按钮失效

5、layui->iframe框架,更改完信息后想全局刷新，一般只会刷新局部

解决办法：layer父页面刷新

parent.location.reload(); // 父页面刷新
var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
parent.layer.close(index);