Необходимо включить скрипты Webix и SpreadSheet, а также их файлы CSS в секцию <head> вашего проекта:
<script src="codebase/webix.js" type="text/javascript"></script>
<script src="codebase/spreadsheet.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="codebase/webix.css">
<link rel="stylesheet" type="text/css" href="codebase/spreadsheet.css">
Для того чтобы инициализировать SpreadSheet и загрузить в него данные, используйте следующий код:
// функция webix.ready() запускает выполнение кода после загрузки страницы
webix.ready(function(){
// объект конструктора
webix.ui({
view:"spreadsheet",
// загруженный объект данных
data: base_data
});
});
Существует три способа запустить пакетные примеры локально. Самый простой способ - перейти в корневую директорию, затем в папку samples и открыть необходимый пример двойным щелчком мыши. Пример откроется в новой вкладке браузера.
Как запустить примеры на локальном сервере
Вы можете использовать любой локальный сервер (напр., Apache). Укажите папку Spreadsheet как корневую директорию локального сервера и запустите его. Обычно локальный сервер доступен по localhost.
Как запустить примеры на дев сервере
Чтобы менять код в примерах и видеть соответствующие изменения, вам необходимо запустить дев сервер. Перейдите в корневую папку Spreadsheet, установите необходимые зависимости и запустите дев сервер:
// переходим в корневую папку
cd spreadsheet
// устанавливаем зависимости
yarn install //или npm install
// запускаем дев сервер
yarn server //или npm run server