Document

#### 文章目录 * * [1. 代码基本结构](#1. 代码基本结构) * [2. 导出的excel 某单元格的值设置为下拉选择](#2. 导出的excel 某单元格的值设置为下拉选择) * [3. 如何把下拉选择项设置为动态](#3. 如何把下拉选择项设置为动态) * [4. 单元格设置校验、提示](#4. 单元格设置校验、提示) * [5. 在WPS上的设置](#5. 在WPS上的设置) ### 1. 代码基本结构 ```html Document ``` ### 2. 导出的excel 某单元格的值设置为下拉选择 > 在 `excel.js` 官方文档的，`数据验证` 文章中有详细说明 **验证类型** | 类型 | 描述 | |------------|--------------------------------------| | list | 定义一组离散的有效值。Excel 将在下拉菜单中提供这些内容，以便于输入 | | whole | 该值必须是整数 | | decimal | 该值必须是十进制数 | | textLength | 该值可以是文本，但长度是受控的 | | custom | 自定义公式控制有效值 | **运算符** > 对于` list` 或 `custom 以外的其他类型`，以下运算符会影响验证： | 运算符 | 描述 | |--------------------|--------------| | between | 值必须介于公式结果之间 | | notBetween | 值不能介于公式结果之间 | | equal | 值必须等于公式结果 | | notEqual | 值不能等于公式结果 | | greaterThan | 值必须大于公式结果 | | lessThan | 值必须小于公式结果 | | greaterThanOrEqual | 值必须大于或等于公式结果 | | lessThanOrEqual | 值必须小于或等于公式结果 | ```js worksheet.getCell(`A2`).dataValidation = { type: "list", // 单元格类型 allowBlank: true, // 是否可以为空 formulae: ['"One,Two,Three,Four"'], // 可选值 }; ``` ![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/c601e4c055ab498c9ea6b2051213469f.gif) > 现在这个样子就是这个单元格的`值是下拉选择` ### 3. 如何把下拉选择项设置为动态 > 一般这个下拉选择项的值，可能来源于`码表`，需要调接口查询，然后设置上去 ```js worksheet.getCell(`A2`).dataValidation = { type: "list", // 单元格类型 allowBlank: true, // 是否可以为空 // formulae: ['"One,Two,Three,Four"'], // 可选值 formulae: ['"' + ['小学', '中学', '大学', '研究生'].join(",") + '"'], }; ``` > 要注意他这个格式 `[' 逗号拼接的每一项 ']` `逗号拼接的每一项，左右两边还有加上双引号` ![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/407f704e143c472fb2ed0892e80e0919.png) ### 4. 单元格设置校验、提示 ```js worksheet.getCell(`A2`).dataValidation = { type: "list", // 单元格类型 allowBlank: true, // 是否可以为空 // formulae: ['"One,Two,Three,Four"'], // 可选值 formulae: ['"' + ['小学', '中学', '大学', '研究生'].join(",") + '"'], operator: 'equal', // 运算符 showErrorMessage: true, // 如若填错是否显示错误信息 errorStyle: 'error', // 错误类型 errorTitle: '提示', // 错误标题 error: '请选择下拉列表的项' }; ``` > 如若在单元格随便输入，就会出现这个提示 > ![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/2ceb583cd9574112a7fa9126a17890d7.png) > 设置单元格提示 ```js worksheet.getCell(`A2`).dataValidation = { type: "list", // 单元格类型 allowBlank: true, // 是否可以为空 // formulae: ['"One,Two,Three,Four"'], // 可选值 formulae: ['"' + ['小学', '中学', '大学', '研究生'].join(",") + '"'], operator: 'equal', // 运算符 showErrorMessage: true, // 如若填错是否显示错误信息 errorStyle: 'error', // 错误类型 errorTitle: '提示', // 错误标题 error: '请选择下拉列表的项', // 错误具体信息 showInputMessage: true, // 用户输入时，是否展示提示框 promptTitle: '输入提示',// 提示标题 prompt: '请点击，下箭头，选择项'// 提示具体信息 }; ``` ![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/04e74b8312bb4c0a865e92195aed11c8.png) ### 5. 在WPS上的设置 1. 点击有下拉选择的单元格 2. 点击数据 3. 点击有效性 4. ![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/8d94a0f8a6f6470abba132a47fda640f.png) ![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/7d1a4e4b21c2453fb8741e28962230e1.png) ![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/0d72aa23878b4490b20e1da34ebe9184.png) ![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/4bf1572276a84a54abb44a73dd90c352.png)