layui数据表格返回的数据状态异常

时间:2019-01-11
本文章向大家介绍layui数据表格返回的数据状态异常,主要包括layui数据表格返回的数据状态异常使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

 1.layui数据表格返回的数据状态异常

2.找到layui。2.3.0  中 table.js 在里面添加如下代码: (备注 layui.2.4.5版本 有parseData 可以支持呀 看官方文档哟)

 

 // 加入这部分!!!
              // 临时解决layui的table组件中response选项不支持多层级获取接口数据的方法
              // ----------------开始---------------------
              if (typeof options.responseHandler == "function") {
                  res = options.responseHandler(res);
              }
                // ----------------结束---------------------

 

 layui.use(['table', 'form'], function () {
            var table = layui.table,
                form = layui.form;
            table.render({
                elem: '#Table'
                , cellMinWidth: 180 //全局定义常规单元格的最小宽度,layui 2.2.1 新增
                //, url: '/demo/table/user/'
                , url: "/BAPI/BAPI_ASHX.ashx"
                //, data: mc_data
                //, width: "100%"
                , height: "500px"
                , cols: ColsFieldName
                , limit: 10
                , limits: [10, 40, 60, 80, 100, 120, 140, 160, 2000]
                , page: true
                , where: {
                    "ticket": pub.State.Ticket,
                    "menu": "",
                    "api": v_api,
                    "type": "json",
                    "data": __request
                    , "layui": "true"
                } //如果无需传递额外参数,可不加该参数
                , method: 'post' //如果无需自定义HTTP类型,可不加该参数
                , responseHandler: function (res) {
                    // 可进行数据操作
                    return {
                        "count": res.json.Extend.total,
                        "data": res.json.Data.root,
                     //   "datack": res.json.Data.dtck,
                        "code": res.json.State == 200 ? 0 : -1,//code值为200表示成功
                        "msg": res.json.Message
                    };
                },
                done: function (res, curr, count) {
                    
                },
                loading: true
            });