利用 SpreadJS COVID-19 疫情数据动态显示（美国）

点击文件名下载附件
从JSON仪表板导入模板并刷新实例
最后一步：将template.js文件包含在我们的项目中，然后使用SpreadJS'fromJSON和refresh方法，从仪表板模板加载SpreadJS，然后刷新实例。

HTML标签中包含模板JSON文件template.js：
然后使用fromJSON和refresh方法从模板加载SpreadJS实例。这是一个代码片段：
步骤2：建立ComboBox储存格类型
创建一个下拉式ComboBox单元格类型，以选择最终用户要查看其信息的状态。创建组合框后，我们将单元格类型和默认值设置为单元格B1（0,1）：
步骤3：将URL数据设置为单元绑定数据源
现在，我们将看到应用于单元格B1的comboBox单元格类型。接下来，当用户从ComboBox中选择一个项目时，我们将创建一个自定义函数。

3.1将实例绑定到CellChanged事件
首先，我们必须使用更改时从ComboBox单元格类型返回的值来确定最终用户选择的状态。为此，我们必须首先设置将CellChanged事件绑定到SpreadJS实例，如下所示：

3.3获取并设置URL数据作​​为单元格绑定源
如果两个测试均按预期进行，那么您现在可以删除第3.1和3.2部分中包含的警报和控制台。接下来，将getJSON方法与步骤3.2中创建的URL结合使用，以从URL中的API获取JSON数据，然后将返回的数据设置为工作表单元绑定数据源，如下所示，标记为3.3：

在应用了所有步骤的代码逻辑并创建并应用了Runtime Designer模板之后，您的SpreadJS应用程序将使用随Designer一起添加的模板的单元格绑定路径来显示数据。

3.4修改SpreadJS视口
然后，我们将修改SpreadJS视口，以删除列和行标题，垂直和水平滚动条以及标签栏。通过将工作表选项colHeaderVisible和rowHeaderVisible设置为false，然后将工作簿选项showHorizo​​ntalScrollbar，showVerticalScrollbar和tabStripVisible设置为可完成此操作。


您已完成本教程，并且使用SpreadJS，可以使用运行时设计器创建模板，创建单元格类型，从URL设置数据源，使用事件加载数据以及修改SpreadJS视图端口。