Каких ошибок в ExtJS 3 мне следует избегать?

Question

Я собираюсь написать относительно небольшое приложение для ввода данных с использованием ExtJS 3+ для внешнего интерфейса, каких подводных камней следует избегать при использовании ExtJS 3+?

• Одна ловушка, которая приходит на ум, это не совсем понимание JavaScript (например, закрытие)

• Попытка использовать шаблон MVC на стороне клиента.

Answer 1

Выберите свой дизайн сознательно : сохраняйте четкое разделение между пользовательским интерфейсом Ext JS (внешний интерфейс) и веб-службой (внутренний интерфейс). Не используйте внутренний язык сценариев для визуализации вашего JavaScript - пишите код Ext JS исключительно в * .js-файлах и при необходимости связывайтесь с веб-службами JESTful JSON.

Answer 2

Используйте правильные пространства имен, чтобы не загрязнять глобальное пространство имен. Ext.ns () ваш друг здесь:

Ext.ns("AlexanderN.Application");

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

и т.д.

Answer 3

Следите за выполнением вещей в определении вашего объекта (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();
}