WEBIX BLOG

Ни для кого ни секрет, что чарт является удобным инструментом для систематизации информации и управления ей. Чарты способны представлять огромные объемы данных в простом схематичном виде. Библиотека Webix стремится следовать современным тенденциям и предлагает возможность интеграции с популярными чартами таких Javascript библиотек, как D3, Raphael and Sigma и JustGage. В то же время, у Webix есть коллекция собственных JavaScript графиков.

Инициализация чарта на странице

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

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

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

Возможность размещения текстового онлайн-редактора на странице, без сомнения, нужная и полезная вещь. Библиотека Webix предлагает простое решение этой задачи, требующее лишь нескольких строк кода.
В настоящее время Webix поддерживает такие популярные редакторы, как Mercury, NicEdit, Tinymce, CodeMirror и CKEditor.

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

Эта статья расскажет вам, как добавить популярные веб-карты, такие как Google, Nokia, OpenStreet и Yandex maps в приложение Webix, используя всего несколько строк кода.

Создание виджета карты

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

После загрузки необходимого файла с JS кодом, нужно подключить ссылку на него в тег вашего документа. Например, чтобы встроить в веб-страницу карту Google Map, необходимо скачать файл “googlemap.js” и подключить его с помощью строки кода ниже:

Мы рады сообщить о выпуске новой версии Webix 1.2, включающей значительные улучшения и важные дополнения. Версия 1.2 включает интеграцию с AngularJS, усовершенствование Backbone.js интеграции, исправление множества ошибок (более 50!!!), а также несколько необходимых улучшений API.

Каждый день миллионам сотрудников приходится анализировать сложные данные и создавать отчеты. Таблица Webix Pivot – прекрасное веб-решение для тех специалистов, которые работают с большими объемами данных.

В чем их польза

В HTML5 имеется множество способов размещения элементов на странице. Однако, во время создания веб-приложений, мы по-прежнему можем столкнуться с задачами, решить которые только с помощью чистого HTML и CSS невозможно. К примеру, существует проблема использования процентных и фиксированных значений в одной строке. Еще одна задача, не дающая покоя разработчикам, — это создание столбцов одной высоты. Довольно многообещающим решением таких проблем выглядит спецификация CSS Grid, однако, на данный момент она находится в стадии разработки и реализована только в Internet Explorer. Если же от лайаута (layout) вам нужно добиться большей гибкости прямо сейчас, вам помогут Webix Layouts.

Для чего это нужно

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

Например, если ваша страница расположенная на http://app.mydomain.com попытается загрузить данные с http://data.mydomain.com — загрузка данных не выполнится. Любой браузер блокирует такой тип загрузки данных из соображений безопасности. Более того, запрос к другому порту, например к http://app.mydomain.com:5000, будет также заблокирован. Два URL, указывающие на один и тот же домен, но на различные порты воспринимаются как URL, указывающие на различные домены.

Библиотека по большей части ориентирована для построения сложных клиентских приложений, но также может быть успешно использована для решения простых задач, например, для создания простого «ToDo» приложения. «ToDo» — это приложение, напоминающее «Hello World» для фреймворков. Это базовое приложение, показывающее основную функциональность библиотеки.

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

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

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

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

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

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