days to give it a try before you buy! Download now. The best deals on licenses are coming soon Download now. The best deals on licenses are coming soon

WEBIX JAVASCRIPT LIBRARY BLOG

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

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

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

Чекбоксы в DataTable. Малоизвестные техники

Возможно, вы уже знаете, что внутри контрола DataTable могут быть не только текстовые данные, но и чекбоксы. Они используются как для отображения состояния данных, так и для редактирования.

Основные чекбоксы

Минимальный код для инициализации DataTable с чекбоксами выглядит следующим образом:

webix.ui({
  view:"datatable",
  columns:[
    { id:"status", header:"Is Active", width:80, css:"center",
        template:"{common.checkbox()}"},
    { id:"value", header:"Records", fillspace:1 },
  ],
  data: [
    { status:0, value:"Record A"},
    { status:1, value:"Record B"},
    { status:0, value:"Record C"}
  ]
});

Результатом работы данного кода является симпатичный JavaScript grid, представленный на картинке ниже. Строка “{common.checkbox()}” в темплейте преобразуется в чекбокс контрол.

Basic Webix Checkboxes

 

Демо

Webix CDN для создания быстрых веб-приложений

Отличные новости! Теперь необязательно скачивать пакет с сайта и распаковывать его, чтобы начать пользоваться библиотекой Webix. Вы можете подключить 2 файла Webix прямо из интернета, просто задав ссылки на CDN.

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

Webix использует CDN

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

File Manager — новый виджет для управления файлами

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

Сегодня мы рады представить вам новый Webix виджет, созданный для удобной организации ваших данных в интернете — File Manager. Это JavaScript и HTML5 компонент, который позволяет управлять иерархическими данными, а именно файлами и папками, в вашем приложении.

Webix File Manager виджет

Webix 2.2: Новые возможности виджетов и UI улучшения

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

Связывание данных

В версии Webix 2.2 появилась возможность связывания данных для таких компонентов, как Tree и TreeTable.

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

связывание данных для Tree

Например, когда вы выбираете элемент в виджете Tree, он будет источником данных для DataTable.

Webix Kanban Board — виджет для управления проектами

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

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

Kanban доска для вашего приложения

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

Чтобы скачать Webix Kanban Board, перейдите по этой ссылке.

1 31 32 33 34 35 42