關於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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM