精华内容
下载资源
问答
  • 2.layui table 返回格式默认不能自定义的,返回的分页json格式需要和table.js中规定的返回键一致,如下 3.经过测试,其实最重要的是code需要和上图中statusName后的resultCode一直即可,其他返回码不需要一致,即...

    1.排查数据是否已经正常返回

    2.layui table 返回格式默认不能自定义的,返回的分页json格式需要和table.js中规定的返回键一致,如下

    3.经过测试,其实最重要的是code需要和上图中statusName后的resultCode一直即可,其他返回码不需要一致,即封装统一返回实体的时候,返回状态码 在这里需要是resultCode,若是其他字段就会报错

    4.若是需要自定义,可以在table.render中添加response,进行更改配置

           response:{
                statusName: "code",//默认是resultCode,其他参数同理
                statusCode: 1,
                msgName: "msg",
                dataName: "data",
                countName: "count"
            }

    5.分页参数同理

    展开全文
  • List<User> userAll = userMapper.selectAll();  Map<String, Object> resultMap = new HashMap<>();  resultMap.put("data", userAll);... ..

    List<User> userAll = userMapper.selectAll();
            Map<String, Object> resultMap = new HashMap<>();
            resultMap.put("data", userAll);
            resultMap.put("code", "0");
            resultMap.put("msg", "");
            resultMap.put("count", "1");
            return resultMap;

    展开全文
  • layui table组件——默认数据格式要求

    千次阅读 2019-04-02 17:41:08
    layuitable组件 ,有规定的数据格式要求,对于我这种翻文档喜欢翻一半的不记录只能瞎百度了!!! 凸(`0´)凸 呐呐,返回的默认数据格式参照以下┗( ▔, ▔ )┛: return { "code": res.status, //解析接口...

    layui 的table组件 ,有规定的数据格式要求,对于我这种翻文档喜欢翻一半的不记录只能瞎百度了!!!   凸(`0´)凸


    呐呐,返回的默认数据格式参照以下┗( ▔, ▔ )┛

        return {
          "code": res.status, //解析接口状态
          "msg": res.message, //解析提示文本
          "count": res.total, //解析数据长度
          "data": res.data.item //解析数据列表
        };

    如果要重新规定返回数据格式,需要借助response参数。 具体看文档……  (*^▽^*)

    展开全文
  • 一般导致这个问题的原因是 自己设置的返回的数据格式layui表格中的以及固定设置好的数据格式不符合,导致无法正确显示数据于页面。 需要特别注意的是,layui中数据表格table正确的数据返回前端的成功状态码 (code...

    layui table数据表格中数据返回成功,但页面不显示数据内容问题。

    这是我做毕业设计的时候自己遇到的问题,后来查看了网上的一些技术贴子而得到解决,所以便想总结一个大概的方法,供大家参考!

    一般导致这个问题的原因是 自己设置的返回的数据格式与layui表格中的以及固定设置好的数据格式不符合,导致无法正确显示数据于页面。

    需要特别注意的是,layui中数据表格table正确的数据返回前端的成功状态码 (code)必须为:0。

    1)layui  table数据表格对传过来的Json数据有严格的要求,一般情况下,要求要有4个参数,如下所示:

             code:0 //数据状态
             msg:"" //状态信息
             count:1000 //数据总数
             data:[] //数据列表

    2)若传过来的Json数据包含这四个参数,且参数名一样,则表格读数据和显示数据不会出问题。若参数名和上述的不一样,则需要转换下,具体方法如下:

    在 table.render({}) 内添加以下代码:

    response:{
     statusName: '自定义的参数名称' ,// 对应 code
     msgName: '自定义的参数名称' , // 对应 msg
     countName: '自定义的参数名称' , // 对应 count
     dataName: '自定义的参数名称' // 对应 data
    }

    3)html文件里的代码如下:

    注意:‘field’字段里的属性名是必须与后台数据库表格里的名称一致!因为mapper里的字段也是与后台数据库表格属性名一致。

    <table class="layui-table" lay-data="{height: 'full-200', cellMinWidth: 100, page: true}" 
    lay-filter="EditListTable" id="tableDemo">
        <thead >
        <tr>
            <th lay-data="{field:'id',width:150, align:'center' }">自定义名称</th>
            <th lay-data="{field:'name', width:100, align:'center',edit:'text'}">自定义名称</th>
            <th lay-data="{fixed:'right', width:230, align:'center', toolbar: '#barDemo'}">自定义名称</th>
         </tr>
         </thead>
     </table>

    4)完整的layui数据表格处理的前端js代码贴一个

    var getListUrl = '/xxx/xxxxx';//请求地址
    //var searchBarContent = '';
    var tableOptions = {
        elem: '#tableDemo', //table表格的id名
        url: getListUrl, //请求地址
        method: 'POST', //方式
        id: 'listReload', //生成 layui table 的标识 id,必须提供,用于后文刷新操作
        page: true, //是否分页
        // width: 800,
        // height: 300,
        cellMinWidth: 30, //全局定义常规单元格的最小宽度,layui 2.2.1 新增
    
        where: {
            //searchBarContent:''数据传送到后台
        }, cols: [[ ]]
        // // 请求后端接口的条件,该处就是条件错误点,按照官方给出的代码示例,原先写成了 where: { key : { type: "all" } },结果并不是我想的那样,如此写,key 将是后端的一个类作为参数,里面有 type 属性,如果误以为 key 是 Layui 提供的格式,那就大错特错了
        , response: { //定义后端 json 格式,详细参见官方文档
            statusName: 'code', //状态字段名称
            statusCode: '0', //状态字段成功值
            msgName: 'msg', //消息字段
            countName: 'count', //总数字段
            dataName: 'returnData' //数据字段(自己创建的数据字段的一个Bean,专门用来返回数据)
        }
    };
    
    
    
    
    
    (function () {
    
        layui.use(['table', 'layer', 'laydate', 'form'], function () { //layui 模块引用,根据需要自行修改
    
            var layer = layui.layer;
            var table = layui.table;
            var form = layui.form;
    
            //渲染数据表格
            table.render(tableOptions);
    
            //表初始化
            var createTable = function() {
                table.init('EditListTable', tableOptions);
                // table lay-filter
            };
            createTable();
    
    
            //表刷新方法
            function reloadTable(item) {
                table.reload("listReload", { //此处是上文提到的 初始化标识id
                    url:getListUrl,
                    where:item
                });
            };
           //专门用于删除功能的刷新方法 
           function delete_reload(item) { 
            table.reload("listReload", { //此处是上文提到的 初始化标识id
            url: '删除功能的刷新方法的数据接口',
            where:item 
            }); 
           };
    
            
            
    
    
    
            //监听工具条
            table.on('tool(EditListTable)',function(obj) {
                var data = obj.data;//获取所在行所有键值
                var field = obj.field;//得到字段
                var value = obj.value;//得到修改后的值
               
    
    
                if (obj.event === 'del') {
                    layer.confirm('真的删除行么', function (index) {
    
                        obj.del();
                        layer.close(index);
                        
                        //刷新
                        delete_reload(item)
                        table.render(tableOptions);*/
                    });
                }
    
                //修改按钮
                else if(obj.event === 'edit') {
                  
                  
    
                }
            });
    
        
    
    
          
       
    
    
        });
    
    
    })();
    
    
    
    
    
    展开全文
  • table.render({ ... ... ... done: function (response) { //定位当前table视图 var tableView = this.elem.next();... //response.data获取后端返回的JSON格式数据 $.each(response.data,...
  • 在使用layui框架时,后台返回的日期数据一个长整形的数据,因此要把数据格式化成 yyyy-MM-dd HH:mm:ss的形式####2、后台返回的数据:sbj_start在后台是java.util.Date类型的数据,响应到前端是一个很长的数字####3、...
  • layui table 路上的坑

    2019-09-05 23:08:27
    1.layUItable接受的json数据格式有要求(具体看官方文档)。 以下是官方的json格式要求, 我采用的是默认json格式。以下我是后台返回的json格式。(才用map) bookMapper.getAllBooks()得到的是具体数据。 ...
  • 先看看返回来的数据格式,可以看到嵌套了两个对象在其中 在layui table 中获取嵌套对象的值 看看结果,这就完成了
  • layui table的简单使用

    2020-03-05 08:47:58
    值得注意的是要将url返回的数据格式写成layui要求的才可以成功! HTML: <table id="content" lay-filter="DeleteClass"></table> <script type="text/html" id="BarContent"> ...
  • 问题一:直接拿别人的文件放在本地打开 如下图 ...” 也就是你不能用本地文件打开,本地打开是file://...问题二:返回数据格式不符合要求(经常是这样的) 输出格式为 { "code":0, "msg":"", "count":1000, "data":
  • layui表格接口返回格式

    千次阅读 2020-08-19 11:05:45
    首先,最简单的先渲染一个... var table = layui.table; table2.render({ elem: '#demo', url: 'http://zgh1.ngrok2.xiaomiqiu.cn/bisNurseProject/bisNurseProjectList', cellMinWidth: 95, page: true, h.
  • 在使用layui框架时,后台返回的日期数据一个长整形的数据,因此要把数据格式化成 yyyy-MM-dd HH:mm:ss的形式2、后台返回的数据:sbj_start在后台是java.util.Date类型的数据,响应到前端是一个很长的数字3、日期数据...
  • Layui 后端返回的json数据格式和前端table要求的不一致 layui要求格式为 但是后端传过来的格式是这样的 解决办法:layui 2.4之后 有parseData 参数和response 参数设置解析成 table 组件所规定的数据,重新...
  • 使用layui table组件时,我们会遇到自己后台返回的数据格式layui table要求的数据结构不同的问题。比如默认的格式是 { "code":"200", "msg":"success", "count":10 "data":{ ...
  • layui table 中 templet 判断

    千次阅读 2019-04-14 14:16:00
    返回数据的格式 第一种返回数据判断 ,{field:'admin_role', width:8+'%', title: '所属角色' templet:function(d){ if(d.role_id ==0) return '超级管理员' else return d.admin_role.title} ...
  • Layui Table 后台向向前台转数据

    千次阅读 2018-04-16 21:32:30
    问题描述:后台管理中使用到了LayUITable模块,但是一直显示"返回的数据状态异常"错误原因:返回的数据格式不正确修正方式:确保数据格式正确!附: 数据转化:public class ConvertListToPageJson { ...
  • 后台返回JSON数据格式不符合layui.table要求的数据格式 在ssm项目中使用了layui前端框架,但是由于layui.table方法要求后台返回的数据具有严格的格式,在尝试了layui官方文档提供的方法无效之后,个人写了一个工具类...
  • ,response:{ statusName: ‘code’ //数据状态的字段名称,默认:code ,statusCode: 200 //成功的状态...,parseData: function(res){ //res 即为原始返回的数据 console.log(res); return { “code”:res.code, //解析.
  • 使用版本 layui-v2.3.0修改:打开layuitable.js源码在 Class.prototype.pullData 这个方法定义内部//获得数据 Class.prototype.pullData = function(curr, loadIndex){ var that = this ,options = that....
  • layui json数据格式要求

    2019-10-06 04:11:14
    layui 数据格式要求 layui有自己的一套特定的数据格式交互(这很重要),必须参数code:0,...要想使用layui的绑定数据到table必须遵从它的数据格式,不然会报错! 格式如下: { "code": 0, "msg": "", ...
  • 返回数据格式不符合要求 输出格式为 { "code":0, "msg":"", "count":1000, "data":[ { "id":1, "username":"zs", }, { "id":2, "username":"gf", } ] } ...
  • 首先我们来看看layui规定的json格式 我们后端的代码 @GetMapping("/users") public List<User> findAllUsers(Model model) { List<User> users= userService.findAllUsers(); return users; } ...
  • 使用版本 layui-v2.3.0修改:打开layuitable.js源码在 Class.prototype.pullData 这个方法定义内部//获得数据Class.prototype.pullData = function(curr, loadIndex){var that = this,options = that.config,...

空空如也

空空如也

1 2 3 4 5 6
收藏数 102
精华内容 40
热门标签
关键字:

layuitable返回格式