WEBIX JAVASCRIPT LIBRARY BLOG

Новости, релизы, помощь и советы по разработке web UI, новейшие тенденции и know-how практики по JavaScript программированию. Создавайте web интерфейсы быстрее и качественнее.

Подписывайтесь:

Пишите для нас: guest posts guidelines.

Различные способы редактирования табличных данных

Библиотека Webix предлагает несколько способов редактирования табличных данных. Одни из самых распространённых практик — использование встроенных редакторов Datatable или же отдельных Webix Form. Однако вопрос остаётся открытым — как удачно подобрать инструменты и предоставить пользователю удобное и интуитивно-понятное решение?

ПАРАМЕТРЫ ФАЙЛА  exploring_different techniques for data editing

Управление временем и датой с Webix

Выбор времени и даты — частая задача в современной веб-разработке. Простой и интуитивно понятный интерфейс является залогом успешной коммуникации между вашим приложением и пользователями.

Webix 8.0 тизер: чего ожидать от следующего релиза

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

Релиз Webix 4.1: новый виджет-датчик и функционал для интернета вещей

Мы рады сообщить о выпуске очередного релиза JavaScript библиотеки Webix. В версии 4.1 вас ждут новый виджет-датчик Gаge и удобный контрол RichText для редактирования текстов. Кроме того, виджет Chart обзавелся динамическим режимом и новым типом отображения данных — SplineArea Chart.
При подготовке Webix 4.1 разработчики учли растущую популярность интернета вещей, а также актуальную потребность в динамическом отображении данных. Теперь вы сможете создать интерфейс веб приложения, который сможет воспроизвести любую панель управления: от автомобиля до метеостанции.
JavaScript библиотека Webix с новыми виджетами и контролами

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

 

Демо

1 2 3 4