easyui datagrid 默認顯示暫無數據 行 【內容為拷貝的】

原文來自: http://www.cnblogs.com/XiaoGer/p/3451315.html

擴展當easyui datagrid無數據時，顯示特定值。如：沒有數據

首先,擴展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%',
                textAlign:'center'
            });
        }
    }
});

然后datagrid調用方法

$('#datagrid1').datagrid({ 
         view: myview,
         emptyMsg: '暫無數據'
    });