`
jssay
  • 浏览: 27676 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

Ext-JS Grid中诡异的时间问题

阅读更多
问题描述:
项目中需要用到Ext-JS带过滤功能的Grid插件,即Grid filter.程序要输出两列数据,时间(date)和值(value),数据量不大,大概有1000多条,数据是通过一个jsp将一个文本文件(.txt)解析成json格式的文件.一切准备好后刷新该页面,问题出现了,在日期这一列偶尔会有奇怪的时间出现,比如1970,1921,这是在数据文件中不可能存在的日期.而且每次刷新后,数据还不一样,有时候数据是完全正确的,有时侯多了N条诡异的数据.

问题分析:
发现这个问题后,我首先怀疑解析数据的那个jsp,因为他是整个程序的数据源.但是在一番调试后发现,根本不是这个jsp的问题,因为这个jsp在给定的参数条件下,生成的数据是永远不变的.

jsp的嫌疑解除了,我开始怀疑这个插件本身的原因.是不是首次加载的数据过多,导致这个插件出问题了.但是这个推测也被推翻了, 因为我试着将数据减少到20条以内还是不行,那就不是数据量的问题了.

然后我仔细对比了一下表格显示的数据和jsp产生的数据,发现那些诡异的时间对应的值在jsp数据文件中是存在的,而通过这个值在jsp产生的数据里是可以找到相应的日期的,然后在表格中查找这个日期,发现这个日期没有了,被那个诡异的日期替代了.虽然发现了这个问题,但是形式依然很不明朗.继续头疼中.

最后我打算在Grid的配置文件中找一找看有没有收获.配置文件是为了让Grid如何显示的,在review一行行代码的时候,我发现一个问题就是,我的日期这一列配置的时候,id设置的是”date”,而它的类型(type)也设置成”date”了,会不会这里有问题呢?

解决方案:
虽然说我不能肯定这个”date”值设置的是否有问题.但是根据我的经验,这里值得研究一下.于是我把与”date”相关的值都改掉了,最后试了一下.发现诡异的时间消失了,我又接着测了10几次,都没有出现之前的现象,貌似这个问题就被我碰巧解决了.

最后我想说的是,改bug也要不抛弃不放弃,抓住一个机会就要去尝试一下,看似很难的一个问题往往在不经意间解决了.希望我的经验对你有用.

原文来自JSSAY'S BLOG
1
0
分享到:
评论

相关推荐

    Ext-datatimefield日期与时间选择器.rar

    在实际应用中,"Ext-datatimefield"通常与其他Ext JS组件一起使用,例如表格(Ext-grid)、窗体(Ext-form)等,构建出完整的数据录入或展示界面。开发人员可以利用这个组件,快速创建出功能完善的日期时间输入字段...

    ext超酷的grid中放图片(ext3.2.1)

    在EXT JS 3.2.1版本中,Grid组件是一个非常强大的数据展示工具,它可以用于显示大量的结构化数据,并提供丰富的交互功能。标题"ext超酷的grid中放图片(ext3.2.1)"暗示了我们将探讨如何在EXT JS的Grid组件中嵌入和...

    GWT-EXT2.0最佳实践教程,源代码打包供下载

    4. **UI组件的使用**:熟悉EXT-JS提供的各种UI组件,如Grid Panel、Form Panel、Tree Panel等,以及如何自定义组件和布局。 5. **数据绑定和模型**:理解GWT的数据绑定概念,以及如何使用ValueProviders和Models...

    ext-date.rar_ext da_ext date

    在IT行业中,EXT是一个广泛应用的JavaScript库,主要用于构建富客户端的Web应用程序。EXT Date控件是EXT库中的一个重要组成部分,它提供了丰富的日期处理和显示功能,使得开发者能够方便地在前端进行日期相关的交互...

    ext-2.0.2-aspx-only-aspx-examples

    标题中的"ext-2.0.2-aspx-only-aspx-examples"暗示了这是一个与ExtJS库相关的项目,特别地,它聚焦于版本2.0.2,并且仅包含ASP.NET(ASPx)的示例。ExtJS是一个流行的JavaScript库,用于构建富客户端Web应用程序,而...

    ext相关工具包

    在这个"ext相关工具包"中,我们看到四个核心文件:`ext-all.js`、`ext-base.js`、`ext-lang-zh_CN.js`和`ext-all.css`,这些都是EXT框架的关键组成部分。 1. `ext-all.js`:这是EXT库的完整版本,包含了所有EXT组件...

    Ext日期时间控件 Spinner控件 Ext代码 Extjs Grid

    在本文中,我们将深入探讨`ExtJS`框架中的两个关键组件——`Ext日期时间控件`和`Spinner控件`,以及它们在`Grid`中的应用。`ExtJS`是一款强大的JavaScript库,专用于构建富客户端应用程序,尤其适用于创建复杂的、...

    Ext2.2开发指南--完整翻写Ext官方网站学习指南介绍

    前段时间在忙于Hiberante3.2/3.3的开发指南的整理与学习,刚忙完发现我现在的学生在开发Ext2.2应用时有问题--不知道直接看开源的官方网站的介绍!唉,当然他们说英文不好懂,于是,我就看完了Ext官方网站的介绍,...

    Ext学习文档--转载整理

    EXT,全称Ext JS,是一种基于JavaScript的前端框架,主要用于构建富互联网应用程序(RIA)。它源自YUI(Yahoo! User Interface Library)的一个扩展,随着时间的发展,EXT成为一个独立的项目,不再依赖于YUI。EXT因...

    Ext 3.4 多表头 列锁定

    在Ext 3.4中,实现多表头可能需要配置`headers`属性或者使用`Ext.grid.header.Container`来创建复杂的表头结构。 列锁定(Column Locking)是Ext JS的一个功能,它允许用户固定某些列,即使在滚动表格时这些列也会...

    sencha-touch grid 代码

    Sencha Touch Grid是Sencha公司开发的一个用于移动设备的JavaScript框架,主要用于构建数据密集型的交互式用户界面。这个框架特别适用于开发具有表格布局的应用,它提供了强大的数据网格功能,可以展示大量数据并...

    EXT测试小样例--EXT测试小样例

    EXT Grid是EXT JS中的一个核心组件,它提供了一种高效的数据网格展示方式,常用于数据表格的显示和操作。 EXT Grid具有许多特性,包括但不限于: 1. 数据分页:EXT Grid支持动态加载数据,可以按需加载页面大小内...

    官方Ext3.0实例包

    Ext3.0是一款强大的JavaScript库,专为构建富互联网应用程序(RIA)而设计。这个官方实例包提供了丰富的示例和代码片段,帮助开发者深入理解并掌握Ext3.0的使用方法。下面将详细介绍Ext3.0的核心特性、关键组件以及...

    ext实例 ext操作步骤

    1. **导入EXT资源**:首先,需要在HTML文件中引入EXT的CSS样式文件(如`ext/resources/css/ext-all.css`)和JavaScript库(如`ext/adapter/ext/ext-base.js`和`ext/ext-all.js`)。 2. **设置中文包**:如果需要...

    最新EXT2.0.ppt

    EXT是一种基于JavaScript开发的UI组件库,主要用于构建Web2.0风格的应用程序,提供丰富的用户交互体验。EXT的核心思想是利用CSS对HTML的DOM元素,尤其是DIV,进行精确控制,以此来实现美观、动态的界面设计。EXT充分...

    ext grid 基本功能的学习 另付js 对上周月季度的计算等

    总之,Ext Grid是Ext JS中强大的数据展示工具,结合其他组件和JavaScript的日期处理功能,能够构建出功能丰富的数据管理界面。通过实际操作和学习提供的示例,你将能够熟练地应用这些知识到自己的项目中。

    Ext3.4.0复杂(多行)表头+锁定多列例子

    "Ext3.4.0复杂(多行)表头+锁定多列例子"这个标题涉及到的是一个JavaScript库——Ext JS的一个高级功能应用。Ext JS是一个流行的前端框架,用于构建富互联网应用程序(RIA),它提供了一套完整的组件化开发工具,包括...

    EXT入门详解.docx

    EXT,全称为Ext JS,是一种基于JavaScript的开源前端框架,主要应用于构建富互联网应用程序(RIA)。EXT最初作为Yahoo! UI(YUI)库的扩展而诞生,随着时间的推移,它逐渐发展成为一个独立的项目,提供了更为强大的...

Global site tag (gtag.js) - Google Analytics