Работа со Страницами

Скрыть/показать хедеры и гриды

Скрыть хедеры

Хедеры столбцов и строк листа можно скрыть с помощью метода hideHeaders.

Передайте методу нужное состояние в качестве параметра:

// скрыть хедеры
$$("ssheet").hideHeaders(true);
// показать хедеры
$$("ssheet").hideHeaders(false);

Related sample:  Borders and Gridlines

Скрыть сетку

Чтобы скрыть сетку, используйте метод hideGridlines.

Метод принимает булев параметр state:

// скрыть сетку
$$("ssheet").hideBorders(true);
// показать сетку
$$("ssheet").hideBorders(false);

Related sample:  Borders and Gridlines

Добавить несколько листов

Чтобы добавить несколько листов в SpreadSheet, необходимо выполнить следующие условия:

1) включить нижнюю панель

Нижняя панель необходима для переключения между листами. Чтобы добавить панель, задайте свойству bottombar значение true.

2) добавьте нужное количество листов с их конфигурацией

Используйте конфигурацию sheets, в качестве значений укажите массив объектов добавляемого листа. Каждый объект содержит следующие свойства:

  • name - (string) имя листа
  • content - (object) объект с конфигурацией листа
    • data - (array) массив с данными листа. Каждый элемент массива данных задан как массив из трех элементов:
      • rowId
      • columnId
      • value
webix.ui({
    view:"spreadsheet",
    data:{
        sheets: [
            {
                name: "Tab 1",
                content:{
                    data:[
                        [1,1,"Page 1"]
                    ]
                }
            },
            {
                name: "Tab 2",
                content:{
                    data:[
                        [1,1,"Page 2"]
                    ]
                }
            },
            {
                name: "Tab 3",
                content:{
                    data:[
                        [1,1,"Page 3"]
                    ]
                }
            }
        ]
    },
    bottombar:true
});

Related sample:  Multiple sheets

Альтернативный вариант загрузки листов - это массив объектов с именами листов и содержимым:

webix.ui({
    view:"spreadsheet",
    data: [
        {
            name: "Tab 1",
            content:{ .. }
        },
        {
            name: "Tab 2",
            content:{ .. }
        },
        {
            name: "Tab 3",
            content:{ .. }
        }
    ],
    bottombar:true
});

Добавить новый лист

Чтобы добавить новый лист, используйте метод addSheet. В качестве параметра передайте свойство content:

$$("ssheet").addSheet(content);

Скопировать лист

Чтобы скопировать содержимое листа в другой лист, выполните два шага:

1) получите содержимое листа, который вы хотите скопировать с помощью метода serialize:

// получает содержимое активного листа
var content = $$("ssheet").serialize();

2) создайте новый лист, используя метод addSheet, и передайте полученное в предыдущем шаге содержимое в качестве параметра:

// копирует в новый лист
$$("ssheet").addSheet(content);

Получить данные листа

Вы можете получить доступ к данным любой ячейки Spreadsheet или диапазона ячеек с помощью SpreadSheet API. Для этого выполните следующие действия:

  • используйте метод getSheetData, чтобы сослаться на нужный лист. Передайте ID листа как параметр метода
  • затем вызовите один из этих методов:
    • getValue() - возвращает содержимое ячейки. Принимает в качестве параметров ID строки и столбца и возвращает value ячейки.
    • getRangeValue() - возвращает диапазон ячеек. Метод принимает строку со ссылкой на первую и последнюю ячейку в диапазоне и возвращает массив со значениями ячеек.
    • getRangeValue() - возвращает именованный диапазон ячеек. Метод принимает имя диапазона и возвращает массив со значениями ячеек.
// получает значение ячейки
$$("ssheet").getSheetData(sheet_name).getValue(1,1) => "Report"
 
// получает диапазон ячеек
$$("ssheet").getSheetData(sheet_name).getRangeValue("C6:D7") => [140,50,48,200]
 
// получает именованный диапазон
$$("ssheet").getSheetData(sheet_name).getRangeValue("AFTERDATA") => [140,50,48,200]
Наверх
If you have not checked yet, be sure to visit site of our main product Webix easy javascript framework and page of web based spreadsheet product.