跳到主要内容

初始化

本指南介绍如何在页面上创建 DHTMLX Spreadsheet，并将完整功能的工作表添加到您的应用程序中。请按照以下步骤获取一个可用的组件：

  1. 在页面上引入 DHTMLX Spreadsheet 源文件。
  2. 为 DHTMLX Spreadsheet 创建容器。
  3. 使用对象构造函数初始化 DHTMLX Spreadsheet。

引入源文件​

下载安装包并将其解压到项目的某个文件夹中。

要创建 DHTMLX Spreadsheet，您需要在页面上引入 2 个源文件：

  • spreadsheet.js
  • spreadsheet.css

请确保正确设置这些文件的相对路径：

index.html
<script type="text/javascript" src="codebase/spreadsheet.js"></script>  
<link rel="stylesheet" href="codebase/spreadsheet.css">

Spreadsheet 安装包的结构如下：

  • sources - 库的源代码文件；便于阅读，主要用于调试；
  • codebase - 库的混淆代码文件；体积更小，用于生产环境。当应用程序准备就绪后，请在应用中引入这些文件；
  • samples - 代码示例；
  • docs - 组件的完整文档。

创建容器​

为 Spreadsheet 添加一个容器并为其设置 id，例如 "spreadsheet"：

index.html
<div id="spreadsheet"></div>

初始化 DHTMLX Spreadsheet​

使用 dhx.Spreadsheet 对象构造函数初始化 DHTMLX Spreadsheet。构造函数接受两个参数：

index.js
// creating DHTMLX Spreadsheet
const spreadsheet = new dhx.Spreadsheet("spreadsheet", {
    // config options
});

配置属性​

请参阅可在 Spreadsheet 配置对象中指定的属性完整列表。

您可以在初始化时将配置选项作为构造函数的第二个参数进行设置：

Need more help?Contact Support