layui 使用小技巧

流加载 带搜索

• 痛点 flow.load() 方法只能初始化一次，但是带搜索的流加载需要反复初始化很多次flow.load()
• 问题解决关键点 我们注意到 flow 模块有个属性 scrollElem “滚动条所在元素选择器，默认document。如果你不是通过窗口滚动来触发流加载，而是页面中的某一个容器的滚动条，那么通过该参数指定即可。”
• 这意味着滚动监听是绑在scrollElem这个属性上的，默认也就是document，我们在初始化document的时候，卸载document的滚动事件就好了。
• 代码示例

        loadData();
        function loadData() {
            $(document).unbind();
            flow.load({
                end: '<div class="color-tip">没有更多了哦~</div>'
                , elem: '.list'
                , done: function (page, next) {
                
                }
            });
        }

日期自动确定大小值

• 我们想动态的确定日期模块的min max等属性该怎么做？
• layui模块可以用config来重新初始化相关参数
• 代码示例

        let dateStart = null;
        let dateEnd = null
        dateStart = laydate.render({
            elem: '#dateStart'
            , showBottom: false
            , trigger: 'click' //采用click弹出
            , done: function (value, date) {
                dateEnd.config.min = {
                    year: date.year,
                    month: date.month - 1,
                    date: date.date
                };;
            }
        });
        dateEnd = laydate.render({
            elem: '#dateEnd'
            , showBottom: false
            , trigger: 'click' //采用click弹出
            , done: function (value, date) {
                dateStart.config.max = {
                    year: date.year,
                    month: date.month - 1,
                    date: date.date
                };

            }
        });

layer 弹窗的图标含义

		layer.msg('同上', {
		  icon: 1,
		  time: 2000 //2秒关闭（如果不配置，默认是3秒）
		}); 
		// 1正确 2错误 3问号 4锁头 5不开心 6笑脸 7感叹 16加载菊花

内置ajax的链式使用

		// 在 高版本jquery中 用then catch 替换 success error
		$.get(`/api/RemoteIntergral/GetIntergralAdress/${openId}`)
		  .success(function(res) {
		    console.log(res);
		  })
		  .error(function (err) {
		    layer.alert(`code：${err.status}，${err.responseText}`, {title: '发生错误，请稍后重试！' });
	  });