Блог

Релиз 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

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

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

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

Автор
The following two tabs change content below.
Olga Vazhnik

Olga Vazhnik

Olga Vazhnik

Latest posts by Olga Vazhnik (see all)

Share on Google Plus Share on Twitter Share on Facebook Share on Stumbleupon Share on LinkedIn VK Vote on Reddit