easyui datagrid 没有记录

datagrid返回记录为0时显示"没有记录"

datagrid 插件编写

<script>

var emptyview = $.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'
			});
		}
	}
});
</script>

　　datagrid 参数设置

$('#dg').datagrid({
  view: emptyview,
  emptyMsg: '没有记录'
})

　　

 

转载于:https://www.cnblogs.com/babietongtianta/p/4897976.html