Создаем динамическое 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. Чтобы сохранить …

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

Добавляем Grid в ComboBox

В данном примере я покажу как заменить Ext.view.BoundList, который используется по умолчанию для отображения выпадающего списка в Ext.form.field.ComboBox, на обычный Ext.grid.Panel. Так же во второй части мы попробуем доработать Ext.view.BoundList , так что бы он выглядел как таблица. PS:  Поддерживается  …

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

Пишем альтернативный фильтр для Grid’a — Часть первая

Данная статья расскажет как можно расширить существующий Ext.toolbar.Paging добавив в него функционал для фильтрации Ext.grid.Panel по выбранным, или выбранным колонкам. Поддерживает и удаленная и локальная сортировка. Имплементацию данного функционала мы сделаем дважды, первый раз в …

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

Показываем checkbox’s в grid’e в зависимости от условий

В ExtJS 6 у Ext.grid.selection.Model есть поддержка checkbox’ов , но нет возможности запретить его отрисовывать в зависимости от каких либо условий (например на основе данных). Для реализации даной фичи, мы сделаем override.

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

Решаем квадратное уравнение с помощью формул

ViewModel — предлагает очень удобный способ создавать простейшие формулы и привязывать их к формам. В данном примере мы релизуем логику решения простейших квадратных уравнений с помощью формул.

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

Paging memory proxy

Кто помнит 4 версию ExtJS, там существовал так называемый Ext.ux.data.PagingMemoryProxy (далее PMP) . PMP был упразднен в более поздних версиях, но до сих разработчики пытаются его найти в 6-ой версии ExtJS. В данной статье мы …

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