Начало работы с Webix

Webix это кроссбраузерный фреймворк для разработки интерактивных кроссплатформенных web-приложений с использованием JavaScript, CSS и HTML технологий. Библиотека содержит более 100 полностью настраиваемых компонентов, умеет работать в тандеме с другими популярными JS фреймворками, а также с любой серверной средой.

Основной код

  • Создайте HTML документ и подключите необходимые ресурсы Webix:
<!DOCTYPE HTML>
<html>
 <head>
  <link rel="stylesheet" href="//cdn.webix.com/edge/webix.css" type="text/css"> 
  <script src="//cdn.webix.com/edge/webix.js" type="text/javascript"></script>  
 </head>
 <body>
   <script type="text/javascript" charset="utf-8">
     /* код приложения */
</script> </body> </html>
  • Опишите конфигурацию Webix UI:
webix.ui({
  rows:[
      { view:"template", type:"header", template:"My App!" },
      { view:"datatable", autoConfig:true, data:[ /*data array*/ ] }
  ]
});

Этого достаточно. Теперь откройте документ со своим мини-приложением в браузере.

Related sample:  Basic App

Руководства

Знакомство с Webix

Из этой статьи вы узнаете об основных принципах работы с библиотекой при создании web-приложений

Интерактивное обучение Webix

Создание простого приложения

В этом уроке вы создадите базовое приложение на Webix.
Основы Datatable

В этом уроке вы научитесь работать с DataTable, мощным Webix UI компонентом.
Работа с контролами в формах

Этот урок посвящён различным контролам в Webix формах, их возможностям и API.

Webix Visual Designer

Работа с Webix UI Designer

Из этой статьи вы узнаете о тонкостях работы с инструментом для прототипирования Webix UI.
Наверх