WEBIX BLOG

Уже на этой неделе мы прощаемся с дождливой осенью и встречаем наш новый релиз Webix 3.1! Меньше двух месяцев прошло с последнего крупного обновления Webix 3.0, а нам снова есть что вам показать.

Наша библиотека пополнилась двумя новыми виджетами — SideMenu и TreeMap. Добавим ко всему еще один новый компонент — Sidebar, который не входит в стандартный пакет, но который можно загрузить уже прямо сейчас.

Сегодня на повестке дня:

1. TreeMap;
2. Sidebar;
3. Sidemenu;
4. автоматические размеры для меню и кнопок.

DataTable — самый популярный виджет библиотеки компонентов Webix. Он быстрый, гибкий и может использоваться в самых разных сценариях. По умолчанию, в ячейках этого компонента отображается только текстовый контент. Тем не менее, вы можете использовать темплейты, чтобы показать более сложный контент в ячейках DataTable. Иконки, кнопки и даже другие виджеты могут использоваться в качестве темплейтов ячеек.

Давайте посмотрим, как это можно сделать.

Чекбоксы и радиокнопки

Самый распространенный вариант использования — это добавление чекбокса в ячейку DataTable. Поскольку этот сценарий используется довольно часто, мы сделали для него готовое решение. Вам просто нужно задать его в качестве значения темплейта ячейки вот так:

и вы получите полноценный чекбокс.

Всем привет! Совсем скоро мы променяем зонты и резиновые сапоги на вязаные шапки и антифриз, но до этого момента успеем поделиться с вами нашим новым обновлением — Webix 3.1 , которое увидит свет уже 24 ноября.

Не так давно мы обсуждали планы крупного апдейта Webix 4.0. Признаемся, что некоторые фичи не вошли в версию 3.0, но это не значит, что мы про них забыли. Это значит, что они появятся в новых релизах.

Чего же ждать от Webix 3.1?

Всем давно известна пословица, что лучше один раз увидеть, чем сто раз услышать. Так что не задумываясь кликайте на картинку ниже, а после просмотра демо продолжайте читать статью.

Что это?

Демо показывает, как можно создать рабочий стол в браузере на основе Webix компонента.

Такая оболочка может использоваться удаленными пользователями, поскольку она предоставляет среду, подобную десктопной, где пользователи могут получить доступ к удаленным данным и работать с ними. Пользователи могут запускать внутренние приложения, организовать их размещение на экране, а также переключаться между ними. Все эти действия можно производить с обычными десктопными приложениями. Кроме того, представленная оболочка работает в любом браузере (даже в IE8!).

Не секрет, что веб-приложения — самый активный сегмент в современной разработке ПО. Изначально это были лишь статические HTML страницы, которые со временем превратились в динамические приложения, по прежнему связанные с браузером и HTML-разметкой. Процесс развития продолжается прямо сейчас. Веб-приложения уже выходят за пределы браузера: с одной стороны, мы можем писать приложения для мобильных устройств и десктопа, используя веб-технологии, с другой стороны, веб-приложения получают все больше средств доступа к ресурсам устройств, на которых они работают.
Следуя этой тенденции, в Webix 3.0 мы добавили пару новых API, которые порядком упрощают обмен данными между веб-приложением и рабочей средой пользователя.

Как экспортировать данные из веб-приложения

Очень легко. С Webix 3.0 у вас есть две мощные команды для экспорта:

Эти функции позволяют экспортировать Webix компонент в PNG или Excel файл. В случае экспорта в PNG вы можете использовать API не только с Webix компонентами, но и с любым HTML контентом.

Всем нравится пользоваться простыми приложениями с интуитивно понятным интерфейсом. Pецепт такого приложения прост: возьмите немного HTML-тегов, добавьте подходящий фреймворк, например, Bootstrap, и ваше приложение готово. В повседневной разработке все происходит немного по-другому. Бизнес-приложения работают со сложными данными, поэтому для их представления требуется более продвинутый интерфейс. Одним из таких кейсов является использование вложенных данных. Готового решения для отображения в HTML или Bootstrap пока нет. Но решить проблему можно с помощью Webix UI.

Tree

Простейший виджет, который можно использовать для отрисовки вложенных данных — это Tree. Этот элемент интерфейса, который довольно часто используется в десктопных приложениях, но редко встречается в веб-версиях. Webix Tree обладает полной функицональностью виджета tree. Он позволяет представлять иерархические данные в виде дерева, ветки которого можно развернуть или свернуть. Webix Tree работает быстро, отрисовывая тысячи элементов менее, чем за секунду. Если этого мало, можно использовать динамическую загрузку данных.

Делать приложения должно быть просто. 

Разрабатывая Вебикс, мы постарались создать компоненты, которые упростят разработку веб приложений. Быстрые, понятные, настраиваемые, такие, какие были нужны нам для своих собственных проектов.

Однако этого было недостаточно. Разрабатывая новые приложения, мы ломали голову, как нам хранить код, как организовать навигацию, как работать с серверным кодом, решали массу других скучных задач. Где-то раз на 15й нам это надоело, и мы решили объединить все лучшие практики по разработке на Webix в микро-фреймворк. Так появился Webix Jet.

Так что же это — Webix Jet

Как вы, вероятно, знаете, Вебикс — это библиотека отдельных компонентов для построения пользовательского интерфейса. Webix Jet — это микро-фреймворк для разработки одностраничных приложений с использованием Вебикс компонентов.

Весит он совсем ничего (менее 10кб кода), работает с любым серверным языком (NodeJs, PHP, .Net) и может быть использован как для десктопных, так и для мобильных приложений.

Недавно мы выпустили Webix 3.0, который привнес много новых интересных возможностей. Но это не значит, что теперь мы расслабились и будем почивать на лаврах. Мы уже начали работать над новой версией Webix и хотим поделиться с вами своими планами.

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

Компоненты Webix

В версию 3.1 (релиз намечен на конец ноября), войдут долгожданный компонент side-menu и возможность автоматического изменения размера меню и кнопок (это обязательное требование при разработке многоязычных приложений).

Кроме этого, в следующей версии появятся возможность размещать компоненты с абсолютным позиционированием, и компонент data-map, который позволит визуализировать комплексные данные следующим образом:

Пока сентябрь радует нас красочной листвой и никто не успел впасть в осеннюю депрессию, мы рады представить наши новейшие обновления. Сегодня речь пойдет  о версии Webix 3.0, которая добавляет два новых подхода к построению приложений на основе Webix, а также ряд новых фич, которых Вы не найдете в других HTML фреймворках.

Начнем с двух крупных обновлений.

Webix Jet

Основа вебикса — набор готовых виджетов, который позволяет ускорить разработку приложения. Комбинировать и настраивать компоненты гораздо проще, чем писать все с нуля. Только вот приложение — это не просто набор виджетов. Приложение — это сложная структура, где приходится решать вопросы комбинирования и повторного использования кода, навигации, работы с данными и многое другое. В рамках нашего релиза мы анонсируем Webix Jet — микро-фреймворк, дающий ответы на все вышеперечисленные вопросы.

Сразу после релиза Webix 2.5 мы обновили наш онлайн инструмент для веб-разработки Webix Skin Builder. С последним обновлением он обзавелся встроенным Material скином, а также стал еще более удобным в использовании.

Для тех, кто еще не работал с Webix Skin Builder, мы расскажем о практической пользе этого полезного инструмента для создания дизайна. Он позволяет создавать кастомные скины для интерфейса веб-приложений, а также предоставляет набор скинов на ваш выбор.

Material Skin

Когда мы впервые анонсировали возможность использования Material Skin в приложении, написанном на Webix, этот скин еще не был включен в пакет библиотеки. Чтобы его скачать, нужно было перейти в специальный репозиторий на github.com. Теперь скин доступен прямо из нашего инструмента Skin Builder.

Webix Skin Builder также порадует вас улучшенным интерфейсом. Просто загляните на страницу приложения, чтобы убедиться, что теперь оно работает и выглядит еще лучше.