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);