JavaScript UI библиотека,
Подробнее о
Webix
Webix
Совершенное решение в одном комплекте
Виджеты для конкретных задач
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 виджеты
Начните разрабатывать по-настоящему интерактивные приложения
Создайте 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.
Неограниченная возможность модифицировать компоненты
Изменяйте доступные компоненты и создавайте новые — вы можете изменять все параметры компонентов без потери функциональности.
Создавайте красивые графические интерфейсы с помощью JS библиотеки
Пакеты и цены
|
Индивидуальная лицензия |
Пакет для компании |
Пакет для команды |
Неограниченный пакет |
|---|---|---|---|
| $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 |
Базовая техподдержка
|
Стандартная техподдержка
|
Стандартная техподдержка
|
Приоритетная техподдержка
|
| Купить | Купить | Купить | Купить |
Примеры проектов, разработанных с помощью нашей JavaScript библиотеки графических компонентов
Myglasslink.no получила заказ на веб-приложение, позволяющее пользователям самостоятельно разрабатывать логотипы. Решение, разработанное с помощью Webix, позволяет конечным пользователям создавать логотипы в четыре этапа с помощью мастера и размещать заказы. Подробнее о создании проекта.
Ресурсы
Результат
Мы выбрали этот HTML5 фреймворк среди других библиотек благодаря широкому выбору UI контролов, регулярным обновлениям, отличной техподдержке, возможности дополнять компоненты и
использовать сторонние библиотеки в разработке адаптивных графических интерфейсов.
XL Reporting - это a онлайн решение для составления финансовых отчетов и ведения бюджета, интегрированное с MS Excel. Подробнее о проекте.
Ресурсы
Результат
Нас не перестают впечатлять функциональность и возможности этого JavaScript фреймворка, а также качество его API, работа команды Webix и регулярность релизов новых версий.
В настоящее время наш проект в основном построен на этом легком JavaScript фреймворке и его разнообразных HTML5 UI дополнениях.
Новый дизайн интерфейса GanttPRO, веб-приложения для планирования проектов и контроля рабочего процесса. Подробнее о проекте.
Ресурсы
Результат
Больше всего в этой JavaScript библиотеке нам понравилось безопасное и экономное по времени прототипирование. С Webix можно легко манипулировать блоками кода, по-другому комбинируя части приложения.
В случае, если во время разработки нужно изменить дизайн приложения, можно легко и быстро поменять код под новый дизайн.
Бесплатные инструменты для эффективной веб-разработки
Webix Jet - это JavaScript микрофреймворк для сочетания и многократного использования компонентов (JS контролов) для создания лаконичного и элегантного кода.
Подробности
Полезный инструмент для прототипирования JS дашбордов, удобного просмотра предварительного результата и показа примеров кода коллегами или заказчиками в соцсетях.
Открыть
Мощный онлайн инструмент для создания веб-форм в несколько кликов. Выберите поля и лэйаут и получите автоматически сгенерированный код формы.
Открыть
Онлайн инструмент для разработки веб-дизайна, создания стилей пользовательских интерфейсов и работы с темами Material, Compact, Touch и т.д.
Открыть
Кросс-платформенная разработка с библиотекой веб-компонентов Webix