---
title: layer
date: 2017-12-11 01:56:20
update: 2017-12-11 01:56:20
categories: LAYUI
tags: [layui]
---
### 1 等待加载样式,手动关闭

```
var id = layer.msg('处理中', {
icon: 16,
shade: 0.4,
time: false
});
layer.close(id);//手动关闭
```
### 2 弹窗
```
layer.open({
title: "使用问题解答",
type: 2,
closeBtn: false,
shadeClose: true,
anim: 5,
area: ['70%', '70%'],
offset:['50px','200px'],
content: ['/cloud/sys/cloud/getProblem', 'true']
});
```
### 3 前端分页
```
js
// 填充数据和分页
function getPage(data) {
layui.use(['laypage', 'layer'], function () {
var laypage = layui.laypage
, layer = layui.layer;
//调用分页
laypage.render({
elem: 'demo20'
, count: data.length
, jump: function (obj) {
//模拟渲染
document.getElementById('biuuu_city_list').innerHTML = function () {
var arr = []
, thisData = data.concat().splice(obj.curr * obj.limit - obj.limit, obj.limit);
var recordListHtml = "";
layui.each(thisData, function (index, item) {
var status = ""; // 推送状态
status = "推送成功"; // 客户端收到推送信息
if (item.status == '1')
status = "已推送"; // 已推送
recordListHtml = recordListHtml;
});
$('#recordRowId').html(recordListHtml);
return arr.join('');
}();
}
});
});
}
```
### 4 layer后端分页
```
// 查询数据列表
function getList(dataParam) {
$.ajax({
type: "POST",
url: 'stationDevice/getListInfo',
data: JSON.stringify(dataParam),
contentType: "application/json; charset=utf-8",
success: function (data) {
if (data.success == '0') { // 查询成功赋值
var html = "";
if (data.resultList != null) {
}
}
// 对数据进行分页处理
initList(dataParam, data);
}
});
}
// 对数据进行分页处理
function initList(param, resultData) {
layui.use(['laypage', 'layer'], function () {
var laypage = layui.laypage;
//完整功能
laypage.render({
elem: 'pageOpId',
count: resultData.count, // 总条数
curr: resultData.curr,
layout: ['count', 'prev', 'page', 'next', 'skip'],
jump: function (obj, first) { // (分页数据,是否第一次执行)
// 查询数据并分页
if (first) { // 第一次执行不做任何处理
} else { // 第二次查询做处理
param.curr = obj.curr;
// 查询数据
getList(param);
}
}
});
});
}
```
layer