WEBIX BLOG

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

В данной статье описываются самые значимые составляющие процесса разработки мобильных приложений. Чтобы рассмотреть их детально, создадим простое приложение “Список контактов”. Это стандартное приложение, которое позволяет пользователям создавать список контактов, находить нужные контакты и просматривать дополнительную информацию о них.

Загрузить полный исходный код готового приложения вы можете из репозитория на github. Смотрите также онлайн демо.

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

Улучшения в пользовательском интерфейсе

Добавлена возможность блокировать любое view. Обычно эта функциональность применяется для элементов управления формы, но она также может использоваться для всех Webix views. Например, вы можете блокировать часть layout, поля для ввода текста или дататейбл (datatable).

Еще совсем недавно функциональность drag-and-drop довольно редко использовалась в веб-приложениях. С появлением HTML5 нативный drag-and-drop стал популярным и легко доступным. Функциональность, которая ранее требовала много усилий при написании кода, теперь может быть добавлена с использованием всего нескольких строк HTML-кода. Разрабатывая библиотеку Webix, мы старались сохранить все функции и преимущества нативного drag-and-drop. В то же время,были добавлены новые возможности, которые будут полезными в разработке веб-приложений.

Drag-and-Drop компонентного уровня

В то время, как drag-and-drop в HTML5 фокусируется на HTML-элементе, drag-and-drop в Webix сконцентрирован на UI-компонентах. Например, попробуйте перетянуть элементы между Tree и DataTable в демо ниже:

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

Стандартный пакет Webix уже включает в себя JS файлы для интеграции с такими популярными решениями как Google Maps, FCK Editor, D3 charts и множество других. Однако, это всего лишь капля в море. Каждый день появляются новые JS библиотеки, и невозможно обеспечить поддержку всех их “из коробки”. Вместо этого, Webix позволяет создавать новую интеграцию для любой сторонней библиотеки, используя всего несколько строк. Давайте посмотрим, как это осуществляется.

Как вы знаете из предыдущей статьи, DataTable может вмещать в себя неограниченное количество строк. А как обстоят дела с колонками?

Пример выше показывает грид с 1000 столбцами. Да, это не миллион, но все же впечатляет, не правда ли?

Хороший UI должно быстро адаптироваться к количеству данных. Даже если сейчас мы грузим в грид (DataTable) всего сотню записей, нет гарантии, что эти 100 записей не превратятся в 10 000 через месяц, либо же в 100 000 через год. Чем более успешным является ваше приложение, тем больше вероятность того, что количество данных в нем будет расти. Это значит, что вам будет необходимо переделать ваше приложение, чтобы поддерживать эти большие объемы данных.

При разработке Webix DataTable мы справились с этой трудностью. Сейчас, используя Webix DataTable, нет необходимости обновлять код приложения в случае роста его данных от сотни до тысячи, а может быть, и до миллиона записей. Если вы не верите в существование такого компонента — изучите демо, расположенное ниже:

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

При своем небольшом размере (Webix весит около 90 кб в сжатом виде), библиотека невероятно быстро обрабатывает загружаемые вами данные.