实现纯前端表格控件的选择单元格

本文介绍了如何实现纯前端表格控件SpreadJS的选择单元格。

1.点击一个单元格并且拖动鼠标来选择一个区域。然后你将看到此区域被选

择。

2. 你可以调用 selectionBorderColor 和 selectionBackColor 方法改变选择区域的边框颜色与背景色, 示例代码如下:

var spread = $('#ss').data('workbook');

var sheet = spread.getActiveSheet();

sheet.options.selectionBorderColor = 'red';

sheet.options.selectionBackColor = 'transparent';

3. 你可以调用 selectionPolicy 和 selectionUnit 方法来设置用户如何选择项目。

SelectionPolicy 枚举提供三种选择模式:

?single: 允许用户仅选择单个项目

?range: 允许用户选择单个连续的范围, 但是不支持选择多个不连续的范围。

?muliRange: 允许用户选择单个连续的范围, 同时支持多个不连续范围选择。

SelectionUnit 枚举包含三种类型:

?cell: 表示最小选择单元是一个单元格。

?row: 表示最小选择单位是行。

?column: 表示最小选择单位是列。

你可以通过这两个方法来控制整个的选择模式。