关于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

posted @ 2017-03-29 16:38  daidao  阅读(166)  评论(0)    收藏  举报