Original from: http://www.cnblogs.com/XiaoGer/p/3451315.html
When no extension easyui datagrid data, display a specific value. Such as: no data
First, the expansion easyui datagrid default method
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' }); } } });
Then call the method datagrid
$ ( '# DataGrid1' ) .datagrid ({ View: MyView, emptyMsg: 'No data' });