ДОСТУПНА НОВАЯ ВЕРСИЯ! Webix 11 Подробнее Обновления в Core, SpreadSheet, File Manager и Report Manager и многое другое

WEBIX BLOG

Webix 8.4: Редактор Diagram и Видео Звонки в Chat

У нас всё ещё очень-очень жарко. Благо, время от времени небеса могут сжалиться над нами и подарить пару часов прохладного ветерка и спасительных облачков. Сегодня как раз такой день, и мы, так сказать, ловим момент и представляем вам новый Webix 8.4! Обновление включает в себя визуальный редактор для Diagram, возможность совершать аудио- и видеозвонки в Chat, повышенную производительность в Gantt, а также более мелкие, но не менее приятные обновления для Spreadsheet и Core. Берите свой айс латте и приступим.

Webix 8.4

Webix 8.3: Новый виджет Diagram, обновления Scheduler, Gantt и Spreadsheet

Не знаю как у вас, а на родине Webix выдалась самая холодная весна на моей памяти. Тем не менее, это только добавляет нам мотивации работать усерднее и оставаться на пике продуктивности, чтобы радовать наших клиентов новыми возможностями. Сегодня мы хотим представить новый комплексный виджет Webix Diagram, а также дополнительные возможности в виде Таймлайн и Секций для Scheduler, разделение задач для Gantt и улучшения в использовании Spreadsheet.

Заинтригованы? Тогда давайте рассмотрим все в деталях.

Webix 8.0: Scheduler и Gantt, Новые Контролы в Webix Core

Вот и половина осени прошла. Сегодня мы рады представить вам самый главный релиз года, Webix 8.0. В этой версии вы найдете новые комплексные виджеты для планирования, а именно Scheduler и Gantt. Кроме этого, релиз включает в себя обновления для Spreadsheet, горизонтальный Timeline, новые контролы для выбора времени и цвета, динамические тултипы, а также улучшенную производительность хедера Datatable.

Webix 8.0: Scheduler и Gantt, Новые Контролы в Webix Core

Читаем дальше, чтобы разузнать все детали.

Релиз в честь дня рождения: Встречайте Webix 7.4 с новым виджетом Chat, обновлениями для Document Manager и Spreadsheet.

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

Birthday Release of Webix 7.4: Chat Widget, Updates for Document Manager and Spreadsheet

Продолжая традиции, сегодня мы представляем вашему вниманию версию Webix 7.4 c акцентом на комплексные виджеты.

Webix 7.3: Document Manager, виджет Query и встроенные Чарты в Spreadsheet

В эти нелегкие времена очень важно продолжать делать то, что делаем. Именно
поэтому сегодня мы особенно рады представить вам релиз Webix 7.3, который
включает в себя 2 комплексных виджета: Document Manager и Query, а также
возможность встраивать чарты и фильтровать даты в Spreadsheet.

Читайте дальше, чтобы рассмотреть эти обновления детально.

Webix 7.3: Document Manager, виджет Query и встроенные Чарты в Spreadsheet

Встречайте Webix 5.0 c Обновленным Jet Фреймворком

Команда Webix рада представить вам обновленную версию библиотеки, Webix 5.0! Релиз включает в себя долгожданную версию 1.0 фреймворка Webix Jet, три виджета и обновленный экспорт в Excel — теперь и со стилями. Рассмотрим нововведения.

TreeMap — вся мощь визуализации в одном виджете

Webix предлагает множество возможностей визуализации линейных данных c помощью различных видов чартов — bar, pie, area, scatter и radar. Но что делать с иерархическими данными? Первое, что может прийти в голову — это Webix Tree, поскольку он отлично отображает связи между родительскими и дочерними элементами. Но на этом возможности визуализации этого компонента заканчиваются.

Чтобы найти что-то более мощное, нам нужно заглянуть в пакет с PRO-виджетами. Здесь мы видим Organogram (диаграмму на основе Tree), а также TreeMap. Давайте рассмотрим второй виджет повнимательнее. Он умеет отображать иерархические данные в красивой и компактной форме.

Самый простой код инициализации довольно лаконичен:

webix.ui({
     view:"treemap", value:”#value#”,  
     template: function(item){  return item.label||""; },
     data:data
});

Результат будет следующим:

TreeMap_Basic

 

Демо

В инстаграмме жизни нет, Organogram — вот наш ответ!

Я помню как во время учебы в школе мне довелось провести несколько долгих вечеров за составлением семейного дерева. Тогда я впервые в жизни столкнулась с неизбежными последствиями плохо спланированной работы: место на листе неожиданно закончилось и мне пришлось перерисовывать всю схему с самого начала. Это был полный провал!

Organogram

 

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

Sidebar vs. Sidemenu. Выбери свой способ навигации

Всем привет! Давайте сегодня рассмотрим, какие решения предлагает Webix, чтобы сделать навигацию в приложении действительно удобной. Могу поспорить, что мы найдем что-то действительно стоящее! С самых первых дней своего существования библиотека предоставляет пользователям стандартное Меню, которое позволяет размещать элементы горизонтально или вертикально (и это слишком просто). Недавно разработчики библиотеки пошли дальше и создали два симпатичных виджета — Sidebar и Sidemenu, которые призваны сделать навигацию удобной для пользователей.

Давайте разберемся в функциональности этих виджетов и рассмотрим сценарии использования, подходящие для каждого из них.

Чтобы инициализировать Sidebar, достаточно вот такого простого кода:

webix.ui({
view: "sidebar",
data: [
{id: "dashboard", icon: "dashboard", value: "Dashboards", data:[
{ id: "dashboard1", value: "Dashboard 1"},
{ id: "dashboard2", value: "Dashboard 2"}
]},
...
]
});

В результате, вы получите вот такой виджет:

sidebar

 

Демо

Интеграция со сторонними чартами

Ни для кого ни секрет, что чарт является удобным инструментом для систематизации информации и управления ей. Чарты способны представлять огромные объемы данных в простом схематичном виде. Библиотека Webix стремится следовать современным тенденциям и предлагает возможность интеграции с популярными чартами таких Javascript библиотек, как D3, Raphael and Sigma и JustGage. В то же время, у Webix есть коллекция собственных JavaScript графиков.

Инициализация чарта на странице

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

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

Этот специальный javascript файл подключит ваше приложение к выбранному чарту и автоматически загрузит все необходимые файлы чарта.

1 2