JGrid colModel中时间戳的格式化,隐藏滚动条,根据表格记录调整,无数据提示

参考

 

<span>需求创建时间{{v.demand_createtime | time}}</span>

    Vue.filter('time', function (value) {
        return new Date(parseInt(value) * 1000).toLocaleString().replace(/年|月/g, "-").replace(/日/g, " ");
    })

我写的是

  {
                label: '创建时间', name: 'createTime', index: 'create_time', width: 80,
                formatter: function (cellvalue, options, row) {
                    //2018/5/2 下午1:25:51
                    // alert(new Date(cellvalue).toLocaleString().replace(/\/|\//g, "-").replace(/上午|下午/g, " "))
                    return new Date(cellvalue).toLocaleString().replace(/\/|\//g, "-").replace(/上午|下午/g, " ")
                }
            }

 

表格的一些设置:

        gridComplete:function(){
            //隐藏grid滚动条
            $("#alarmSend").closest(".ui-jqgrid-bdiv").css({ 'overflow-y' : 'hidden','overflow-x':'hidden' });

            //没有符合条件数据
            var re_records = $("#alarmSend").getGridParam('records');
            if(re_records == 0 || re_records == null){
                if($(".norecords").html() == null){
                    $("#alarmSend").parent().append("<div class=\"norecords\" style='text-align: center'>没有符合数据</div>");
                }
                $(".norecords").show();
            }
        }

 根据记录自动调整表格高度

height: 'auto',

 


版权声明:本文为Connie1451原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。