Вставка специальных символов в поля ввода

В некоторых случаях пользователям приходится вставлять специальные символы, например, знаки перегласовки немецкого алфавита или символы, такие как знак «°C». Для этого я создал плагин. Он вставляет триггер в поле, которое создает окно с выбором специальных …

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

Загрузка глобальных 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 отсутствует …

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