easyui-datagrid查詢到沒有數據時,設置顯示“沒有相關記錄”

寬高要設置

/*
 * 沒有查詢到記錄提示
 */
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%',
				height:'100%',
				textAlign:'center'
			});
		}
	}
	});

function createDataGrid(tableId)
{
	$('#' + tableId).datagrid({
		view : myview,
		emptyMsg : '當前沒有相關記錄'
         });
}