days to give it a try before you buy! Download now. The best deals on licenses are coming soon Download now. The best deals on licenses are coming soon

WEBIX BLOG

Webix 2.3: Новые виджеты, Typescript и Material Skin

Весна — время перемен и бесконечных возможностей! Этой весной новая версия Webix 2.3 тоже принесла множество полезных обновлений и новых функций.

Команда Webix усердно трудилась над созданием продвинутого функционала, а также отвечала на множество сообщений, поступающих из Webix сообщества. В версии 2.3 появились совершенно новые компоненты — Органограмма и Баркод, а также свеженький Material скин, поддержка TypeScript и другие полезные улучшения.
Webix Material Skin

Использование сторонних библиотек с Webix

Библиотека Webix предлагает множество готовых виджетов. Но даже это разнообразие меркнет перед обилием различных библиотек, созданных Open Source сообществом. В этой статье я расскажу, как любую стороннюю библиотеку можно превратить в Webix виджет.

Konva.js

В качестве примера я буду использовать Javascript библиотеку Konva.

Чекбоксы в DataTable. Малоизвестные техники

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

Основные чекбоксы

Минимальный код для инициализации DataTable с чекбоксами выглядит следующим образом:

webix.ui({
view:"datatable",
columns:[
{ id:"status", header:"Is Active", width:80, css:"center",
template:"{common.checkbox()}"},
{ id:"value", header:"Records", fillspace:1 },
],
data: [
{ status:0, value:"Record A"},
{ status:1, value:"Record B"},
{ status:0, value:"Record C"}
]
});

Результатом работы данного кода является симпатичный JavaScript grid, представленный на картинке ниже. Строка “{common.checkbox()}” в темплейте преобразуется в чекбокс контрол.

Basic Webix Checkboxes

 

Демо

Webix CDN для создания быстрых веб-приложений

Отличные новости! Теперь необязательно скачивать пакет с сайта и распаковывать его, чтобы начать пользоваться библиотекой Webix. Вы можете подключить 2 файла Webix прямо из интернета, просто задав ссылки на CDN.

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

Webix использует CDN

Теперь, если конечный пользователь работает, например, с несколькими приложениями, созданными на основе Webix, скорость загрузки второго приложения будет намного выше, чем без использования CDN. Когда пользователь работает с первым приложением, файлы webix.js и webix.css загружаются в кэш и хранятся там. Таким образом, при запуске второго приложения, браузеру не нужно загружать файлы Webix еще раз, поскольку они уже находятся в кэше.

File Manager — новый виджет для управления файлами

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

Сегодня мы рады представить вам новый Webix виджет, созданный для удобной организации ваших данных в интернете — File Manager. Это JavaScript и HTML5 компонент, который позволяет управлять иерархическими данными, а именно файлами и папками, в вашем приложении.

Webix File Manager виджет

Webix 2.2: Новые возможности виджетов и UI улучшения

Мы рады объявить об обновлении UI библиотеки компонентов Webix. Новая версия включает множество новых функций виджетов и другие значительные улучшения.

Связывание данных

В версии Webix 2.2 появилась возможность связывания данных для таких компонентов, как Tree и TreeTable.

В случае, если у вас на странице есть либо виджет Tree или же TreeTable, вы можете связать один из них с другим data компонентом. Таким образом, любые изменения в Tree или TreeTable виджете будут вызывать соответствующие модификации в связанном с ним компоненте.

связывание данных для Tree

Например, когда вы выбираете элемент в виджете Tree, он будет источником данных для DataTable.

Webix Kanban Board — виджет для управления проектами

Мы рады представить вам новый Webix виджет под названием Kanban Board. Это инструмент, позволяющий отслеживать ход рабочего процесса, и изменять его “на лету”, в соответствии с требованиями проекта. Это позволит вам разрабатывать все ваши продукты точно в срок.

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

Kanban доска для вашего приложения

Webix Kanban позволяет вам получить общую идею того, как протекает ваш бизнес-процесс. Таким, образом он поможет вам достичь превосходных результатов в отношении качества и производительности.

Чтобы скачать Webix Kanban Board, перейдите по этой ссылке.

Webix 2.1: Улучшенная совместимость с jQuery, Bootstrap JS и многое другое

Мы рады сообщить вам о том, что библиотека Webix была обновлена до версии 2.1. Данный релиз сочетает в себе много новых возможностей. Большинство из них представляют собой улучшения совместимости виджетов Webix с фреймворками, библиотеками и браузерами. Кроме того, версия 2.1 включает в себя некоторые улучшения в пользовательском интерфейсе, а также исправленные ошибки.

Совместимость с Bootstrap JS

Начиная с версии 2.1, Webix еще лучше работает с Bootstrap, популярным HTML, CSS и JavaScript фреймворком, который позволяет создавать отличные веб-приложения с красивыми элементами.

совместимость webix с bootstrap

Webix Scheduler — JavaScript календарь для мобильных устройств

Сложно представить современную жизнь без планирования как деловых, так и личных встреч и событий. Мы можем использовать для этих целей электронные календари, ежедневники, специальные веб-приложения. Однако, самым удобным календарем является тот, который всегда под рукой. Такими свойствами обладает мобильный календарь. JavaScript Scheduler — это Javascript и HTML5 календарь событий, адаптированный под мобильные устройства.

Sceduler позволяет создавать легко редактируемые однодневные и многодневные события. Для редактирования события вам просто нужно кликнуть по нему и произвести необходимые изменения в форме “Edit”. Для изменения даты начала и окончания события нужно всего лишь кликнуть в соответствующем поле формы, а затем выбрать дату в календаре.

Этот JavaScript календарь имеет три основных представления: Day, Week, Month. Для навигации между ними используются табы тулбара, расположенного в нижней части компонента.

Webix Mobile Scheduler-основные views

Webix 2.0: улучшенная производительность и новые функции

Отличные новости от команды Webix! Мы выпустили новую версию библиотеки Webix 2.0! Номер версии подразумевает серьезные изменения — и мы готовы предложить вам множество полезных обновлений.

Улучшенный виджет DataTable

Мы улучшили многие виджеты библиотеки Webix, но больше других был усовершенствован компонент DataTable. С него и начнем.

Сейчас она обладает следующими отличными функциями:

  • Объединение строк и столбцов
  • Меню заголовка
  • Расширенные возможности редакторов
  • Сгруппированные столбцы
  • Сохранение текущего состояния
  • Расширенные возможности фильтра
  • Вертикальный заголовок
  • Кастомная высота футеров и хедеров

1 10 11 12 13 14 16