XLSX: Работа со строками ячеек на странице XLSX-документа

В этом разделе

UI-контрол WebSpreadsheetEditorControlJS позволяет работать (добавлять, удалять, копировать, вырезать, вставлять, очищать, изменять размер, скрывать/показывать) со строками ячеек на листе XLSX-документа в веб-браузере.
Строки ячеек можно изменять с помощью мыши/клавиатуры или программным способом.

Добавление новой строки ячеек на лист XLSX-документа.

Если вы хотите добавить новую строку ячеек на лист XLSX-документа с помощью мыши, выполните следующие действия:

Щёлкните правой кнопкой мыши по заголовку строки, рядом с которой вы хотите вставить новую строку. Откроется контекстное меню. В контекстном меню выберите пункт "Insert rows" - новая строка ячеек будет добавлена на лист.

Вот JavaScript код, который демонстрирует, как добавить строку ячеек на лист XLSX-документа:

JavaScript

// _spreadsheetDocumentEditorControl is an instance of WebSpreadsheetDocumentEditorControlJS class

// get spreadsheet editor
var spreadsheetEditorControl = _spreadsheetDocumentEditorControl.get_SpreadsheetEditorControl();

// select the entire cell row "2"
spreadsheetEditorControl.setFocusedAndSelectedCells("2:2");

// insert new cell row before row "2"
spreadsheetEditorControl.insertRows();

Удаление строки ячеек с листа XLSX-документа.

Если вы хотите удалить строку ячеек с листа XLSX-документа с помощью мыши, выполните следующие действия:

Щёлкните правой кнопкой мыши по заголовку строки, которую вы хотите удалить. Откроется контекстное меню. В контекстном меню выберите пункт "Delete rows" - строка ячеек будет удалена.

Вот JavaScript код, который демонстрирует, как удалить строку ячеек с листа XLSX-документа:

JavaScript

// _spreadsheetDocumentEditorControl is an instance of WebSpreadsheetDocumentEditorControlJS class

// get spreadsheet editor
var spreadsheetEditorControl = _spreadsheetDocumentEditorControl.get_SpreadsheetEditorControl();

// select the entire cell row "2"
spreadsheetEditorControl.setFocusedAndSelectedCells("2:2");

// delete the selected rows
spreadsheetEditorControl.removeRows();

Копирование и вставка строки ячеек на листе XLSX-документа.

Если вы хотите скопировать и вставить строку ячеек на листе XLSX-документа с помощью мыши, выполните следующие действия:

Щёлкните правой кнопкой мыши по заголовку строки, которую вы хотите скопировать. Откроется контекстное меню. В контекстном меню выберите пункт "Copy" - строка ячеек будет выбрана для копирования.
Щёлкните правой кнопкой мыши по заголовку строки, рядом с которой вы хотите вставить скопированную строку. Откроется контекстное меню. В контекстном меню выберите пункт "Paste" - строка ячеек будет вставлена.

Вот JavaScript код, который демонстрирует, как скопировать и вставить строку ячеек на листе XLSX-документа:

JavaScript

// _spreadsheetDocumentEditorControl is an instance of WebSpreadsheetDocumentEditorControlJS class

// get spreadsheet editor
var spreadsheetEditorControl = _spreadsheetDocumentEditorControl.get_SpreadsheetEditorControl();

// select the entire cell row "2"
spreadsheetEditorControl.setFocusedAndSelectedCells("2:2");

// copy the selected cell row
spreadsheetEditorControl.doCopy();

// select the entire cell row "4"
spreadsheetEditorControl.setFocusedAndSelectedCells("4:4");

// copy the content of row "2" into row "4"
spreadsheetEditorControl.doPaste(false);

Вырезание и вставка строки ячеек на листе XLSX-документа.

Если вы хотите вырезать и вставить строку ячеек на листе XLSX-документа с помощью мыши, выполните следующие действия:

Щёлкните правой кнопкой мыши по заголовку строки, которую вы хотите вырезать. Откроется контекстное меню. В контекстном меню выберите пункт "Cut" - строка ячеек будет выбрана для вырезания.
Щёлкните правой кнопкой мыши по заголовку строки, рядом с которой вы хотите вставить вырезанную строку. Откроется контекстное меню. В контекстном меню выберите пункт "Paste" - строка ячеек будет вставлена.

Вот JavaScript код, который демонстрирует, как вырезать и вставить строку ячеек на листе XLSX-документа:

JavaScript

// _spreadsheetDocumentEditorControl is an instance of WebSpreadsheetDocumentEditorControlJS class

// get spreadsheet editor
var spreadsheetEditorControl = _spreadsheetDocumentEditorControl.get_SpreadsheetEditorControl();

// select the entire cell row "2"
spreadsheetEditorControl.setFocusedAndSelectedCells("2:2");

// cut the selected cell row
spreadsheetEditorControl.doCut();

// select the entire cell row "4"
spreadsheetEditorControl.setFocusedAndSelectedCells("4:4");

// paste the content of row "2" into row "4"
spreadsheetEditorControl.doPaste(false);

Очистка содержимого строки ячеек на листе XLSX-документа.

Если вы хотите очистить содержимое строки ячеек на листе XLSX-документа с помощью мыши, выполните следующие действия:

Щёлкните правой кнопкой мыши по заголовку строки, содержимое которой вы хотите очистить. Откроется контекстное меню. В контекстном меню выберите пункт "Clear Contents" - содержимое строки ячеек будет очищено.

Вот JavaScript код, который демонстрирует, как очистить содержимое строки ячеек на листе XLSX-документа:

JavaScript

// _spreadsheetDocumentEditorControl is an instance of WebSpreadsheetDocumentEditorControlJS class

// get spreadsheet editor
var spreadsheetEditorControl = _spreadsheetDocumentEditorControl.get_SpreadsheetEditorControl();

// select the entire cell row "2"
spreadsheetEditorControl.setFocusedAndSelectedCells("2:2");

// clear the content of selected row
spreadsheetEditorControl.clearCellsContent();

Автоматическое выравнивание строки ячеек по высоте на листе XLSX-документа.

Если вы хотите автоматически выровнить строку ячеек по высоте на листе XLSX-документа с помощью мыши, выполните следующие действия:

Щёлкните правой кнопкой мыши по заголовку строки, которую вы хотели бы выровнить по высоте. Откроется контекстное меню. В контекстном меню выберите пункт "AutoFit the row height" - строка ячеек будет автоматически выровнена по ширине.

Вот JavaScript код, который демонстрирует, как автоматически выровнить строку ячеек по высоте на листе XLSX-документа:

JavaScript

// _spreadsheetDocumentEditorControl is an instance of WebSpreadsheetDocumentEditorControlJS class

// get spreadsheet editor
var spreadsheetEditorControl = _spreadsheetDocumentEditorControl.get_SpreadsheetEditorControl();

// select the entire cell row "2"
spreadsheetEditorControl.setFocusedAndSelectedCells("2:2");

// autofit height of cell row
spreadsheetEditorControl.autoFitRowHeight();

Скрытие/отображение строки ячеек на листе XLSX-документа.

Если вы хотите скрыть/отобразить строку ячеек на листе XLSX-документа с помощью мыши, выполните следующие действия:

Чтобы скрыть строку ячеек: Щёлкните правой кнопкой мыши по заголовку строки, которую вы хотите скрыть. Откроется контекстное меню. В контекстном меню выберите пункт "Hide Rows" - строка ячеек будет скрыта.
Чтобы отобразить скрытую строку ячеек: Нажмите левую кнопку мыши и проведите по заголовкам предыдущей и следующей строк, чтобы выделить их. Затем нажмите правую кнопку мыши - откроется контекстное меню. В контекстном меню выберите пункт "Show Rows". Отобразится строка ячеек.

Вот JavaScript-код, который демонстрирует, как скрыть и показать строку ячеек на XLSX-листе:

JavaScript

// _spreadsheetDocumentEditorControl is an instance of WebSpreadsheetDocumentEditorControlJS class

// get spreadsheet editor
var spreadsheetEditorControl = _spreadsheetDocumentEditorControl.get_SpreadsheetEditorControl();

// select the entire cell rows "2", "3", "4", "5" and "6"
spreadsheetEditorControl.setFocusedAndSelectedCells("2:6");

// hide the selected cell rows
spreadsheetEditorControl.hideRows();

// select the entire cell rows "3" and "4"
spreadsheetEditorControl.setFocusedAndSelectedCells("3:4");

// show the selected cell rows
spreadsheetEditorControl.showRows();

Отправить отзыв