WEBIX JAVASCRIPT LIBRARY BLOG

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

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

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

Sidebar vs. Sidemenu. Выбери свой способ навигации

Всем привет! Давайте сегодня рассмотрим, какие решения предлагает Webix, чтобы сделать навигацию в приложении действительно удобной. Могу поспорить, что мы найдем что-то действительно стоящее! С самых первых дней своего существования библиотека предоставляет пользователям стандартное Меню, которое позволяет размещать элементы горизонтально или вертикально (и это слишком просто). Недавно разработчики библиотеки пошли дальше и создали два симпатичных виджета — Sidebar и Sidemenu, которые призваны сделать навигацию удобной для пользователей.

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

Чтобы инициализировать Sidebar, достаточно вот такого простого кода:

webix.ui({
      view: "sidebar",
      data: [
           {id: "dashboard", icon: "dashboard", value: "Dashboards",  data:[
               { id: "dashboard1", value: "Dashboard 1"},
               { id: "dashboard2", value: "Dashboard 2"}
        ]},
         ...
        ]
});

В результате, вы получите вот такой виджет:

sidebar

 

Демо

Оскар для ДиКаприо — Визуальный дизайнер для Вас!

Всем привет!

За окном последний месяц зимы, а до крупнейшей церемонии Оскар осталось всего 25 дней.

Мы не могли пройти мимо такого события. И если вы также, как и мы, верите и надеетесь, что именно ДиКаприо, а вовсе не медведь, возьмет заветную статуэтку, то смело ставьте “лайк” и делитесь постом с друзьями.

Визуальный дизайнер

 

В конце месяца, в случае, если это талантливый актер победит, все участники получат годовой доступ к Pro Версии нашего Визуального дизайнера, выпуск которого запланирован как раз на конец февраля — а у нас есть, что показать!

Счастливых Праздников!

Всем теплый предпраздничный привет!

Кому-то сейчас не хватает снега и ящика мандаринов, но у многих уже украшена елка и готов новый рецепт оливье. Мы надеемся, что уходящий год был для вас таким же продуктивным, как и для нас. В Новом году желаем вам чаще улыбаться, иметь хороший аппетит и цветущий вид. Ведь лучшее всегда впереди.

Webix скидки

 

В связи с новогодними праздниками с 24 декабря по 8 января мы предоставляем 30% скидку на приобретение Пакета для разработчика. И если для близких подарки уже куплены, то почему бы не порадовать и себя? 🙂 

С наступающим Рождеством и Новым годом!

Волшебных всем праздников.

Ура!

Новый инструмент для Webix Scheduler

Работая над нашими ключевыми инструментами, мы не забываем и об отдельных виджетах, таких как Scheduler.

Совсем недавно мы выпустили инструмент, который упрощает серверную интеграцию  Webix Scheduler-а. Он позволяет серверному коду извлекать информацию о повторяющиеся событиях. ( Эта тривиальная операция для обычных событий, но для получения информации о конкретных датах повторяющегося события надо провести некоторые нетривиальные преобразования )

Scheduler

 

Установить инструмент можно через NPM. Для этого достаточно выполнить следующую команду:

npm install scheduler-helper

Import/Export в Webix 3.0

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

Как экспортировать данные из веб-приложения

Очень легко. С Webix 3.0 у вас есть две мощные команды для экспорта:

webix.toPNG($$("chart"))
webix.toExcel($$("datatable"));

export to png

Эти функции позволяют экспортировать Webix компонент в PNG или Excel файл. В случае экспорта в PNG вы можете использовать API не только с Webix компонентами, но и с любым HTML контентом.

// export the whole page to an image
webix.toPNG(document.body);

1 2 3 4 5