Чтобы обеспечить быстрый доступ к определенным функциям приложения, мы можем реализовать горячие клавиши. ExtJS предоставляет различные механизмы для достижения этой функциональности, здесь я покажу вам, как использовать класс Ext.util.KeyMap для этих целей. KeyMap будет инициализирован …
Продолжить чтениеРубрика: Classic Toolkit
В данном разделе находится информация только про classic-toolkit
ExtJS локализация с использованием iJS (JavaScript имплиментация GNU Gettext API)
iJs является одной из многих реализаций GNU Gettext. Здесь я покажу, как интегрировать его в простое приложение ExtJS. Вы можете использовать другую реализацию i18n, единственное. Инициализация i18n производится до старта приложения.
Продолжить чтениеСоздаем Google reCAPTCHA field
reCAPTCHA защищает интернет-пользователей от спама, где бы они ни находились. В данной статье мы создадим CaptchaField, который вы можете установить например в форму логина для защиты от ботов.
Продолжить чтениеСоздаем динамический Toolbar
В предыдущей статье мы создавали динамическое меню, в этой же мы создадим динамическую панель инструментов Ext.toolbar.Toolbar по аналогии.
Продолжить чтениеСоздаем динамическое Menu
Данный компонент позволяет динамически создавать menu для Ext.button.Button, в качестве источника данных он использует Ext.data.TreeStore. Он может использоваться для локализации или разрешать пользователям различные действия в зависимости от прав. При перезагрузке store компонент изменит структуру внутреннего меню. Я …
Продолжить чтениеДобавляем простую группировку в ComboBox
Группировка значений списков Ext.form.field.ComboBox помогает систематизировать элементы. Эта функция уже доступна в Ext.grid.Panel, но, к сожалению, недоступна для Ext.form.field.ComboBox. Для реализации данной доработки, мы будем наследоваться от ComboBox’a.
Продолжить чтениеВизуальные эффекты иконок (глифов)
Чтобы привлечь внимание пользователей к некоторым событиям, мы можем изменить визуальные свойства иконок, например — цвет или цвет фона. Мы также можем анимировать значок, я не фанат анимации, но иногда это бывает необходимо. В данном …
Продолжить чтениеАвтоматическое расширение колонки в зависимости от контента
Иногда нам нужно показывать содержимое всех ячеек таблицы, не сокращая их. Для этого вы можете использовать плагин с автоматическим изменением размера колонки. Плагин не работает со flexed столбцами, он просто удаляет свойство flex. Чтобы сохранить …
Продолжить чтениеДобавляем Grid в ComboBox
В данном примере я покажу как заменить Ext.view.BoundList, который используется по умолчанию для отображения выпадающего списка в Ext.form.field.ComboBox, на обычный Ext.grid.Panel. Так же во второй части мы попробуем доработать Ext.view.BoundList , так что бы он выглядел как таблица. PS: Поддерживается …
Продолжить чтениеПлагин показа tooltip для grid cells
Автоматические всплывающие подсказки (они же tooltip) для переполненных (for overflowed cells) ячеек таблицы не реализованы в текущей версии ExtJS (6.6) , давайте устраним эту не доработку.
Продолжить чтение