解决layui中table异步数据请求不支持自定义返回数据格式的问题

使用版本 layui-v2.3.0

修改

打开layui中table.js源码

在 Class.prototype.pullData 这个方法定义内部

rush:js;"> //获得数据 Class.prototype.pullData = function(curr,loadindex){ var that = this,options = that.config,request = options.request,response = options.response,sort = function(){ if(typeof options.initSort === 'object'){ that.sort(options.initSort.field,options.initSort.type); } };

that.startTime = new Date().getTime(); //渲染开始时间

if(options.url){ //Ajax请求
var params = {};
params[request.pageName] = curr;
params[request.limitName] = options.limit;

//参数
var data = $.extend(params,options.where);
if(options.contentType && options.contentType.indexOf("application/json") == 0){ //提交 json 格式
data = JSON.stringify(data);
}

$.ajax({
type: options.method || 'get',url: options.url,contentType: options.contentType,data: data,dataType: 'json',headers: options.headers || {},success: function(res){
// 加入这部分!!!
// 临时解决layui的table组件中response选项不支持多层级获取接口数据的方法
// ----------------开始---------------------
if (typeof options.responseHandler == "function") {
res = options.responseHandler(res);
}
// ----------------结束---------------------

if(res[response.statusName] != response.statusCode){
 that.renderForm();
 that.layMain.html('<div class="'+ NONE +'"&gt;'+ (res[response.msgName] || '返回的数据状态异常') +'</div>');
} else {
 that.renderData(res,curr,res[response.countName]),sort();
 options.time = (new Date().getTime() - that.startTime) + ' ms'; //耗时(接口请求+视图渲染)
}
loa<a href="https://www.jb51.cc/tag/dind/" target="_blank" class="keywords">dind</a>ex && layer.close(loa<a href="https://www.jb51.cc/tag/dind/" target="_blank" class="keywords">dind</a>ex);
typeof options.done === 'function' && options.done(res,res[response.countName]);

},error: function(e,m){
that.layMain.html('<div class="'+ NONE +'">数据接口请求异常

');
that.renderForm();
loadindex && layer.close(loadindex);
}
});
} else if(options.data && options.data.constructor === Array){ //已知数据
var res = {},startLimit = curr*options.limit - options.limit

res[response.dataname] = options.data.concat().splice(startLimit,options.limit);
res[response.countName] = options.data.length;

that.renderData(res,options.data.length),sort();
typeof options.done === 'function' && options.done(res,res[response.countName]);
}
};

使用:

在建立table的时候

加入

rush:js;"> responseHandler: function (res) { // 可进行数据操作 return { "count": res.data.count,"data": res.data.companyList,"code": res.code == 200 ? 0 : -1 //code值为200表示成功 }; },

以上这篇解决layui中table异步数据请求不支持自定义返回数据格式的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...