zoukankan      html  css  js  c++  java
  • 关于EasyUI 1.5版Datagrid组件在空数据时无法显示"空记录"提示的BUG解决方法

    问题:jQuery easyUI中Datagrid,在表格数据加载无数据的时候,如何显示“无记录”的提示语?

    解决jQuery EasyUI 1.5.1版本的Datagrid,在处理新增表格加载的数据没有记录的时候,可显示“无记录”的提示语的方法。

    官网的API更新里面并没有写明是API的属性名,经过查找资料,发现一下问题:

      1、官网API更新的时候漏掉了该API,没有放出;

      2、源代码需要一定的修复;


     解决方法:

    1、API属性名:emptyMsg

    2、API属性值:支持文本和DOM节点(HTML代码)

    3、打开jquery.easyui.min.js文件修复bug (如下代码,在源码中添加 _852.dc.view.height(_852.dc.view.height() + h);)

    if(opts.emptyMsg){
    _852.dc.view.children(".datagrid-empty").remove();
    if(_853){
    var h=_852.dc.header2.parent().outerHeight();
    var d=$("<div class="datagrid-empty"></div>").appendTo(_852.dc.view);
    d.html(opts.emptyMsg).css("top",h+"px");
    _852.dc.view.height(_852.dc.view.height() + h);
    }
    }

    4、修改样式

    .datagrid-view {
      min-height: 98px;
    }


    使用方法:

     如下面的截图,只需要datagrid中添加属性 emptyMsg: '<span>无记录</span>',


    测试OK的效果图:


    好了,到这里,就已经解决文章开头提出的问题:jQuery EasyUI 1.5.1版本的Datagrid,在处理新增表格加载的数据没有记录的时候,显示“无记录”的提示语的需求了。

    ~~~~~

    参考博文:http://blog.sina.com.cn/s/blog_58cfda2a0102wlqo.html

  • 相关阅读:
    服务器扫描工具
    Address already in use: AH00072: make_sock: could not bind to address 0.0.0.0:443
    [warn] _default_ VirtualHost overlap on port 443, the first has precedence
    Apache环境下配置多个站点的SSL证书
    Linux漏洞扫描工具
    详细解读html中的Map,area标签
    Linux操作系统加固
    MySQL服务安全加固
    redis cluster管理工具redis-trib.rb详解
    Java中使用Jedis操作Redis
  • 原文地址:https://www.cnblogs.com/baiyangyuanzi/p/6514913.html
Copyright © 2011-2022 走看看