EasyUI datagrid 没有查询到数据显示提示,无数据在datagrid显示一行提示
在datagrid在onLoadSuccess方法中加入一下代码:
onLoadSuccess: function(data){
//如果没有数据
if(data.rows.length==0){
var columnLength = Grid.datagrid('getColumnFields').length; // 获取表格列数
var body = $(this).data().datagrid.dc.body2;
body.find('table tbody').append('<tr><td width="'+body.width()+'" style="height: 25px; padding:10px;text-align: left;" colspan='+columnLength+'>没有任何结果数据显示!</td></tr>');
}
}
分享到:
相关推荐
本篇文章给大家介绍easyui datagrid 加载查询数据时,如果没有相关记录,则在datagrid中显示没有相关记录的提示信息,本文介绍的非常详细,具有参考借鉴价值,感兴趣的朋友一起看下吧
这应该是考虑到本地数据加载的速度很快则没有使用遮罩的必要 不过呢,在实际的项目开发过程中使用时,没有考虑使用url方式加载数据,则采用了loadData方法来异步加载数据,这个时候就很有必要显示遮罩层来提示用户...
第12课(讲解datagrid的formatter的应用,格式化时间、行样式、列样式、表头居中,内容居右等应用)(formatter的提示功能,由于录制问题,没有录制到提示信息,所以大家自己去测试一下吧,不能重新录制了。) 第13课...
最近项目中需要跨域调用其他项目的数据,其他项目也是使用的EasyUI的datagrid组件,开始以为直接在datagrid的url属性定义为其他项目的url地址即可,可是测试下发现的确是返回了json数据但是json数据提示“invalid ...
在本书中,读者不但可以学到搜索框(searchbox)、进度条(progressbar)、提示框(tooltip)等功能性插件,还可以掌握布局(layout),以及强大的数据网格(datagrid)和分页(pagination)等插件。
第12课(讲解datagrid的formatter的应用,格式化时间、行样式、列样式、表头居中,内容居右等应用)(formatter的提示功能,由于录制问题,没有录制到提示信息,所以大家自己去测试一下吧,不能重新录制了。) 第13课...
第12课(讲解datagrid的formatter的应用,格式化时间、行样式、列样式、表头居中,内容居右等应用)(formatter的提示功能,由于录制问题,没有录制到提示信息,所以大家自己去测试一下吧,不能重新录制了。) 第13课...
EasyUI的SearchBox组件只提供了静态搜索框,我们可以使用ComboBox来实现动态的自动关键匹配效果,并且不需要加载远程数据。当前页面的DataGrid的数据我们可以直接在本地获取之。 代码如下: setp1、创建combobox ...
jQuery easyUI 培训 教程 1 Accordion(可折叠标签) 2 1.1 实例 2 1.2 参数 3 2 DateBox(日期框) 4 ...14 Datagrid(数据表) 39 14.1 实例 39 14.2 参数 43 14.3 Column参数 44 14.4 事件 45 14.5 方法 46
//添加一个新数据行,第一列的值为你需要的提示信息,然后将其他列合并到第一列来,注意修改colspan参数为你columns配置的总列数 $(this).datagrid( 'appendRow', { portId : '<div xss=removed>'+data.msg+'...
1 Accordion(可折叠标签) 2 1.1 实例 2 1.2 参数 3 2 DateBox(日期框) 4 2.1 实例 4 2.2 参数 6 ...14 Datagrid(数据表) 39 14.1 实例 39 14.2 参数 43 14.3 Column参数 44 14.4 事件 45 14.5 方法 46
系统采用jquery easyui 里面的datagrid进行增删改查绑定数据! 增加信息:实现验证不为空,邮箱格式验证; 删除信息:实现对选中删除信息进行判断,全选删除,删除成功信息等功能! 修改信息:对编辑用户进行...
1 Accordion(可折叠标签) 2 1.1 实例 2 1.2 参数 3 2 DateBox(日期框) 4 2.1 实例 4 2.2 参数 6 ...14 Datagrid(数据表) 39 14.1 实例 39 14.2 参数 43 14.3 Column参数 44 14.4 事件 45 14.5 方法 46
6.5.2.7 DataGrid3-控制列是否显示 113 6.5.2.7.1 效果 113 6.5.2.8 Tree 116 6.5.2.8.1 效果1 116 6.5.2.8.2 效果2 117 6.5.2.9 树表组件 121 6.5.2.9.1 TABLETREE4J 121 6.5.2.9.2 JQuery TreeGrid 124 6.5.2.10 ...