repeater为空数据模板

处理空数据的jQuery插件

最新推荐文章于 2017-05-22 10:46:33 发布

原创最新推荐文章于 2017-05-22 10:46:33 发布 · 695 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#repeater

项目示例专栏收录该内容

13 篇文章

订阅专栏

本文介绍了一个用于处理页面上表格空数据情况的jQuery插件。该插件能够检查表格是否有数据，并在数据为空时展示提示信息。适用于需要统一处理空数据场景的Web应用程序。

//统一处理Reapter数据为空的情况
//使用前需要引入jquery.1.11.js高版本
window.onload = function () {
    itcast.EmptyTemplate("table_all"); //统一处理数据为空的情况
}

var itcast = {
    EmptyTemplate: function (className) {
        var repctr = $("." + className);
            var rows = repctr.find("tr").length;            //行数
            var tds = repctr.find("tr").first().children().length    //列数

            if (rows == 1) {
            repctr.attr("style", "border-bottom:1px solid #ddd; ")
                  .append("<tr><td colspan='" + tds + "' style='text-align: center;height:37px;' >暂无数据<td><tr>")
        }
    }
};