中文教程

概述

这么多年来，Web开发人员都被告知应优化他们生产环境的代码。传统的方法是将应用程序的所有脚步进行压缩以减少应用程序的大小，以便让应用程序加载更快。而Sencha Cmd这么多年以来已经将这个过程自动化了。

然而，许多客户，还不知道可通过调整Sencha Cmd的压缩代码来进行一些额外的处理。尽管Sencha Cmd默认是适应YUI压缩来进行压缩的，但还可以通过配置使用Google Closure或UglifyJS来进行压缩。下面将会介绍这些，并去测试哪一个压缩工具提供了最大的压缩效果。

要注意的是，本文的本意并不是让你使用某个特定的工具，至于选择哪一种，不选择哪一种，是有许多的因素决定的，本文只是尝试提供一些参考意见。

前言

作为Ext JS 的基本的Form 的组件， 这两个没有什么难的地方。
但是开发过程中却遇到了在 IE 浏览器中， 放大， 缩小窗口大小， 会导致 这两个组件消失不见。 点击某些地方又能显示出来。 不报任何错误。 在其他浏览器正常。

问题发生的状况

因为是在原项目的基础上导入Ext js , 所以页面中的form 并不是通过标准的 先创建form 组件， 再add form field 的方式进行的。
这里使用的 是纯html的form 和 input, 再使用Ext js 把 input render 成 Combobox 和 DateField.

最近为公司的一个项目创建了一个 ExtJS 5 的分支，顺便记录一下升级到 ExtJS 5 所遇到的问题以及填掉的坑。由于 Sencha Cmd 的 sencha app upgrade 命令无法正常地讲项目升级至 ExtJS 5 （或许是方式不对） ，所以我的做法是新建一个 ExtJS 5 的项目，然后把 app 包拷贝过去，然后慢慢修复报错的东西，直到项目可以正常跑起。

说在前面：

升级的项目目前是一个十分初级的版本，代码量很少，只有导出报表和 dashboard 功能，主要是 Charts 的东西，并 涉及到 Grid 和 Tree 的使用，所以本文更多的是讲 ExtJS 5 Charts 部分的东西（变化的）。