流加载 带搜索
- 痛点 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'
, 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'
, done: function (value, date) {
dateStart.config.max = {
year: date.year,
month: date.month - 1,
date: date.date
};
}
});
layer 弹窗的图标含义
layer.msg('同上', {
icon: 1,
time: 2000
});
内置ajax的链式使用
$.get(`/api/RemoteIntergral/GetIntergralAdress/${openId}`)
.success(function(res) {
console.log(res);
})
.error(function (err) {
layer.alert(`code:${err.status},${err.responseText}`, {title: '发生错误,请稍后重试!' });
});