Релиз Webix 3.2: SpreadSheet, Rangechart и Новая Функциональность

Всем привет!

Пока за окном пролетают последние зимние дни, мы с радостью представляем первый в этом году релиз — Webix 3.2.

И, разумеется, мы хотели бы начать с самой главной фишки нашего релиза — нового виджета.

Webix 3.2 released

Spreadsheet виджет

Многофункциональный SpreadSheet виджет является ключевым событием нашего февральского релиза. Он позволяет редактировать данные подобно таблицам Excel. Будучи полностью клиентским, виджет позволяет загружать данные в формате JSON, из любых баз данных и даже из документа Excel.

SpreadSheet позволяет не только форматировать текстовые значения в ячейках, но и задавать им размеры, объединять их, копировать и вставлять значения, а также производить расчёты с помощью математических функций Excel. При редактировании данных можно восстанавливать все изменения, которые вы сделали, и при необходимости применять их обратно.

Webix spreadsheet

 

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

Все форматирование, включая стили и размеры, сохраняется вместе с данными таблицы. Кроме того, вы можете экспортировать данные с помощью всех текущих возможностей Webix, а именно Excel, PDF (да-да, новый!) И PNG.

Webix spreadsheet

 

Больше информации вы сможете найти в нашей документации и  примерах.

Виджет можно скачать прямой сейчас, приобрести отдельно или в составе Пакета для организации.

Undo функциональность

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

webix.ui({
    view:”list”, id:”mylist”, undo:true, data:dataset
});

$$(“mylist”).undo();

Более подробную информацию вы можете найти в нашей документации.

Экспорт в PDF

Еще одна отличная новость. С сегодняшнего дня вы сможете экспортировать данные из любого дата виджета в файл PDF.

webix.toPDF($$(“mylist”));

export to pdf

При желании логику экспорта можно кастомизировать. Многие из настроек вам уже знакомы по существующему экспорту в Excel. Подробности читайте в нашей документации.

Выделение группы ячеек для Datatable и Treetable

Выделение группы ячеек было разработана специально для  Spreadsheet виджета, но эту функциональность получили также и Webix Datatable и TreeTable. На создание нас вдохновили таблицы Excel.

webix.ui({ view:”datatable”, areaselect:true, data:data });

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

area selection

Перейдите в нашу документацию , чтобы изучить все преимущества.

Rangechart виджет

С новым виджетом Rangechart привычные нам чарты становятся интерактивными, поскольку в нём появляется возможность выбрать нужный диапазон данных с помощью подвижной рамки. В целом, все чарты Webix с горизонтальной шкалой могут быть превращены в Rangechart:

webix.ui({
    view:”rangechart”,
    id:”range”,
type:”line”,
range:{ start:30, end:40 },
data:data
});

Несмотря на то, что обновление не выглядит значительным, оно превращает чарт в мощный инструмент для визуализации больших объёмов данных, если, к примеру,  комбинировать его со стандартным чартом.

Rangechart

Заинтересовались? Тогда изучите нашу документацию и посмотрите сэмплы.

Как видите, у нас есть что вам показать и чем поделиться. Ждём вашу оценку в комментариях и  вопросах на форуме.

Продуктивного изучения и хорошего дня!