最新公告  | 
  • CTRL + D 加入收藏不迷路哦

  • 欢迎您光临码云笔记网,一个关注WEB前端开发的个人技术博客!

如何解决DataTable字段值为空的时候报错

如何解决DataTable字段值为空的时候报错

最近在做后台系统项目时用到的DataTable表格插件,功能很强大,但是由于我是第一次用到它,对它的API不是很熟悉,所以有些程序问题也出现的很明显,就如标题所说的当DataTable字段值为空的时候会报错提醒,相信用到过的小伙伴都遇到过类似问题,那么如何解决呢?

var oTable = $("#luaTable").DataTable({
                "ordering" : false,
                "processing": false,
                "serverSide": true,
                "autoWidth" : false,
                "filter" : false,// 本地搜索
                "lengthChange" : false,// 调整每页显示条数
                "lengthMenu": [5],
                "columnDefs" : [{"defaultContent":"","targets":"_all"}],//默认值
                "columns" : [// 对应上面thead里面的序列//对接收到的json格式数据进行处理,data为json中对应的key
					{"data" : "prefix"},
					{"data" : "name"},
					{"data" : "luaName"},
					{"data" : "createDate"},
					{"data" : "updateDate"},
                    {
                        "sClass" : "text-center",
                        "render" : function(data, type, row) {
                        	return ""
                        	+"";
                        },
                    }
                ],
                "ajax" : function (data, callback, settings){
                    var index = layer.load(0, {shade: [0.3,'#000']});
                    $("#luaTable").dataTable().api().clear();
                    var arg = getQueryCondition(data);
                    $.ajax({
                        url : contextPath + "/fileManage/findScript",
                        method : 'POST',
                        contentType:"text/json",
                        dataType : 'JSON',
                        data : JSON.stringify(arg)
                    }).done(function(result){
                        if(result.status != '1'){
                            layer.msg(result.msg,{time: 1500});
                            callback({
                                draw : data.draw,
                                recordsTotal : 0,
                                recordsFiltered : 0,
                                data : []
                            });
                            return;
                        }
                        callback(result.body);
                    }).fail(function(msg){
                        layer.msg('查询失败!',{time: 1500});
                        callback({
                            draw : data.draw,
                            recordsTotal : 0,
                            recordsFiltered : 0,
                            data : []
                        });
                    }).always(function(msg){
                        //延时绑定
                    	EventBind.bind();
                        layer.close(index);
                    });
                }
            });

上面代码中有一个这样的配置:

"columnDefs" : [{"defaultContent":"","targets":"_all"}],//默认值

这句的配置意思就是设置默认值为空的时候,不报错,是不是很简单呢,这也是我在使用DataTable过程中踩过的坑吧,这里在码云笔记中记录一下。而方法总比问题多,我也相信爱折腾的人都会有好运的,所以骚年多多折腾一下你会提升很多哦!

1. 本站所有免费资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!
2. 本站不保证所提供下载的免费资源的准确性、安全性和完整性,免费资源仅供下载学习之用!如有链接无法下载、失效,请联系客服处理!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或技术教程,您可以投稿发布,成功分享后有站币奖励和额外收入!
5. 加入前端开发QQ群:565733884,我们大家一起来交流技术!
码云笔记 » 如何解决DataTable字段值为空的时候报错

1 评论

发表评论