您的位置:首页 > 产品设计 > UI/UE

easyui datagrid当表格中没有数据加载失败

2016-11-10 19:55 447 查看
$(document).ready(function () {

var myview = $.extend({},$.fn.datagrid.defaults.view,{
onAfterRender:function(target){
$.fn.datagrid.defaults.view.onAfterRender.call(this,target);
var opts = $(target).datagrid('options');
var vc = $(target).datagrid('getPanel').children('div.datagrid-view');
vc.children('div.datagrid-empty').remove();
if (!$(target).datagrid('getRows').length){
var d = $('<div class="datagrid-empty"></div>').html(opts.emptyMsg || 'no records').appendTo(vc);
d.css({
position:'absolute',
left:0,
top:50,
width:'100%',
textAlign:'center'
});
}
}

});

$('#dg').datagrid({
 view: myview,
 emptyMsg: '<br><br><br><b><font size="4">没有相关记录显示,请选择<font color="red">电厂</font>或重新打开<font color="red">数据管理</font></b></font>'
});

})

以上代码:emptyMsg 可自定义,其余可通用,但注意表格ID
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: