easyui datagrid当表格中没有数据加载失败
2016-11-10 19:55
447 查看
$(document).ready(function () {
var myview = $.extend({},$.fn.datagrid.defaults.view,{
onAfterRender:function(target){
$.fn.datagrid.defaults.view.onAfterRender.call(this,target);
var opts = $(target).datagrid('options');
var vc = $(target).datagrid('getPanel').children('div.datagrid-view');
vc.children('div.datagrid-empty').remove();
if (!$(target).datagrid('getRows').length){
var d = $('<div class="datagrid-empty"></div>').html(opts.emptyMsg || 'no records').appendTo(vc);
d.css({
position:'absolute',
left:0,
top:50,
width:'100%',
textAlign:'center'
});
}
}
});
$('#dg').datagrid({
view: myview,
emptyMsg: '<br><br><br><b><font size="4">没有相关记录显示,请选择<font color="red">电厂</font>或重新打开<font color="red">数据管理</font></b></font>'
});
})
以上代码:emptyMsg 可自定义,其余可通用,但注意表格ID
var myview = $.extend({},$.fn.datagrid.defaults.view,{
onAfterRender:function(target){
$.fn.datagrid.defaults.view.onAfterRender.call(this,target);
var opts = $(target).datagrid('options');
var vc = $(target).datagrid('getPanel').children('div.datagrid-view');
vc.children('div.datagrid-empty').remove();
if (!$(target).datagrid('getRows').length){
var d = $('<div class="datagrid-empty"></div>').html(opts.emptyMsg || 'no records').appendTo(vc);
d.css({
position:'absolute',
left:0,
top:50,
width:'100%',
textAlign:'center'
});
}
}
});
$('#dg').datagrid({
view: myview,
emptyMsg: '<br><br><br><b><font size="4">没有相关记录显示,请选择<font color="red">电厂</font>或重新打开<font color="red">数据管理</font></b></font>'
});
})
以上代码:emptyMsg 可自定义,其余可通用,但注意表格ID
相关文章推荐
- 解决easyui datagrid加载数据时,checkbox列没有根据checkbox的值来确定是否选中
- easyUI使用datagrid加载数据后,渲染表格中的控件
- 解决easyui datagrid加载数据时,checkbox列没有根据checkbox的值来确定是否选中
- easyui datagrid数据表格加载复杂json数据
- jQuery EasyUI 1.5版本的Datagrid终于新增了表格加载的数据没有记录的时候,可显示“无记录”的提示语
- EasyUI datagrid 动态加载表格数据的方式
- Easyui datagrid加载本地Json数据
- EasyUI datagrid数据表格的函数getData返回来的是什么
- 解决jQuery的EasyUI的datagrid数据表格中行的垂直居中问题。
- 为easyui组件datagrid在加载完之后追加新的数据行
- Easyui Datagrid IE8下数据加载很慢,IE会被卡住的直接原因
- easyui源码翻译1.32--datagrid(数据表格)
- 对easyui datagrid进行扩展,当滚动条拉直最下面就异步加载数据。
- Easyui datagrid加载本地Json数据
- 对easyui datagrid 进行扩展拉动滚动条到底部自动加载数据《二》
- easyUI datagrid 数据加载时判断是否默认勾选checkbox
- jQuery EasyUI API 中文文档 - DataGrid数据表格
- jQuery EasyUI API 中文文档 - DataGrid数据表格
- EasyUI DataGrid使用Json加载不了数据
- easyui datagrid combobox 加载固定数据