layui配置

layui是一個全局變量，可以在任何地方訪問到
layui.config 方法主配置信息（經測試好像不能添加額外屬性）
layui.setter讀取主配置屬性
layui.extend 方法增加主配置模塊
layui.use 方法引用
第一個參數（數組）用於加載模塊，如果只有一個模塊可以直接寫字符串；
第二個參數（方法）頁面回調，增加頁面自定義事件

layui.config({
           base: '../layuiadmin/', //靜態資源所在路徑
       }).extend({
           index: 'lib/index', //主入口模塊
       }).use(['index', 'forum', 'table'], function () {
           var $ = layui.$
           , form = layui.form
           , table = layui.table;
});
>>>layui.setter.base
'../layuiadmin/'

　　

一個搜索按鈕，一個表格：

<button class="layui-btn layuiadmin-btn-replys" data-type="reload" lay-submit lay-filter="LAY-app-forumreply-search">
                            <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
                        </button>

<table id="LAY-app-forumreply-list" lay-filter="LAY-app-forumreply-list"></table>

　　

元素包含lay-submit，根據lay-filter的值來得到該按鈕

//得到元素所在layui-form中的表單數據
form.on('submit(LAY-app-forumreply-search)', function (data) {
//data.field表單中包含name屬性的鍵值對象
                var field = data.field;

                //執行頁面中 id="LAY-app-forumreply-list"的重載
                table.reload('LAY-app-forumreply-list', {
//where屬性可以在異步請求中增加額外的參數
                    where: field
                });
            });

　　

加載列表：

table.render({
        elem: "#LAY-app-forumreply-list",
        url: "/Txooo/Sales/Mch/Product/Ajax/ProductAjax.ajax/GetProductList3",
        cols: [[{
//多選框
            type: "checkbox",
            fixed: "left"
        },
        {
//可排序的列sort
            field: "replytime",
            title: "回帖時間",
            sort: !0
        },
        {
//讀取模板加載列內容
            title: "操作",
            width: 150,
            align: "center",
            fixed: "right",
            toolbar: "#table-forum-replys"
        }]],
        page: 0,
        limit: 10,
        where: {
            pageIndex: 0,
            r_state: 5
        },
        limits: [10, 15, 20, 25, 30],
        text: "對不起，加載出現異常！",
        response: { dataName: "list" }
})

　　

render 列表渲染
elem 渲染目標id
url 異步加載地址
page 固定讀取分頁當前頁
limit 固定每頁條數
limits 可選每頁條數
response 請求參數配置{"statusName":"code","statusCode":0,"msgName":"msg","dataName":"data","countName":"count"}

cols 列名與內容設置

• type 內容類型
• fixed 樣式左右方向
• field 對應的異步數據字段名稱
• title 展示的列名
• sort 可排序字段
• align 字體居中
• toolbar 可操作模板id
• templet 普通模板內容id或html代碼