`
wangcheng2008china
  • 浏览: 14738 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

EasyUI datagrid 没有查询到数据显示提示

 
阅读更多
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>');
	}
}

分享到:
评论

相关推荐

    jQuery Easyui学习教程之实现datagrid在没有数据时显示相关提示内容

    本篇文章给大家介绍easyui datagrid 加载查询数据时,如果没有相关记录,则在datagrid中显示没有相关记录的提示信息,本文介绍的非常详细,具有参考借鉴价值,感兴趣的朋友一起看下吧

    扩展easyui.datagrid,添加数据loading遮罩效果代码

    这应该是考虑到本地数据加载的速度很快则没有使用遮罩的必要 不过呢,在实际的项目开发过程中使用时,没有考虑使用url方式加载数据,则采用了loadData方法来异步加载数据,这个时候就很有必要显示遮罩层来提示用户...

    EasyUI入门教程--第01课_EasyUI简介.avi

    第12课(讲解datagrid的formatter的应用,格式化时间、行样式、列样式、表头居中,内容居右等应用)(formatter的提示功能,由于录制问题,没有录制到提示信息,所以大家自己去测试一下吧,不能重新录制了。) 第13课...

    ASP.NET MVC中EasyUI的datagrid跨域调用实现代码

    最近项目中需要跨域调用其他项目的数据,其他项目也是使用的EasyUI的datagrid组件,开始以为直接在datagrid的url属性定义为其他项目的url地址即可,可是测试下发现的确是返回了json数据但是json数据提示“invalid ...

    jQuery EasyUI开发指南 ,王波编

    在本书中,读者不但可以学到搜索框(searchbox)、进度条(progressbar)、提示框(tooltip)等功能性插件,还可以掌握布局(layout),以及强大的数据网格(datagrid)和分页(pagination)等插件。

    EasyUI入门教程--第03课_parser组件panel组件及如何使用组件自带的属性、事件、方法.avi

    第12课(讲解datagrid的formatter的应用,格式化时间、行样式、列样式、表头居中,内容居右等应用)(formatter的提示功能,由于录制问题,没有录制到提示信息,所以大家自己去测试一下吧,不能重新录制了。) 第13课...

    SYPRO示例项目源码和EasyUI入门视频教程

    第12课(讲解datagrid的formatter的应用,格式化时间、行样式、列样式、表头居中,内容居右等应用)(formatter的提示功能,由于录制问题,没有录制到提示信息,所以大家自己去测试一下吧,不能重新录制了。) 第13课...

    easyUI实现类似搜索框关键词自动提示功能示例代码

    EasyUI的SearchBox组件只提供了静态搜索框,我们可以使用ComboBox来实现动态的自动关键匹配效果,并且不需要加载远程数据。当前页面的DataGrid的数据我们可以直接在本地获取之。 代码如下: setp1、创建combobox ...

    jQuery easyUI的教程

    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

    jQuery Easyui加载表格出错时在表格中间显示自定义的提示内容

    //添加一个新数据行,第一列的值为你需要的提示信息,然后将其他列合并到第一列来,注意修改colspan参数为你columns配置的总列数 $(this).datagrid( 'appendRow', { portId : '&lt;div xss=removed&gt;'+data.msg+'...

    jquery_easyui_cn文档

    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

    WikEasyUI管理信息系统

    系统采用jquery easyui 里面的datagrid进行增删改查绑定数据! 增加信息:实现验证不为空,邮箱格式验证; 删除信息:实现对选中删除信息进行判断,全选删除,删除成功信息等功能! 修改信息:对编辑用户进行...

    jquery_easyui_cn 中文例子 和详解

    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

    Web应用前端技术的探索与实践

    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 ...

Global site tag (gtag.js) - Google Analytics