Установка Desktop

Чтобы начать работу с Desktop, необходимо:

Подключить необходимые CSS и JS файлы на страницу.
Вызвать конструктор объекта.

Необходимые файлы

Подключаем 4 файла:

<html>
 <head>
  <!-- библиотека Webix -->
  <script src="codebase/webix.js" type="text/javascript"></script>
  <link rel="stylesheet" href="codebase/webix.css" type="text/css">
 
  <!-- Desktop -->
  <script type="text/javascript" src="../../codebase/desktop.js"></script>
  <link rel="stylesheet" type="text/css" href="../../codebase/desktop.css" />
 </head>
 <body>
    <!-- конструктор Desktop -->
    <script>        function start(user) {
                webix.ready(function() {
                    if (webix.env.touch) webix.ui.fullScreen();
                    else if (webix.env.scrollSize) webix.CustomScroll.init();
                    desktop = webix.ui({
                        view: "desktop",
                        systemParams: user,
                        apps: myApps,
                    });
                });
            }
            login("someurl").then(start);
    </script>
 </body>
</html>

В следующем разделе мы рассмотрим другие способы создания Desktop на странице.

Как запустить пакетные примеры локально

Чтобы запустить пакетные примеры локально, вам нужно перейти в корневую директорию Desktop, установить необходимые зависимости и запустить дев сервер:

// переходим в корневую директорию
cd files
 
// устанавливаем зависимости
yarn install //or npm install
 
// запускаем сервер
yarn server //or npm run server

Наверх