SpreadJS 表格控件 - 历史版本

公式编辑器 / Formula Editor

在使用电子表格的过程中，如果碰到比较复杂的公式，除了阅读困难，无法理解公式函数的计算逻辑，在编辑时也会非常困难，很容易造成公式出错。

在新版本中，SpreadJS 增加了公式编辑器的工具，帮助用户解决以上的困难，如下图：

公式编辑器具备：

公式函数格式化

调整公式的缩进、间距、换行等，使公式更易读、易于维护。

灵活的大纲视图

允许在公式编辑器中折叠和展开公式视图。

语法高亮

通过突出显示公式中的不同语法元素，提升可读性和可用性。

Lint 选项

提供错误提示，如不正确的函数参数、括号不匹配等，以减少错误。

工具提示信息

当用户悬停或输入函数时，显示包含有关函数详细信息的工具提示。

主题定制

提供多个主题，并允许自定义现有主题以改变编辑器的外观。

    
CSS
// Define the color of the function token
.gc-formula-editor-token-function {
 color: blue;
}

// Define the color of the string token
.gc-formula-editor-token-const-string {
  color: red;
}

// Define the color, background-color, and font of the formula editor
.gc-formula-editor-content {
color: black;
background-color: white;
font: 16px, sans-serif;
}
    

 

手动计算模式 / Manual Calculation Options

新版本中，SpreadJS 会在依赖值（公式中引用的单元格、值或名称）发生变化时自动更新公式。

然而，如果你希望控制何时重新计算公式，而不是在引用单元格发生变化后立即进行计算，你可以将自动计算切换为手动计算。

SpreadJS API 中的 CalculationMode 枚举允许你设置自动或手动的计算选项。

当 CalculationMode 设置为 auto 时（默认模式），SpreadJS 会在每次引用的单元格发生改变时自动计算所有被修改的单元格。例如，在剪切粘贴或输入单元格时。

需要注意的是，SpreadJS 将修改过的单元格视为脏单元格，并且需要进行重新计算。

另一方面，当 CalculationMode 设置为手动（manual） 时，SpreadJS 仅在你明确请求时计算和更新公式。

这在你有一个包含许多复杂公式的大型工作表中，并且希望避免频繁的重新计算以提高性能和响应速度时非常有用。例如，在剪切或粘贴值时，SpreadJS 会重置公式和单元格的值，但不会重新计算任何公式。

注意：SpreadJS 在导出到 Excel 时支持 CalculationMode 选项。

以下代码示例展示了如何在初始化工作簿时设置手动计算选项。

    
JavaScript
// Switch to manual mode when initializing the workbook.
var spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"), {calculationMode: GC.Spread.Sheets.CalculationMode.manual});

// Or
spread.options.calculationMode = GC.Spread.Sheets.CalculationMode.manual;
    

一旦切换到手动计算模式，你需要使用 calculate（）方法手动更新工作表中的公式，该方法接受 CalculationType 枚举值作为参数。

CalculationType枚举指定计算类型，其可用成员如下所示：

注意：从 SpreadJS V16.0 Update2 版本开始，已弃用了 sheet.recalcAll() 方法来重新计算单元格中的公式。你可以使用 spread.calculate() 来替代。

 

其他更新和增强 / Other Enhancement

计算相关

SUMIFS 和 XLOOKUP 性能优化

在新版本中，针对高频率使用的 SUMIFS 和 XLOOKUP 进一步做了性能优化，在普遍场景下有 10% ～ 30% 的提升。

输入公式时的跨工作表引用支持

在 SpreadJS 中，用户可以通过键入“=”在单元格中输入公式。

通常，用户只能使用光标选择要在该公式中引用的单元格，只要它们位于同一张工作表上即可。

在新版本中，添加了在编辑单元格公式以引用其他工作表中的单元格时单击不同工作表选项卡的功能。

工作簿增强 / Workbook Enhancement

单元格支持默认值 / DefaultValue

新版本中，在单元格对象添加了一个新属性，允许设置单元格的默认值。这将对需要对填报表单设置默认值的场景提供方便，结合单元格掩码功能，将会为表格最终用户填写表单时提供极大的方便。

通常，当单元格中没有值时，单元格将显示空白，在新版本中，可以将任何值或公式设置为单元格的默认值。也可以使用简单的 API 获取和设置默认值：

    
JavaScript
// 使用 defaultValue 方法设置或获取单元格的默认值/公式
activeSheet.getCell(0, 0).defaultValue(20);
console.log("使用defaultValue方法获取单元格(0,0)的默认值：" + activeSheet.getCell(0, 0).defaultValue());

activeSheet.getCell(0, 1).defaultValue("=IF(A1>10, A1*3)");
console.log("使用defaultValue方法获取单元格(0,1)的默认值：" + activeSheet.getCell(0, 1).defaultValue());

// 使用 setDefaultValue 或 getDefaultValue 方法设置或获取单元格的默认值/公式
activeSheet.setDefaultValue(0, 0, 20);
activeSheet.setDefaultValue(1, 0, 40);
console.log("使用getDefaultValue方法获取单元格(0,0)的默认值：" + activeSheet.getDefaultValue(0, 0));
activeSheet.setDefaultValue(2, 0, "=SUM(A1,A2)");
console.log("使用getDefaultValue方法获取单元格(2,0)的默认值：" + activeSheet.getDefaultValue(2, 0));
    

请注意，当单元格为空并且已经设置了默认值时，以下条件适用：

• 只有该单元格的默认值或默认公式将包括在重新计算中，公式优先
• 在编辑模式下，单元格显示默认值或使用默认公式重新计算的值
• 导出到 Excel 时，默认值将导出为单元格值
• 用户可以更改单元格值，但不会覆盖默认值

默认值只能针对工作表中的视口区域进行设置，但无法为整行或整列设置默认值。

日期时间单元格类型增强 / DateTime cell type

单元格中的日期时间选择器下拉菜单允许用户设置日期和时间以在单元格中填充计算结果。

以下截图说明带有下拉指示器的单元格 C5 中的日期时间选择器下拉列表。

以下图片展示了使用日期时间选择器下拉菜单进行日期范围选择的情况。

Excel 样式复制优化

SpreadJS 中的复制样式已得到增强，可以匹配 Excel。

新版本中，SpreadJS 将为单元格生成命名样式并将它们添加到 HTML 剪贴板内容的顶部，而不是为每个单元格添加相同的样式定义，从而减少命令包的大小。

集算表增强 / TableSheet Enhancement

窗口聚合函数 / Window Formula

新版本中添加的 WINDOW 函数提供集算表中的数据分析。

这些函数可以在特定窗口（与当前行相关的一组表行）上执行聚合、排名和分析计算，并为每行生成结果。可以同时使用聚合值和非聚合值。这些新函数如下：

排名功能

• CUMEDIST - 返回累积分布值
• DENSERANK - 返回当前行在其分区内的排名，没有间隙
• ROWNUMBER - 返回分区内当前行的编号
• W_PERCENTRANK - 返回排名值的百分比
• W_RANK - 返回当前行在其分区内的排名（有间隙）

分析函数

• FIRSTVALUE - 返回窗口框架第一行的参数值
• LAG - 提供对指向当前行的给定物理偏移量的行中的值的访问
• LASTVALUE - 返回窗口框架最后一行的参数值
• LEAD - 提供对当前行之后给定物理偏移量的行中的值的访问
• NTHVALUE - 返回窗口框架第 N 行的参数值
• NTILE - 返回其分区内当前行的存储桶编号

Windows 函数实现的最佳示例是运行总计（running total）。

可以使用 Windows 函数创建某些数据的运行总计，并使用 PARTITIONBY 函数等来获取每年的运行总计或类似的内容：

设计器增强 / Designer Enhancement

设定默认活动选项卡 / Default Active Ribbon Tab

新版本中对设计器组件所做的一个增强是能够在功能区中设置默认的活动选项卡。

通过在配置中设置默认的活动选项卡，该特定选项卡将在加载 SpreadJS 设计器组件时打开。

    
JavaScript
// Use the activeRibbonTab method of the designer component to set the active ribbon tab.
var config = GC.Spread.Sheets.Designer.DefaultConfig;
var designer = new GC.Spread.Sheets.Designer.Designer(document.getElementById("designerHost"), config);
let currentActiveRibbonTab = designer.activeRibbonTab();
if (currentActiveRibbonTab !== "insert") {
    designer.activeRibbonTab("insert");
}
    

Excel 主题、颜色和字体

我们在设计器中添加了“主题”、“颜色”和“字体”按钮，使用户可以切换主题或颜色集以影响引用这些主题颜色的所有形状、图表和内置单元格样式。

Excel 文件密码

SpreadJS 支持使用密码打开和保存 Excel 文件，我们现在已将该功能添加到文件对话框中的 SpreadJS 设计器中。

名称管理器中的只读名称

在此版本中，现在可以在名称管理器中将名称设置为只读。这可以防止您的用户更改工作簿中的特定名称。

Angular 16 支持

SpreadJS 现在支持 Angular 16 用于我们的 Angular 包装器和设计器组件。

集算表（TableSheet）增强

SpreadJS 集算表（TableSheet）是一个具备数据绑定功能、公式计算能力的高性能数据表格，提供排序、筛选、样式、行列冻结、自动更新、单元格更新等能力。集算表在 V16.0 中获得了更多功能：

1、关系数据管理器（DataManager）中的层级数据

TableSheets 现在支持源数据中的层级结构数据。这包括四种不同类型的记录数据：

• 属性“id”和“parentId”

• 指示层级结构级别的属性

• 包含分层子集的属性

• 可以通过自定义函数解析为层级结构的，包含主键的数据

配置父子层次结构类型代码示例：

还添加了层级结构操作，使用户能够：

• 升级/降级记录
• 向上/向下移动记录
• 在之后/之前或之上/之下插入记录
• 删除一条记录
• 展开/折叠所有记录级别或特定级别
• 排序/过滤记录

2、关系数据管理器（DataManager）字段名称映射

关系数据管理器（DataManager）的数据源模式现在支持为列设置别名，允许数据源的前端和后端之间使用不同的名称。这可以通过在向 DataManager 添加视图时简单地设置“caption”属性来完成。如图：

 

设计器（Designer）增强

我们对 SpreadJS 的设计器组件进行了增强，包括本博客前面 TableSheet 部分的一些相应功能：

1、集算表（TableSheet）模板和面板增强

当集算表最初被添加到 SpreadJS 时，我们在设计器中添加了一个面板来管理 TableSheets。在 V16.0 中使用列列表中的关系数据时，可以进行折叠特定列的操作。此外，用户可以单击关系列以显示该特定列的详细信息。在工作簿中选择集算表时，此功能也适用于设计器右侧的集算表面板。其他功能包括分组和拖动字段。

2、集算表（TableSheet）层次结构数据

设计器中有关集算表（TableSheet） 的另一个增强，是在数据源的“列”选项卡中添加了对分层数据的支持。列现在有一个单独的“层次结构”部分，其中包含可以定义的类型、聚合公式和分组列：

这些选项可以按如下方式使用：

• 类型 - 定义为 Parent、ChildrenPath 或 Level
• 汇总公式 - 输入指定列的层级汇总公式
• 大纲列 - 自定义列的显示，指定是否包括复选框、图像或指示器

3、在选择区域中执行查找/替换

在大型工作表中搜索特定数据时，您可能只想搜索选中区域的单元格内容。在 V16.0 中，我们添加了对查找和替换功能的增强，支持了仅在选中区域的单元格中进行搜索。

4、格式面板

新的格式窗格按钮让用户可以快速打开形状、图片和图表的侧边栏。

 

计算增强

无效的公式输入行为和样式

SpreadJS 会自动识别无效的公式，并在用户尝试提交时显示错误。在 V15.0 及更早版本中，如果公式无效，输入的内容会被自动删除。在 V16.0 版本中，我们添加了对应的可选项，支持将输入错误的公式保留在单元格中以便用户修正，当我们设置 AllowInvalidFormula 选项设置为 true 时，输入的错误公式将被转换为文本并保留：

    spread.options.allowInvalidFormula = true;

设计器配置方法：

代码配置方法：

通过此增强功能，我们还添加了专门针对无效公式的单元格状态。这意味着您可以实现自动标记具有无效公式的单元格并将样式应用于这些特定单元格。

 

形状增强

1、类 Excel 的表单控件（Form Controls）

为了更轻松地在 SpreadJS 中创建您自己的表单，我们添加了一些基于 SpreadJS 形状的有用的类似 Excel 的表单控件。这些控件包括：

• 按钮（Buttons）
• 微调按钮（Spin Buttons）
• 列表框（List Boxes）
• 组合框（Combo Boxes）
• 复选框（Check Boxes）
• 选项按钮（Option Buttons）
• 分组框（Group Boxes）
• 标签（Labels）
• 滚动条（Scrollbars）

通过指定表示控件位置和大小的 addFormControl 方法的 left、top、width 和 height 参数，可以将这些控件放置在工作表中的任何位置。一旦设置了位置和大小并创建了控件，它就可以绑定到特定的单元格，例如上面屏幕截图中的年龄微调按钮。此外，还添加了一个名为 FormControlValueChanged 的新事件，以便在表单控件的值发生变化（UI 操作、API 调用或关联的单元格发生变化）时触发。

2、调整大小（Resizing）增强

开发人员现在可以限制或允许不同类型的形状调整大小。这些类型包括纵横比、水平和垂直调整大小，可以使用 API“allowResize”进行设置。

3、Shift+鼠标调整大小行为

当 allowResize 在工作表中设置为 true 时，可以在使用鼠标调整形状大小时按住 shift 键以保持形状的纵横比。

 

工作簿（Workbook）增强

我们对 SpreadJS 的工作簿功能做了一些增强：

1、复制/剪切取消事件

复制和剪切事件已得到增强以提供剪贴板的当前状态。这有助于在复制/剪切/粘贴过程的某些阶段实现特定功能，并向以下事件添加额外的参数：

• ClipboardChanging
• ClipboardPasting
• ClipboardPasted

2、单元格装饰样式

我们的样式实现已得到增强，包括单元格装饰。包括：

• 遮角样式
• 边角样式
• 图标（位置、图标和颜色）

3、数据验证（Data Validation）的自定义样式

数据验证可用于标记非法的单元格数据或防止输入特定数据。V16.0 可以为该验证设置样式，但对于此版本，我们添加了为数据验证设置自定义样式的功能。

4、在 EditEnding 和 EditEnded 事件中取消输入

EditEnding 和 EditEnded 事件发生在用户在单元格中输入或更改数据之后。在 V16.0 版本中，我们添加了一个取消参数，以便开发人员可以在需要时取消编辑。

工作簿（工作表）增强

1、新增 DataObject 单元格类型

在此版本中，添加了一种新的单元格类型，以帮助以 DataObject 单元格类型的形式呈现数据。 这意味着您可以拥有绑定到数据的特殊单元格，并且选择数据对象的不同属性非常容易。 当单元格值为对象且单元格类型设置为 DataObject 时，单元格按钮将自动添加到单元格中：

单击此按钮后，将打开一个下拉列表，如果单元格值是嵌套对象，则会有一个级联下拉列表：

当用户从该列表中选择一个项目时，所选项目的值将被提取并显示在右侧相邻的空单元格中：

2、切片器更新

当我们第一次在 SpreadJS 中实现切片器时，它们是使用 DOM 元素制作的。 在此版本中，我们增强了使用形状构建的切片器，使我们能够在不久的将来实现更易于使用的切片器功能，例如 Table Slicer Multi-Select 等。

3、表格切片器支持多选

使用此功能，用户可以在表格切片器中选择某些项目，而不仅仅是一个或所有项目。

4、选中区域内导航增强

此增强功能侧重于导航选定的单元格。以前，SpreadJS 会在选择多个单元格、输入数据然后按 Enter 移动到下一个单元格时取消选择。我们已对此进行了更改以匹配 Excel 行为，因此现在不会删除选择：

5、悬停状态支持在不同区域设置不同样式

以前，您可以为工作表中的单元格区域定义悬停样式，以便当用户悬停在该行上时，它会显示一个样式：

通过此增强功能，现在可以为多个范围设置不同的悬停样式：

6、InvalidOperation 事件增强

InvalidOperation 事件在用户执行特定的无效操作时触发，例如：

• 无效的工作表名称更改
• 更改数组公式的一部分
• 设置无效公式

此事件现在将针对更多无效的用户交互触发：

• 尝试输入锁定的单元格
• 双击锁定的单元格
• 切割锁定的单元格

图片形状增强与重构

SpreadJS 的图片功能目前支持很多特性，包括边框、背景颜色和拉伸。 在此版本中，我们添加了更多图片自定义选项，包括：

• Brightness
• Contrast
• Recolor
• Crop
• Transparency
• Geometry Types

除了这些新选项之外，我们还在 SpreadJS 设计器中添加了图片格式选项卡，因此您的用户可以使用 SpreadJS 设计器组件或您的开发人员使用 SpreadJS 设计器桌面应用程序来利用这些新选项。

计算引擎增强

1、跨文件引用增强

在 v15 的第一个服务包版本中添加了跨工作簿公式支持。 在此版本中，我们以 getExternalReferences 函数的新 includeItemDetail 参数的形式添加了有关源引用和目标引用的更多信息，它允许开发人员实际获取特定文件的特定目标行、列和源范围以了解 确切地说，特定引用来自哪些单元格。

2、新公式与函数（与 Excel 兼容）

文本操作相关

3 个新的文本操作功能包括：

• TEXTBEFORE - 返回分隔符之前的文本
• TEXTAFTER - 返回分隔符之后的文本
• TEXTSPLIT - 使用分隔符将文本分割成行或列

数组操纵相关

11 个新的数组操作函数包括：

• VSTACK - 垂直堆叠数组
• HSTACK - 水平堆叠数组

• TOROW - 将数组作为一行返回
• TOCOL - 将数组作为一列返回
• WRAP ROWS - 将行数组包装成二维数组
• WRAP COLS - 将列数组包装成二维数组

• TAKE - 从数组开始或结束返回行或列
• DROP - 从数组开始或结束删除行或列
• CHOOSEROWS - 从数组中返回指定的行
• CHOSECOLS - 从数组中返回指定的列
• EXPAND - 将数组扩展到指定的维度

3、关系数据显示，支持公式

新版本还实现了一个有助于显示对象关系值的公式。 例如，假设您有一个名为“Customer”的对象，它具有以下属性：

• Name
• ID
• CompanyName

您现在可以使用如下语法在单元格中引用这些单独的项目：

    
[code]
=[@customer.CompanyName]
[/code]
    

集算表增强

1、无需更新页面的数据更新

在我们最初的 TableSheet 实现中，需要刷新页面才能从连接的数据源更新 TableSheet。 在此版本中，可以通过 DataManager 表和视图级别的新 fetch 方法更新数据而无需刷新页面。 调用它将从数据源中获取数据并更新相关的 TableSheets。

2、获取修改信息

我们现在添加了一个 getChanges 方法来以编程方式获取 TableSheet 中已更改的项目。 这个新方法返回一个包含以下信息的对象数组：

• 更改类型 - 自动同步模式的更新或插入，沐浴模式的更新、插入或删除
• 数据项 - 当前行数据
• 旧数据项 - 原始行数据（可选）
• Index - TableSheet 视图索引

3、无数据场景下加载集算表

SpreadJS TableSheets 现在支持在不包含 TableSheet 数据的情况下保存模板，然后使用上述表格的 fetch 方法在不同的时间加载该数据。 这实质上让开发人员无需在最初指定数据的情况下创建 TableSheet，然后在稍后加载数据，例如当数据更改时。 这看起来像这样：

    
[code]
// 1. Invoke the Workbook's fromJSON method
spread.fromJSON(spreadJson);
 
// 2. Update table options
let myTable = spread.dataManager().tables["myTable"];
myTable.options = {
    remote: {
        read: function () {
            return Promise.resolve(dataSource);
        }
    }
};
 
// 3. Invoke the table's fetch then setDataView
myTable.fetch().then(function() {
    let myView = myTable.views["myView"];
    let sheet = spread.getActiveSheetTab();
    sheet.setDataView(myView);
});
[/code]
       
    

4、ComboBox/MultiColumn 单元格显示字典字段

SpreadJS TableSheets 中的查找列是在数据模式中标记为“查找”的列，用于支持跨列计算。 在此版本中，这些查找列可以根据数据架构自动更改单元格类型：

• 以数组形式查找列 - 组合框单元格类型
• 关系查找 - 多列列表
• 查找中的关系和列选项 - 具有指定列的多列

透视表支持对数据字段编辑

默认情况下，SpreadJS 中的数据透视表中的单元格无法编辑，只能编辑数据透视范围，就像 Excel 一样。 在此版本中，最终用户现在能够编辑数据透视表单元格值，然后更新和重新加载数据透视表的数据源以反映更改。 对于开发人员，这是通过一个名为的属性启用的。

前端框架新版本支持

SpreadJS 现在包括对最新版本的 React 18 和 Angular 14 的支持。

工作簿与工作表

1、跨工作簿公式函数支持

在此版本中添加的SpreadJS 最受欢迎的功能之一是支持跨工作簿公式。

这个新功能允许您的用户输入包含对其他 SpreadJS 工作簿中数据的引用的公式。 其他工作簿的文件名包含在公式中的方括号内：

2、形状支持引用单元格内容

在之前的 SpreadJS 版本中，我们为形状添加了在其中添加文本的功能。 我们在此版本中增强了此功能，现在包括在内容为形状时添加单元格引用的功能。

3、显示所有工作表列表

为了使 SpreadJS 中的多个工作表易于导航，我们在工作表选项卡栏中添加了一个“所有工作表”按钮，该按钮显示工作簿中所有工作表的下拉列表，以便于选择它们。

4、表格内的拖拽行为增强

SpreadJS 中的拖放功能已得到增强，可以插入行而不是覆盖现有行。 选择一行并拖动它时，将出现一条突出显示的行，表示拖动行的新位置：

5、支持工作表的“深度隐藏”设置

在新版本中，添加了一个新的隐藏状态，称为“深度隐藏”。这与标准“隐藏”状态的行为相同，只是无法通过 UI 执行隐藏和取消隐藏操作。此设置也支持对 Excel 兼容。

透视表

1、支持日期切片器

SpreadJS 数据透视表现在支持时间线切片器，这使您的用户能够方便地按特定日期切片数据。除了按日期过滤数据透视表外，您还可以使用时间线切片器通过强大的滑块控件按日期和/或时间。

2、显示无数据项目

默认情况下，数据透视表将仅显示包含数据的项目，当行或列在过滤时不可见时，这一点尤其明显。使用这个新的“显示没有数据的项目”选项，您可以启用数据透视表来显示这些空白值，即使它们没有任何数据。

公式函数

1、支持 “." 对象操作符

计算引擎现在支持使用“.” 作为运算符来检索对象的属性。 例如，如果单元格 A1 包含一个具有属性“productName”的对象，您可以使用此运算符来引用它：A1.productName。

表格编辑器

1、格式化符号本地化语言支持

我们添加的新设计器功能之一是对 CultureInfo 的增强。 这包括：

• 在 CultureInfo 类型中公开属性（id、名称、预定义格式）
• 支持在数字格式对话框中自定义文化相关功能
• 在我们的 GitHub 上发布的新文化信息包项目

2、Vue3 框架支持

已经在 SpreadJS 中支持 Vue3，并且在这个版本中，在编辑器组件中添加了 Vue3 支持。

接口与 API

1、按条件获取有效区域：GetUsedRange()

不少同时使用SpreadJS和GCExcel的客户，都会问为什么GCExcel中提供了getUsedRange()方法，可以很方便的获取当前使用区域，从而获取相关数据。而SpreadJS却没有这个API，导致获取数据需要根据行列总数依次获取，但实际上，很多单元格都是空白单元格，写起来比较麻烦。SpreadJS也是积极响应客户需求，在15.1.0中新增了工作表（Worksheet）级别上的getUsedRange()方法。getUsedRange()方法接收一个参数，根据这个参数，可以获取不同元素的使用区域，详细的参数枚举列表如下：

2、对区域直接设置样式

在之前的 SpreadJS 版本中，必须使用循环逐个单元格地设置样式和样式名称。 此版本通过在整个单元格范围上提供 setStyle 和 setStyleName API 消除了循环的需要，使代码更简单一些。

数据透视表增强 / PivotTable Enhancement

SpreadJS 的数据透视表增加了计算项的概念，该概念将原始的统计数据使用公式进行纵向计算得到结果，即增加一行计算得到的结果（相对应有一个“计算字段”的概念，会增加一列计算得到的结果）。

以下图为例，Raw Data 为原始的数据透视结果：

当增加计算项并进行单独分组后，可以看到在 Analysis Results 分组内，添加了三行计算项：Outstanding Orders 、Total Order和Order Proportion。

• Outstanding Orders：每个产品中尚未交付的订单总数（=OrderStatus[Canceled] + OrderStatus[Backorder] + OrderStatus[Pending]），即订单前三种未交付状态的总量
• Total Order：每个产品的所有订单总数（=OrderStatus['Outstanding Orders'] + OrderStatus[Shipped]"）即订单四种状态的总量
• Order Proportion：每种产品的未发货订单总数占订单总数的比例

除了计算项，SpreadJS 的数据透视表还支持切片器、行与列的数字格式以及筛选对话框的搜索功能，如下图所示：

（SpreadJS 支持切片器）

（SpreadJS 的行与列支持数字格式）

（SpreadJS 的筛选对话框支持搜索）

打印增强 / Print & Preview

在本次 SpreadJS 的新版本中，可以通过表格编辑器直接设置与打印相关的页面参数，如下图所示：

除了可设置相关参数，表格编辑器的打印预览页面也做了全新的设计：

除了上述功能，SpreadJS 还支持对首页、奇偶页进行不同的页眉页脚设置，如下图所示：

公式与函数 / Formula & Function

SpreadJS 新增了可编程的 LAMBDA表达式函数，该函数允许使用 Excel 自己的公式语言定义自定义函数。

语法如下：

    
=LAMBDA([parameter1, parameter2, …,] calculation)
    

其中，parameter1, parameter2 等参数是可选的，表示要传递给函数的值，例如单元格引用、字符串或数字；最多可以输入 253 个参数。

calculation 表示要执行并作为函数结果返回的公式，必须为最后一个参数，且必须返回一个结果。

使用该函数，可以直接在单元格中输入公式，如：

    
=LAMBDA(number,number+1)(1)
    

如下图，计算结果为2。

在此公式中，number 值即为 1，计算结果为” number+1“，即 “1+1”，所以最终结算结果为 2。

将上述 LAMBDA 函数添加到名称管理器，然后在单元格中使用：

    
spread.addCustomName("PlusOne", "LAMBDA(n, n + 1)", "");
sheet.setFormula(1, 0, 'PlusOne(1)'); // 计算结果为2
    

除了 LAMBDA 函数，SpreadJS 还引入了ASC 和 DBCS 函数。

ASC函数：对于双字节字符集 (DBCS) 语言，该函数将全角（双字节）字符转换成半角（单字节）字符。

DBCS函数：将字符串中的半角（单字节）字符转换为全角（双字节）字符，在日语和德语语言包中，此函数名称为 JIS。

工作簿与工作表 / Workbook & Worksheet

SpreadJS 新版本中支持对命名样式启用“启用”标志，如下方代码所示：

SpreadJS 还支持自定义格式中按颜色索引，如下图：

此外，关于计算公式的使用“细节”，SpreadJS 还增加了将加减号作为公式输入开始的功能，借助 FormulaTextBox 编辑器，可以帮助用户轻松编写公式。该编辑器支持以加号（+）开始写公式，这样 Excel 用户在使用中，不必改变他们原本的使用习惯。

这个功能将会对某些会计类的项目有很大的提升，这些用户的操作习惯是按下加号（+）再输入公式，因此他们可以不用改变自己在 Excel 的习惯去适应 SpreadJS。

界面与行为 / UI & Behavior

在 SpreadJS 新版本中，添加了“跨列居中”的对齐方式。

跨列居中的实现策略为：当一个范围被设置为“跨列居中”时，每个单元格将继续向右寻找对齐方式为“跨列居中”且值为空的连续单元格，最后将其内容放在所有单元格的中心。

同时，SpreadJS 还支持上下文菜单的滚动样式，当上下文菜单过多时，使用滚动样式来展示全部菜单项。

接口相关 / API

用户在做协同编辑的需求时，为了解决冲突等问题，需要在复制粘贴或剪切粘贴时对粘贴数据的来源进行判断，如判断当前粘贴对象是通过复制还是剪切操作获取、某些粘贴内容来自当前 sheet 还是来自同一个工作簿的其他 sheet 等，为此，SpreadJS V15.0 对复制粘贴功能进行了增强。

对 ClipboardPasted 和 ClipboardPasting 事件增加了三个参数：

• fromSheet //粘贴区域的源表
• fromRange //复制或剪切的数据区域的源区域
• isCutting //用来表示是否为剪切操作

表格编辑器相关 / Designer

SpreadJS V15.0 在表格编辑器中增加了分列功能，其操作和 Excel 一致：

此外，SpreadJS 还在表格编辑器中增加了“删除重复值”功能：

最后，SpreadJS V15.0 为了使表格编辑器的布局更加简洁易用，在 UX 上做了以下优化：

• 组标题字体缩小，空间调整：

• 将单元格类型和单元格下拉框合并到CellEditors(单元格编辑)菜单中，并将其移动到“样式”组：