English | Русский
Быстрый старт

Следующие простые шаги помогут вам создать мини-приложение с помощью 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">
        /* меcто для webix.ui */
        </script>
    </body>
</html>
webix.ui({
  /* UI config here */
});
webix.ui({
  rows:[
      { view:"template", 
        type:"header", template:"My App!" },
      { view:"datatable",
        autoConfig:true,
        editable:true,
        data:{
          title:"My Fair Lady", year:1964, votes:533848, rating:8.9, rank:5
        }
      }
  ]
});

Это всё. Чтобы увидеть готовое приложение, откройте HTML-страницу.

Чтобы попробовать свой вариант конфига, можно нажать на "Edit Code". Полный лист компонент и их пропертей можно глянуть в документации.

Пару советов

Что дальше

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

Demos

Вью и Лайауты

Базовые строительные блоки. Размещение компонент и их размеры.

Узнать больше
Forum Support

Формы и Контролы

Контролы от кнопки до календаря. Основы создания интерактивности.

Узнать больше
Documentation

DataTable (Грид)

Быстрый редактируемый грид со множеством полезных функций.

Узнать больше