Загрузка глобальных Store до старта приложения

Порой вам необходимо загрузить какой либо Store до старта основного приложения, например на основе этих данных должен быть создан той или иной интерфейс. В этой статье я покажу вам, как запускать приложение после загрузки всех …

Продолжить чтение

Горячие клавиши в проектах ExtJS

Чтобы обеспечить быстрый доступ к определенным функциям приложения, мы можем реализовать горячие клавиши. ExtJS предоставляет различные механизмы для достижения этой функциональности, здесь я покажу вам, как использовать класс Ext.util.KeyMap для этих целей. KeyMap будет инициализирован …

Продолжить чтение

ExtJS локализация с использованием iJS (JavaScript имплиментация GNU Gettext API)

iJs является одной из многих реализаций GNU Gettext. Здесь я покажу, как интегрировать его в простое приложение ExtJS. Вы можете использовать другую реализацию i18n, единственное. Инициализация i18n производится до старта приложения.

Продолжить чтение

Создаем динамическое Menu

Данный компонент позволяет динамически создавать menu для Ext.button.Button, в качестве источника данных он использует Ext.data.TreeStore. Он может использоваться для локализации или разрешать пользователям различные действия в зависимости от прав. При перезагрузке store компонент изменит структуру внутреннего меню. Я …

Продолжить чтение

Добавляем простую группировку в ComboBox

Группировка значений списков Ext.form.field.ComboBox помогает систематизировать элементы. Эта функция уже доступна в Ext.grid.Panel, но, к сожалению, недоступна для Ext.form.field.ComboBox. Для реализации данной доработки, мы будем наследоваться от ComboBox’a.

Продолжить чтение

Визуальные эффекты иконок (глифов)

Чтобы привлечь внимание пользователей к некоторым событиям, мы можем изменить визуальные свойства иконок, например — цвет или цвет фона. Мы также можем анимировать значок, я не фанат анимации, но иногда это бывает необходимо. В данном …

Продолжить чтение

Использование тега HR в формах

Для взаимодействия полей в ExtJs мы используем Ext.form.FieldSet или Ext.form.FieldContainer, но они не настолько легкие, как простой тег <hr>, который используется в качестве тематического элемента break в HTML. К сожалению, этот легкий компонент GUI отсутствует …

Продолжить чтение

Автоматическое расширение колонки в зависимости от контента

Иногда нам нужно показывать содержимое всех ячеек таблицы, не сокращая их. Для этого вы можете использовать плагин с автоматическим изменением размера колонки. Плагин не работает со flexed столбцами, он просто удаляет свойство flex. Чтобы сохранить …

Продолжить чтение