WEBIX JAVASCRIPT LIBRARY BLOG

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

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

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

Новый генератор форм — 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 можно по этой ссылке.

Анонс Webix 2.0: Множественные поля ввода, расширенная локализация и не только

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

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

Множественные поля ввода

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

Множественные поля ввода 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.

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

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

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

1 32 33 34 35 36 41