layui 加载loding图标

bProcessing：开启处理中的加载
sProcessing：页面加载数据显示具体信息

function getDataTable(){$('#InsectDataTable').dataTable({'bProcessing': true,//是否显示,处理中....'bServerSide': true,'fnServerParams': function (aoData) {var kaishi;var tiaoshu;for(var i=0;i<aoData.length;i++){if(aoData[i].name == "iDisplayStart"){kaishi = aoData[i].value;}else if(aoData[i].name == "iDisplayLength"){tiaoshu = aoData[i].value;}}var startTime = $.trim($("#startTime").val());var endTime = $.trim($("#endTime").val());aoData.push({"name": "insectData.areaId","value": $("#areaId").val()},{"name": "insectData.insId","value": $("#eqCode").val()},{"name": "insectData.startTime","value": startTime}, {"name": "insectData.endTime","value": endTime},{"name": "kaishi","value": kaishi}, {"name": "tiaoshu","value": tiaoshu});},"sAjaxSource": basePath + "insectData/getInsectDataList.action", // 获取列表"sServerMethod": "POST","sPaginationType": "full_numbers","bPaginate": true, // 翻页功能"bStateSave": false, // 状态保存"bLengthChange": true, // 改变每页显示数据数量"aLengthMenu" : [15, 30, 50],"bFilter": false, // 过滤功能"bSort": false, // 排序功能"bInfo": true, // 页脚信息"bAutoWidth": false, // 自动宽度"bDestroy": true,"iDisplayLength": 15, // 每页显示多少行"aoColumns": [ {"sTitle": '排序',"mDataProp": "no"}, {"sTitle": '名称',"mDataProp": "insName","sClass": "conceal"}, {"sTitle": '区域名称',"mDataProp": "areaName","sClass": "conceal"}, {"sTitle": '编号',"mDataProp": "eqCode"}, {"sTitle": '温度',"mDataProp": "temperature"}, {"sTitle": '湿度',"mDataProp": "humidity"}, {"sTitle": '数量',"mDataProp": "activation"}, {"sTitle": '采集时间',"mDataProp": "collecTime"},{"sTitle": '操作',"mDataProp": null}],"oLanguage": {"sLengthMenu": "每页显示 _MENU_ 条记录","sZeroRecords": "抱歉， 没有找到","sInfo": "从 _START_ 到 _END_ /共 _TOTAL_ 条数据  ","sInfoEmpty": "","sInfoFiltered": "","oPaginate": {"sFirst": "首页","sPrevious": "上一页","sNext": "下一页","sLast": "末页"},"sZeroRecords": "没有检索到数据","sProcessing":"src='"+basePath+"'/plugins/frame/layui/css/modules/layer/default/loading-"},done:function (res) {  //返回数据执行回调函数layer.close(loding);  //返回数据关闭loading},"fnDrawCallback": function (oSettings) {$('#equipmentTable tbody  tr td').each(function () {this.setAttribute('title', $(this).text());});$("#total").prop("checked", false);var json = jQuery.parseJSON(oSettings.jqXHR.responseText);if (json != null && json != undefined) {totalCount = json.iTotalDisplayRecords;}},"fnInitComplete": function () {},"aoColumnDefs": [{"aTargets": [3],"fnRender": function (oObj) {var eqCode = oObj.aData.eqCode;return '<a href="javascript:void(0);" οnclick=insectDataTime("' + eqCode + '")>' + eqCode + '</a>';}},{"aTargets": [8],"fnRender": function (oObj) {var html = "";html += "<a data-method=\"repaire\" class=\"layui-btn layui-btn-sm layui-btn-danger layui-btn-radius\" οnclick=deleteData('"+oObj.aData.id+"')>删除</a>"return html;}}]});
}

layui 加载loding图标相关推荐

layui 加载第三方插件
layui 加载第三方插件 1. 使用模块 2. 内置模块 3. 扩展一个 layui 模块 4. 加载第三方插件为layui模块 1. 使用模块 Layui的模块加载采用核心的 layui.use( ...
HTML小案例-使用CSS3实现网页加载loding动画
HTML小案例-使用CSS3实现网页加载loding动画话不多说先看效果 ** 以下为源代码 ** <!DOCTYPE html> <html lang="zh-CN&q ...
vue3+ant design vue 动态加载Icon图标
问题与思路在使用前端组件库时,我们常常会遇到需要动态加载 Icon 图标,如何处理这一需求,是前端开发人员必须思考的问题.在 vue 中,有一个内置组件 component,它的主要作用是配合 is ...
Ng-Zorro框架静态加载SVG图标
ng-zorro-antd 是遵循 Ant Design 设计规范的 Angular UI 组件库.提供了丰富的常用页面组件.其中NzIconModule 提供了图标功能,可以方便地使用各种框架自带的 ...
cesium中加载点图标
效果(截取部分效果) 代码 // primitives可加载大量数据,性能方面比entities要好一些 let billboard = viewer.scene.primitives.add(new ...
名编辑电子杂志大师教程 | 书本加载进度图标
名编辑电子杂志大师可以让我们自由设置书本加载进度图标,使读者在等待页面加载完成的时候享受不一样的乐趣.下面我们来学习下如果添加书本加载进度图标: 电脑版加载信息: 第一步: 在设计设置面板中的搜索框输 ...
LoadIcon()，加载系统图标说明
最近需要在对话框(CDialog)上任意位置绘制系统图标,搜索一遍后,最后在MSDN上找到了方法,MSDN原文地址以下为译文 // 函数说明从与程序(application)实例 ...
flutter- ListTile leading加载本地图标
ListTile(leading: Images.assets('images/1.png'),title: Text('jquery 根据分类id分割数组'),subtitle: Text('写项目 ...
微信小程序--请求接口时：添加全局的正在加载中图标效果
注: 如果没有封装request.js接口函数请看:https://mp.csdn.net/console/editor/html/106737440 1. 首先在封装的 request.js 文件中 ...

layui 加载loding图标

layui 加载loding图标相关推荐

最新文章

热门文章