Всем привет!
Кто-то ждет 1 мая, чтобы поехать на шашлыки, а кто-то с нетерпением ожидает новый релиз Webix 3.3. Не будем затягивать, поехали!
Мы добавили одну из наиболее востребованных и долгожданных функций — полную поддержку drag-n-drop на сенсорных экранах. Теперь перетаскивание элемента на сенсорных устройствах активируется по длительному касанию.
Всем привет!
Пока за окном пролетают последние зимние дни, мы с радостью представляем первый в этом году релиз — Webix 3.2.
И, разумеется, мы хотели бы начать с самой главной фишки нашего релиза — нового виджета.
Многофункциональный SpreadSheet виджет является ключевым событием нашего февральского релиза. Он позволяет редактировать данные подобно таблицам Excel. Будучи полностью клиентским, виджет позволяет загружать данные в формате JSON, из любых баз данных и даже из документа Excel.
SpreadSheet позволяет не только форматировать текстовые значения в ячейках, но и задавать им размеры, объединять их, копировать и вставлять значения, а также производить расчёты с помощью математических функций Excel. При редактировании данных можно восстанавливать все изменения, которые вы сделали, и при необходимости применять их обратно.
DataTable — самый популярный виджет библиотеки компонентов Webix. Он быстрый, гибкий и может использоваться в самых разных сценариях. По умолчанию, в ячейках этого компонента отображается только текстовый контент. Тем не менее, вы можете использовать темплейты, чтобы показать более сложный контент в ячейках DataTable. Иконки, кнопки и даже другие виджеты могут использоваться в качестве темплейтов ячеек.
Давайте посмотрим, как это можно сделать.
Самый распространенный вариант использования — это добавление чекбокса в ячейку DataTable. Поскольку этот сценарий используется довольно часто, мы сделали для него готовое решение. Вам просто нужно задать его в качестве значения темплейта ячейки вот так:
и вы получите полноценный чекбокс.
Не секрет, что веб-приложения — самый активный сегмент в современной разработке ПО. Изначально это были лишь статические HTML страницы, которые со временем превратились в динамические приложения, по прежнему связанные с браузером и HTML-разметкой. Процесс развития продолжается прямо сейчас. Веб-приложения уже выходят за пределы браузера: с одной стороны, мы можем писать приложения для мобильных устройств и десктопа, используя веб-технологии, с другой стороны, веб-приложения получают все больше средств доступа к ресурсам устройств, на которых они работают.
Следуя этой тенденции, в Webix 3.0 мы добавили пару новых API, которые порядком упрощают обмен данными между веб-приложением и рабочей средой пользователя.
Очень легко. С Webix 3.0 у вас есть две мощные команды для экспорта:
Эти функции позволяют экспортировать Webix компонент в PNG или Excel файл. В случае экспорта в PNG вы можете использовать API не только с Webix компонентами, но и с любым HTML контентом.
Всем нравится пользоваться простыми приложениями с интуитивно понятным интерфейсом. Pецепт такого приложения прост: возьмите немного HTML-тегов, добавьте подходящий фреймворк, например, Bootstrap, и ваше приложение готово. В повседневной разработке все происходит немного по-другому. Бизнес-приложения работают со сложными данными, поэтому для их представления требуется более продвинутый интерфейс. Одним из таких кейсов является использование вложенных данных. Готового решения для отображения в HTML или Bootstrap пока нет. Но решить проблему можно с помощью Webix UI.
Простейший виджет, который можно использовать для отрисовки вложенных данных — это Tree. Этот элемент интерфейса, который довольно часто используется в десктопных приложениях, но редко встречается в веб-версиях. Webix Tree обладает полной функицональностью виджета tree. Он позволяет представлять иерархические данные в виде дерева, ветки которого можно развернуть или свернуть. Webix Tree работает быстро, отрисовывая тысячи элементов менее, чем за секунду. Если этого мало, можно использовать динамическую загрузку данных.
Создавайте красивые графические интерфейсы с помощью JS библиотеки
