我应该避免哪些ExtJS 3陷阱？

Question

我准备使用ExtJS 3+为前端编写一个相对较小的数据输入应用程序，使用ExtJS 3+时应该避免哪些陷阱？

• 浮现在脑海中的一个陷阱并非真正的理解 JavaScript（egclosures）

• 尝试在客户端使用MVC模式。

Answer 1

故意选择您的设计 ：在Ext JS UI（前端）和Web服务（后端）之间保持清晰的分离。 不使用后端脚本语言来呈现您的JavaScript - 纯粹在* .js文件中编写Ext JS代码，并根据需要与RESTful JSON Web服务进行通信。

Answer 2

密切关注在对象（JSON）定义中执行的操作。

function MyPanel() {
}

function createParam() {
  return {param: 'value'};
}

Ext.extend(MyPanel, ext.Panel, {
  someParam = createParam();
});

在上面的示例中，Ext.Extend中的内容将在加载Javascript时执行一次。这意味着MyPanel的所有实例将共享someParam的相同实例。在这种情况下，这种初始化需要在构造函数中进行：

function MyPanel() {
  this.someParam = createParam();
}

Answer 3

使用正确的命名空间，这样就不会污染全局命名空间，Ext.ns（）是你的朋友：

Ext.ns("AlexanderN.Application");

AlexanderN.Application.MainWindow = Ext.extend(Ext.Window,{
  ...
});

等