В предыдущей статье мы создавали динамическое меню, в этой же мы создадим динамическую панель инструментов Ext.toolbar.Toolbar по аналогии.
Продолжить чтениеМетка: extjs
Создаем динамическое 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: Поддерживается …
Продолжить чтениеПлагин показа tooltip для grid cells
Автоматические всплывающие подсказки (они же tooltip) для переполненных (for overflowed cells) ячеек таблицы не реализованы в текущей версии ExtJS (6.6) , давайте устраним эту не доработку.
Продолжить чтениеПишем альтернативный фильтр для Grid’a — Часть первая
Данная статья расскажет как можно расширить существующий Ext.toolbar.Paging добавив в него функционал для фильтрации Ext.grid.Panel по выбранным, или выбранным колонкам. Поддерживает и удаленная и локальная сортировка. Имплементацию данного функционала мы сделаем дважды, первый раз в …
Продолжить чтениеПоказываем checkbox’s в grid’e в зависимости от условий
В ExtJS 6 у Ext.grid.selection.Model есть поддержка checkbox’ов , но нет возможности запретить его отрисовывать в зависимости от каких либо условий (например на основе данных). Для реализации даной фичи, мы сделаем override.
Продолжить чтение