Получите скидку до 25% и создавайте веб-приложения с Webix 24 25 26 27 28 29 30 1 2 3 4 5 6 7

WEBIX BLOG

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. С него и начнем.

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

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

Новый генератор форм — Webix Form Builder

Одной из самых скучных задач в веб-разработке считается создание формы. Сегодня практически любое веб-приложение содержит по крайней мере одну форму. Процесс постоянного создания новых форм не особо воодушевляет. Поэтому мы создали генератор форм Form Builder.

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

Webix Form Builder Tool

Webix 1.10: Новая документация и совместимость с IE12

Настало время выпуска ежемесячного обновления Webix. В новой версии 1.10 нет каких-либо значительных нововведений. Она включает только исправления некоторых ошибок и небольшие обновления. Полный список изменений вы можете найти здесь.

updated webix documentation

Хотя мы не можем похвастаться множеством новых возможностей, у нас есть две важные новости.

Начиная с версии 1.10, Webix совместим с IE12. Несмотря на то, что данная версия IE еще не была выпущена, все виджеты Webix UI уже поддерживают ее.

Вторая новость состоит в том, что мы обновили документацию. У новой документации удобный мобильный дизайн, а также в ней больше статей и меньше опечаток. Мы надеемся, что вы оцените по достоинству стильный внешний вид, а также улучшенный интерфейс нашей документации.

Скачать последнюю версию Webix можно по этой ссылке.

Интеграция сайта на Struts и Webix c базой данных

Эта статья является последней частью руководства, в котором рассказывалось о разработке сайта с использованием библиотеки Webix UI и Java-фреймворка Struts 2. Если вы еще не знакомы с предыдущими частями руководства, то мы советуем вам прочитать о “Разработке базовой функциональности сайта” и о “Создании страниц и форм” с Webix и Struts 2.

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

Структура базы данных проста (она представлена на изображении ниже). Для хранения событий и докладов будем использовать две таблицы. Каждая запись в таблице speakers содержит идентификатор события event_id, к которому относится доклад.

webix and struts database

Создание страниц и форм сайта на Struts с помощью Webix

Эта статья является продолжением туториала, который рассказывает о том, как разрабатывать веб-сайт с WEBIX и Struts 2.

В этой части вы узнаете о том, как создать страницы «Предстоящие события» и «Контакты», а также о том, как добавить информацию о событиях и затем редактировать ее.

Страница с предстоящими событиями будет выглядеть следующим образом:

страница предстоящих событий

Webix 1.9: Горячие клавиши для элементов управления и другие улучшения UI

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

Горячие клавиши для элементов управления

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

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

Горячие клавиши для элементов управления

Разработка базовой функциональности сайта c Webix и Struts

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

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

Давайте рассмотрим пример того, как можно создать сайт для анонсирования предстоящих конференций по front-end разработке, используя Webix и Java-фреймворк Struts 2.

Вот что у вас должно получится в результате выполнения всех шагов данного туториала:

сайт, сделанный с Struts и Webix

1 2 3 4