Поддержка GraphQL, улучшенный Scatter Chart и другие обновления Webix UI 5.4Подробности

Совершенное решение в одном комплекте

Виджеты для конкретных задач

JavaScript библиотека включает специальные компоненты для различных задач: RangeChart, GroupList, Pivot и т.д. Например, виджет Tree Table объединяет функциональность JS Table и JS Tree и позволяет визуализировать и обрабатывать иерархические данные в таблице.

webix.ui({
    view:"treetable",
    columns:[
        { id:"value",
          header:"Packs",
          template:"{common.treetable()} #value#"
        },
        { id:"size", header:"Size",  width:100}
    ],
    data: "..." //data array
});

Легкая настройка

Легко настраивайте функциональность и дизайн контролов с помощью большого количества опций. С помощью встроенного интерактивного JavaScript Calendar и разработанных на его основе Date picker контролов, вы можете с легкостью выбирать даты и временные промежутки.

webix.ui({
    view:"calendar",
    date:new Date(2017,0,13),
    weekHeader:true,
    events:webix.Date.isHoliday,
    width:300,
    height:250
});

Быстрые и надежные таблицы

Используя JavaScript Table, вы не будете волноваться о скорости приложения. Работайте с тысячами строк и столбцов благодаря ленивой отрисовке: в DOM добавляются только те компоненты, которые видны на экране. В то же время, мощный API позволяет эффективно обрабатывать данные.

webix.ui({
    view:"datatable",
    columns:[
        { id:"rating",
          header:"<div class='webix_icon fa-star'>",
          width:100
        },
        { id:"title",
          header:[{content:"textFilter"}],
          width:100
        },
        { id:"address",
          header:"Address",
          fillspace:true
        },
        { id:"price",
          header:"Price",
          sort:"int"
        },
        { id:"color",
          header:"Color",
          template:getColor,
          width:100
        }
    ],
    data:  "..." //data array
});

Гибкие и функциональные формы

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

webix.ui({
    view:"form", width:300,
    elements:[
        { view:"segmented",
          options:["General Info", "History"]
        },
        { view:"text",
          value:"Gothenburg"
        },
        { view:"text",
          value:"Barrington Court 112"
        },
        { view:"text",
          value:"€ 3 860 000"
        },
        { view:"datepicker",
          value: new Date(2017,8,1)
        }
    ]
});

14 разновидностей диаграмм

Вы можете создавать различные диаграммы, делать их динамичными или преобразовывать их в RangeСhart. Помимо классических диаграмм, вы можете использовать JavaScript TreeMap, Organogram или Gauge для визуализации данных.

webix.ui({
    view:"chart",
    type:"splineArea",
    series:[
        { value:"#sales#",
          color:"#6666cc",
          alpha:0.7
        },
        { value:"#sales#",
          color:"#ffcc33",
          alpha:0.7
        }
    ],
    xAxis:{ template:"'#month#" },
    yAxis:{ start:0,  end:10,  step:2 },
    data:  "..." //data array
});

Дополнительные компоненты: комплексные JavaScript UI виджеты

Pivot

JavaScript Pivot предназначен для красивых и понятных отчетов в виде таблиц и диаграмм.

  • счетчики суммы, фильтры, режим readonly
  • поддержка загрузки внутренних и внешних данных
  • таблица / диаграмма и окно с настройками
  • логарифмическая шкала для Pivot Chart
Больше о Pivot
Kanban

JavaScript Kanban Board -- это инструмент для отображения процесса работы и контроля за отдельными задачами.

  • неограниченное количество столбцов и строк
  • настройка с помощью HTML шаблонов
  • возможность добавлять swim lane для группировки процессов или задач
  • возможность открывать или сворачивать панели Канбан-доски
Больше о Kanban
Spreadsheet
SpreadSheet widget

JavaScript Spreadsheet -- это комплексный виджет, позволяющий встраивать Excel-таблицы в веб-приложения и работать с данными online.

  • привязка данных и валидация
  • сортировка и фильтрация
  • пользовательские стили
  • математические функции
Больше о Spreadsheet
File Manager
Filemanager widget

JavaScript File Manager помогает управлять иерархическими данными в удобном для пользователей стиле.

  • копирование/вставка, переименование, удаление файлов и папок
  • работа с иерархическими данными
  • гибкий layout
  • функциональность drag-and-drop
Больше о File Manager
Mobile Scheduler
Scheduler widget

JavaScript Mobile Scheduler -- это полнофункциональный инструмент для отображения, создания и управления событиями в трех режимах - день, неделя, месяц - на всех мобильных устройствах.

  • поддержка многодневных и повторяющихся событий
  • выбор нужного языка, формата времени и региона
  • настройка формата дат, элементов и панелей инструментов
  • подходит для всех операционных систем: iOS, Android, Windows Phone, Blackberry и т.д.
Больше о Mobile Scheduler

Начните разрабатывать по-настоящему интерактивные приложения

Создайте JavaScript Grid с Tree в несколько строчек кода

Преимущества библиотеки UI Webix

Понятная логика

Используя Webix JS фреймворк, вы получаете элегантный и легкий код, основанный на принципах объектно-ориентированного программирования.

Интеграция с другими JavaScript фреймворками и библиотеками

Создавайте проекты с JavaScript библиотекой jQuery, MVC фреймворками AngularJS, React, Vue.js, Backbone.js, и сторонними UI компонентами.

Быстрая работа с большими данными

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

Поддержка различных платформ и браузеров

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

Чистый JavaScript

Полностью клиентское решение для дашбордов с анимацией и интерактивностью благодаря мгновенному обновлению данных в HTML5 компонентах.

Общедоступность информации Web-страниц

HTML5 библиотека UI компонентов соответствует стандартам WAI-ARIA и обеспечивает поддержку общедоступности информации для тех, кто нуждается во вспомогательных технологиях.

Простая интеграция с серверной стороной

Все серверные технологии могут обмениваться данными с нашим JavaScript UI фреймворком, который включает готовые решения для интеграции с Java, PHP и .NET.

Неограниченная возможность модифицировать компоненты

Изменяйте доступные компоненты и создавайте новые — вы можете изменять все параметры компонентов без потери функциональности.

Пакеты и цены

Индивидуальная лицензия

Пакет для компании

Пакет для команды

Неограниченный пакет

$349 $2499 $3999 $9499
Один проект
Один разработчик
Один проект
Неограниченное число разработчиков
Неограниченное количество проектов
5 разработчиков Вы можете увеличить количество разработчиков за $499 за каждого
Неограниченное количество проектов
Неограниченное число разработчиков
Во все пакеты входит бессрочная коммерческая лицензия, а также обновления и техподдержка в течение года.
Для одного разработчика, работающего над одним проектом Для внутренних проектов одной компании или для одного коммерческого проекта Для компаний, которые занимаются разработкой решений для нескольких клиентов Для крупных компаний-разработчиков с большой командой и большим количеством проектов
Библиотека Webix Вы можете добавить комплексные виджеты к пакету на следующем шаге Библиотека Webix + 5 комплексных виджетов Комплексные виджеты:
Spreadsheet, Scheduler, Pivot, Kanban, File Manager
Библиотека Webix + 5 комплексных виджетов Комплексные виджеты:
Spreadsheet, Scheduler, Pivot, Kanban, File Manager
Библиотека Webix + 5 комплексных виджетов Комплексные виджеты:
Spreadsheet, Scheduler, Pivot, Kanban, File Manager
Базовая техподдержка
  • Время ответа - до 72 часов
  • 10 запросов
Стандартная техподдержка
  • Время ответа - до 48 часов
  • 30 запросов / 1й месяц без ограничений
Стандартная техподдержка
  • Время ответа - до 48 часов
  • 30 запросов / 1й месяц без ограничений
Приоритетная техподдержка
  • Время ответа - до 24 часов
  • Неограниченное количество запросов
  • 10 чатов в реальном времени
  • Срочное исправление ошибок
  • Аудит интеграции
Купить Купить Купить Купить

Примеры проектов, разработанных с помощью нашей JavaScript библиотеки графических компонентов

Юрий Ключ Разработчик Glasslink
Йохан Смит Глава SFM BV
Сергей Куницкий Инженер-программист

Myglasslink.no получила заказ на веб-приложение, позволяющее пользователям самостоятельно разрабатывать логотипы. Решение, разработанное с помощью Webix, позволяет конечным пользователям создавать логотипы в четыре этапа с помощью мастера и размещать заказы. Подробнее о создании проекта.

Ресурсы

  • UI library Библиотека графических интерфейсов

Результат

Result
Мы выбрали этот HTML5 фреймворк среди других библиотек благодаря широкому выбору UI контролов, регулярным обновлениям, отличной техподдержке, возможности дополнять компоненты и использовать сторонние библиотеки в разработке адаптивных графических интерфейсов.

XL Reporting - это a онлайн решение для составления финансовых отчетов и ведения бюджета, интегрированное с MS Excel. Подробнее о проекте.

Ресурсы

  • UI library Библиотека графических интерфейсов
  • Pivot
  • Spreadsheet
  • Sidebar
  • Node.js/Nginx

Результат

Result
Нас не перестают впечатлять функциональность и возможности этого JavaScript фреймворка, а также качество его API, работа команды Webix и регулярность релизов новых версий. В настоящее время наш проект в основном построен на этом легком JavaScript фреймворке и его разнообразных HTML5 UI дополнениях.

Новый дизайн интерфейса GanttPRO, веб-приложения для планирования проектов и контроля рабочего процесса. Подробнее о проекте.

Ресурсы

  • UI library Библиотека графических интерфейсов
  • Webix Jet

Результат

Result
Больше всего в этой JavaScript библиотеке нам понравилось безопасное и экономное по времени прототипирование. С Webix можно легко манипулировать блоками кода, по-другому комбинируя части приложения. В случае, если во время разработки нужно изменить дизайн приложения, можно легко и быстро поменять код под новый дизайн.

Бесплатные инструменты для эффективной веб-разработки

Webix Jet - это JavaScript микрофреймворк для сочетания и многократного использования компонентов (JS контролов) для создания лаконичного и элегантного кода.

Webix Jet Подробности

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

Code Snippet Открыть

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

Form Builder Открыть

Онлайн инструмент для разработки веб-дизайна, создания стилей пользовательских интерфейсов и работы с темами Material, Compact, Touch и т.д.

Skin Builder Открыть