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

本文介绍: jQue ry Ea s yUI datagrid 无记录时，增加”暂无数据“提示

1、在onLoa dSucce ss中添加 如下 代码：

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

完整代码：

$('#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 '<a href="javascript:void(0);" οnclick="AuditFileConfig('' + row.ID + '','' + " " + '');">查看</a>' + '&amp;nbsp;&amp;nbsp;' + ' <a  href="javascript:void(0);"  οnclick="adopt('' + value + '','' + row.Q_CODE + '')">通过</a> ' + '&amp;nbsp;&amp;nbsp;' + ' <a  href="javascript:void(0);"  οnclick="rejectData('' + value + '')">驳回</a>';
                    }
                    else {
                        return '<a href="javascript:void(0);" οnclick="AuditFileConfig('' + row.ID + '','' + "" + '')">查看</a>';
                    }
                }
            },
        ]],
        toolbar: '#tb',
        doPagination: function (pPageIndex, pPageSize) {
            Query(pPageIndex);
        },
        onLoadSuccess: function (data) {
            if (data.total == 0) {
                //$(this).data().datagrid.dc.body2 获取的是 DataGrid 组件的底层容器节点，body.width() 获取的是该容器的宽度值。不是在某个特定节点上调用 width() 方法
                var body = $(this).data().datagrid.dc.body2;
                body.find('table tbody').append('<tr><td width="' + body.width() + '" style="height: 35px; text-align: center;"><h5>暂无数据</h5></td></tr>');
            }
        }
    });

如下图所示：
在这里插入图片描述

2、设置 emptyMsg 属性，emptyMsg 属性是 EasyUI 的 DataGrid 组件从版本 1.5.4 开始引入的。这个 属性 用于 设置在 DataGrid 没有 数据时显示的提示 信息。

  emptyMsg: '<h4>暂无数据</h4>',  // 设置暂无数据的提示信息

原文地址:https://blog.csdn.net/weixin _42064877/ar ti cle/details/132227473

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。

如若转载，请注明出处：http://www.7code.cn/show_42772.html

如若内容造成侵权/违法违规/事实不符，请联系代码007邮箱：su wngjj01@126.com进行投诉反馈，一经查实，立即删除！

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。

1、在onLoadSuccess中添加如下代码：

2、设置emptyMsg 属性，emptyMsg 属性是 EasyUI 的 DataGrid 组件从版本 1.5.4 开始引入的。这个属性用于设置在 DataGrid 没有数据时显示的提示信息。

相关文章

发表回复 取消回复

1、在onLoa dSucce ss中添加如下代码：

2、设置 emptyMsg 属性，emptyMsg 属性是 EasyUI 的 DataGrid 组件从版本 1.5.4 开始引入的。这个属性用于设置在 DataGrid 没有数据时显示的提示信息。

发表回复取消回复