問題: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