Где я должен определить глобальные функции в ExtJS 4 MVC?

Question

Мне нужно определить некоторые функции, которые я могу вызывать везде в моем приложении.Каков наилучший подход для достижения этой цели?

Answer 1

Лично, чтобы сохранить его как можно более EXT-MVC, у меня есть класс Utilities, полный статических методов. Это может потребоваться как любой другой класс для поддержания правильных отношений зависимости. Это также гарантирует, что методы выполняются в среде EXT, поэтому доступен весь EXT.

Ext.define('MyApp.Utilities', {
    statics: {
        foo: function (a, b) {
            return a + b;
        }
    }
});

Ext.define('MyApp.MyView', {
    extends: 'Ext.panel.Panel',
    requires: ['MyApp.Utilities'],

    initComponent: function () {
        MyApp.Utilities.foo(1, 2);
    }
});

Answer 2

Альтернативный способ, отличный от статического подхода @David Kanarek, заключается в определении синглтона.Коды:

Ext.define('MyApp.Utilities2', {
    singleton: true,
    global_var2: 'Hello World',
    foo2: function (a, b) {
        return a + b;
    },
});

Я создал скрипку здесь: https://fiddle.sencha.com/#fiddle/qu1

Разница между статическим и одноэлементным подходом заключается в том, что

• MyApp.Utilities2(одноэлементный подход) - это объект,
• MyApp.Utilities (статический подход) - это класс.

Так что вам решать, ссылаться на сам класс или на один экземпляр этого класса для удобства.