jQuery EasyUI datagrid 无记录时,增加“暂无数据“提示

我们只需要在onLoadSuccess中添加如下代码:

if (data.total == 0) {
                var body = $(this).data().datagrid.dc.body2;
                body.find('table tbody').append('+ body.width() + '" style="height: 35px; text-align: center;">
暂无数据
'
); }

完整代码:

$('#tt').datagrid({
        url: null,
        pagination: true,
        pageNumber: 1,
        pageList: [15, 20, 50],
        rownumbers: true,
        fitColumns: false,
        singleSelect: true,
        columns: [[
            { field: 'Q_CODE', title: '指标编码', width: 100, align: 'left', halign: 'center' },
            { field: 'Q_NAME', title: '指标名称', width: 250, align: 'left', halign: 'center' },
            { field: 'REASON', title: '不启用理由', width: 250, align: 'left', halign: 'center' },
            {
                field: 'STATE', title: '审核状态', width: 80, align: 'left', halign: 'center', hidden: false,
                formatter: function (value, row, index) {
                    if (value == 0) return "待处理";
                    else if (value == 1) return "待审核";
                    else if (value == 2) return "已通过";
                    else if (value == 3) return "已驳回";
                }
            },
            { field: 'REJECT', title: '驳回说明', width: 250, align: 'left', halign: 'center' },
            {
                field: 'ID', title: '操作', width: 240, align: 'center', halign: 'center', hidden: false,
                formatter: function (value, row, index) {
                    var state = row.STATE;
                    if (state == 1) {
                        return '+ row.ID + '\',\'' + " " + '\');">查看' + '  ' + ' + value + '\',\'' + row.Q_CODE + '\')">通过 ' + '  ' + ' + value + '\')">驳回';
                    }
                    else {
                        return '+ row.ID + '\',\'' + "" + '\')">查看';
                    }
                }
            },
        ]],
        toolbar: '#tb',
        doPagination: function (pPageIndex, pPageSize) {
            Query(pPageIndex);
        },
        onLoadSuccess: function (data) {
            if (data.total == 0) {
                var body = $(this).data().datagrid.dc.body2;
                body.find('table tbody').append('+ body.width() + '" style="height: 35px; text-align: center;">
暂无数据
'
); } } });

如下图所示:
jQuery EasyUI datagrid 无记录时,增加“暂无数据“提示_第1张图片

你可能感兴趣的:(前端,JQuery,JQuery,Easyui,jquery,easyui,前端)