Релиз Webix 3.3

Всем привет!

Кто-то ждет 1 мая, чтобы поехать на шашлыки, а кто-то с нетерпением ожидает новый релиз Webix 3.3. Не будем затягивать, поехали!

Webix 3.3 release

Поддержка drag-and-drop на тач-устройствах

Мы добавили одну из наиболее востребованных и долгожданных функций — полную поддержку drag-n-drop на сенсорных экранах. Теперь перетаскивание элемента на сенсорных устройствах активируется по длительному касанию.

Webix drag and drop

 

Кроме того, улучшен внешний вид и функциональность drag-n-drop на десктопных устройствах. Теперь перемещаемый элемент появляется под курсором, а не рядом с ним.

Документация

Sparklines (PRO версия)

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

Webix Sparkline

 

Демо

Документация

Улучшенный редактор формул в Spreadsheet

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

SpreadSheet editor

 

Демо

Загрузите пробную версию прямо сейчас, а также воспользуйтесь нашей документацией для получения полной информации.

Absolute Layout (PRO версия)

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

У таких лэйаутов есть свои плюсы и минусы. Главным недостатком является неадаптивность. Тем не менее, absolute layout отлично подойдет для создания большой формы, элементы которой должны располагаться в точно заданной позиции.

Absolute layout

 

Демо

Читайте нашу документацию и приступайте к работе.

Data Layout (PRO версия)

Data layout сочетает в себе свойства лэйаута и дата компонента. В отличие от обычного лэйаута, в data layout можно загружать данные с сервера, динамически добавлять и удалять ячейки, а также фильтровать и сортировать данные. Помимо API обычного лэйаута, data layout обладает полной функциональностью дата компонента.

data layout

 

Кроме того, data layout умеет объединять заданную конфигурацию с динамическими данными с сервера. Это позволяет многократно повторять одни и те же компоненты, и при этом наполнять каждый из них разными данными.

Наша подробная документация поможет вам со всем разобраться.

Демо

Улучшенный экспорт в PDF и Excel

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

Webix Export to PDF

 

Документация

Демо

Обновленный внешний вид FileManager

В версии 3.3 наш FileManager приобретает новый, улучшенный интерфейс, а также возможность прятать/показывать элемент Tree.

File manager UI

 

Демо и документация

И, разумеется, с новой версией станут доступны все наши фиксы и всевозможные улучшения. Как видите, мы очень старались и надеемся, что вы оцените результат. Делитесь своим мнением в комментариях (а также рецептами куличей на Пасху) 😉

Отличного дня и продуктивной работы с Webix!