Создание SpreadSheet на Странице

Включение файлов

Необходимо включить скрипты 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
    });
});

Related sample:  Basic init

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

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

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

Вы можете использовать любой локальный сервер (напр., Apache). Укажите папку Spreadsheet как корневую директорию локального сервера и запустите его. Обычно локальный сервер доступен по localhost.

Как запустить примеры на дев сервере

Чтобы менять код в примерах и видеть соответствующие изменения, вам необходимо запустить дев сервер. Перейдите в корневую папку Spreadsheet, установите необходимые зависимости и запустите дев сервер:

// переходим в корневую папку
cd spreadsheet
 
// устанавливаем зависимости
yarn install //или npm install
 
// запускаем дев сервер
yarn server //или npm run server
Наверх
If you have not checked yet, be sure to visit site of our main product Webix widget library and page of javascript spreadsheet library product.