`
lk557
  • 浏览: 142439 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

jquery easyui datagrid加载数据不符合datagrid能够解析的格式处理方法

 
阅读更多

今天在使用easyui的datagrid的时候,由于系统需要做权限验证以及其他验证,所以在用户没有通过验证的时候,datagrid加载获取的远程数据格式有误,由于datagrid加载的数据格式必须符合{total:0,rows:[]}这种格式,如果不符合这种格式将报以下下错误(主要是由于加载的数据中的rows为空导致的):


查了一下datagrid的帮助文档,datagrid有一个loadFilter方法可以对加载的数据进行过滤,如果加载的数据不满足datagrid能够解析的格式,我们可以通过该方法将其格式为datagrid能够解析的格式(代码如下):

loadFilter:function(data)
{
if(data && typeof(data)=="object" && data["total"] && data["rows"])
{
return data;
}else{
alert("数据有问题!");
return {total:0,rows:[]};
}
}


分享到:
评论

相关推荐

    jquery easyui datagrid demo

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它封装了一系列的 jQuery 插件,为开发者提供了构建用户界面的简便方法。这个“jquery easyui datagrid demo”包含了一些关于如何使用 jQuery EasyUI 中 Datagrid 组件...

    扩展 jQuery EasyUI Datagrid 数据行鼠标悬停离开事件完整版Demo下载

    jQuery EasyUI Datagrid 用户列表鼠标悬停/离开数据行时显示人员头像(onMouseOver/onMouseOut) Demo 扩展 jQuery EasyUI Datagrid 数据行鼠标悬停离开事件,源码奉献!!!

    jQuery EasyUI编辑DataGrid用combobox实现多级联动

    本文主要探讨的是如何利用jQuery EasyUI的DataGrid和combobox组件实现多级联动的效果,这对于在数据录入时需要根据上一级选择动态更新下一级选项的情况非常有用,比如在本例中的“老师分类”和“老师细类”。...

    JS EasyUI DataGrid动态加载数据

    JS EasyUI DataGrid是一款基于jQuery和EasyUI框架的数据表格组件,它提供了丰富的功能,如数据分页、排序、过滤和自定义操作等。在实际应用中,动态加载数据是DataGrid的一个重要特性,允许用户在需要时加载更多的...

    easyui datagrid 数据导出到Excel

    在IT行业中,EasyUI Datagrid是一款基于jQuery的前端数据展示组件,它提供了丰富的表格功能,如排序、分页、过滤等。在实际工作中,我们经常需要将这些展示的数据导出到Excel文件,以便进行进一步的分析或存储。下面...

    JqueryEasyUI DataGrid例子

    综上所述,这个 JqueryEasyUI DataGrid 示例展示了如何使用前端框架与后端服务器配合,实现一个功能完备的表格应用。在实际开发中,开发者可以根据需求调整 DataGrid 的配置项,以及后台 Servlet 的逻辑,以适应各种...

    jquery easyui datagrid性能优化

    jquery easyui datagrid 性能优化,优化后可快速提升查询性能。唯一的缺陷就是不支持可编辑grid了。只需要在引入easyui.js后面引入此js即可。

    解决EasyUIdataGrid列比较多,无数据,列展现不全

    在dataGrid加载成功后检查总数据量 ```javascript onLoadSuccess: function(data) { if (data.total === 0) { // 处理逻辑 } } ``` 通过监听`onLoadSuccess`事件,可以获取到当前表格的数据总数。如果总数为0...

    jquery easyui datagrid 教程

    jQuery EasyUI Datagrid 是一个基于 jQuery 和 EasyUI 框架的数据网格组件,它提供了丰富的数据展示和操作功能,常用于构建数据密集型的Web应用。这个教程将深入讲解其核心概念、用法以及常见应用。 一、jQuery ...

    jquery easyui datagrid demo 详解

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列丰富的组件,使得开发者可以轻松构建用户界面,而 Datagrid 是其中非常重要的一个组件,常用于数据展示和管理。本篇文章将详细解析 jQuery EasyUI ...

    easyui datagrid 表格 打印

    在IT领域,EasyUI Datagrid是一款基于jQuery的前端数据展示组件,它提供了丰富的表格功能,如数据分页、排序、筛选等。当我们需要将Datagrid中的数据进行打印时,可能会遇到一些挑战,因为通常默认的浏览器打印功能...

    easyui datagrid 增加鼠标悬停弹窗事件

    由于EasyUI Datagrid的默认行为不包括鼠标悬停弹窗,我们需要通过修改源码或者扩展实现来添加这个功能。在描述中提到的方法是直接修改了源码,这可能涉及到对EasyUI内部机制的理解,以及对源码的调试和测试。 4. *...

    JQuery EasyUI DataGrid服务端分页时行号不延续的解决方法

    JQuery EasyUI DataGrid服务端分页加载数据后,DataGrid行号不能延续,总是重新由1开始。因为服务端分页取回的是单页数据,通过LoadData方法加载数据后,pageNumber属性被初始化为1,因此行号总是重新由1开始。现在...

    EasyUI DataGrid过滤用法实例

    通过设置列的过滤属性、处理过滤事件和重新加载数据,我们可以创建一个交互性强、用户体验良好的数据管理界面。这个实例对于开发人员来说是一个很好的参考,有助于他们在自己的项目中实现类似的功能。

    easyui datagrid editor回车切换单元格示例,可参考

    easyui datagrid editor回车切换单元格示例,适合熟悉easyui但又不懂如何做的人员,可能参考一下源码JS。

    jQuery EasyUI datagrid实现本地分页的方法

    综上所述,通过实例代码与详细解析,展示了如何使用jQuery EasyUI datagrid组件,结合JavaScript的数组操作和事件监听功能,实现前端的本地分页。这种实现方式可以提高前端的处理能力,但在实际应用中还需要根据数据...

    easyui datagrid 右冻结

    EasyUI是一个基于jQuery的UI库,提供了丰富的组件,包括datagrid,它是一个用于展示表格数据的组件。在某些场景下,用户可能希望在滚动表格时,某些重要的列(通常是标题或标识列)始终保持可见,这就是“右冻结”的...

    easyui datagrid 分页查询样例

    EasyUI Datagrid能够自动解析这个JSON,填充到表格中。 4. **Datagrid配置**:在HTML页面中,正确配置Datagrid的属性,如url(指向后端分页查询的URL)、pagination(启用分页)、pageSize(每页显示条数)等。 5....

    easyui的datagrid生成合并行,合计计算价格

    在DataGrid的配置中,可以使用`onLoadSuccess`事件处理函数来处理数据并设置行的`rowspan`。 3. 合计计算: 计算总价或者任何其他汇总数据是数据分析中的常见需求。在EasyUI DataGrid中,可以使用`footer`选项来...

    easyui datagrid 动态隐藏显示列

    jquery easyui 扩展 datagrid 自定义动态隐藏显示列

Global site tag (gtag.js) - Google Analytics