关于datagrid无相关记录的提示

我使用的是jquery.easyui.js的1.3.2版本，在没有查找到相关记录时，给予相关提示。

听说1.5+有一个emptyMsg属性，但由于改动版本的话，影响较大，就作罢了。

官网给了一个解决方案

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 || '没有找到相关记录！').appendTo(vc);
            d.css({
                position: 'absolute',
                left: 0,
                top: 50,
                width: '100%',
                textAlign: 'center'
            });
            return false;
        }
    }
});

function initCheck(data) {
    var total = data.total;
    if (total == 0) {
        $('#dg').datagrid({
            view: myview,
            emptyMsg: '没有找到相关记录！'
        });
    }
}

相关链接：http://www.jeasyui.com/forum/index.php?topic=1881.0

转载于:https://www.cnblogs.com/daidao/p/6640488.html