В modern toolkit’e, для всех layout-ов повсеместно используются display: flex , но к сожалению отсутствует возможность задать gap. Многие мучаются с margin/padding дочерних элементов, используя :last-child, :first-child и пр. Решение с примером под катом.
Продолжить чтениеРубрика: Статьи
Реализация Grid layout
В далеком 2017 году, в браузерах появилась поддержка CSS Grid layout. В ExtJS же данный layout отсутствует, давайте же исправим этот момент. Под катом реализация и пример использования (пример верстки аля блог).
Продолжить чтениеExtJS and Tailwind CSS
За последние несколько месяцев я использовал Tailwind для некоторых проектов, не связанных с ExtJS. Tailwind — это фреймворк, сильно отличающийся от Bootstrap или подобных продуктов. Фактически, он использует подход «utility-first» (полезность прежде всего), где классы …
Продолжить чтениеIndexedDB и ExtJS
Возможность сохранять информацию локально в браузере — очень полезная функция, которая развивалась со временем. В этой статье мы рассмотрим различные типы хранилищ и способы их использования в ExtJS. В частности, мы проанализируем реализацию IndexedDB, предлагаемую …
Продолжить чтениеПравила хорошего тона при работе с Overrides в ExtJS
В данной статье речь пойдет о том, как не создать себе много проблем — систематическим созданием оверрайдов, а так же построение процесса в команде при работе с ними. Так же рассмотрим работу с поддержкой EXTJS …
Продолжить чтениеДинамическая локализация приложений с использованием i18next.js
В качестве локализации ExtJS приложений — зачастую используют override, или определение свойств на уровне Ext.define. Зачастую это не годное решение, так как требует от пользователя перезагрузки страницы. В данной статье я покажу пример «правильной» локализации …
Продолжить чтениеКак включить Closure compressor и об потенциальных ошибках сборки
Небольшая заметка о том как правильно включить closure compressor, и понимать на что он ругается при сборке проекта. Так же покажем как заставить sencha cmd использовать вашу версию closure compiler.
Продолжить чтениеНюансы использования ООП, Ext.Config в ExtJS
С самого начала ExtJS реализовала систему классов для расширения JavaScript. Цель системы классов заключалась в поддержке эффективной организации кода и реализации псевдоклассического наследования, существующего во многих объектно-ориентированных языках программирования. Давным давно, с выходом ExtJS 4.0 …
Продолжить чтениеДобавляем Ace Editor в приложение ExtJS
Как то форуме sencha возник вопрос: «Кто-нибудь знает, как добавить поле ввода в форму, которое бы являлась Ace Editor’ом?». Поэтому я решил реализовать такое поле.
Продолжить чтениеАвтоматическая установка фокуса для полей находящихся в formpanel
Фокусировка одного из полей ввода после показа панели сделает процесс заполнения формы более быстрым. Пользователям не нужно будет щелкнуть по соответствующему полю ввода, чтобы начать печатать. Функция фокусировки реализована в виде плагина. По умолчанию фокус …
Продолжить чтение