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: 'no records found'
});
Datagrid空记录提示优化

本文介绍了一种针对Datagrid控件在没有数据时显示定制化提示信息的方法。通过覆盖默认视图并自定义'onAfterRender'事件,实现了当datagrid为空时显示特定消息的功能,并调整了提示信息的位置和样式。
3439

被折叠的 条评论
为什么被折叠?



