学AI代码笔记【011】号

导航：【导航】用AI学WPS代码笔记汇总
AI知识库:WPS知识库加入知识库
学习笔记整理：AI学WPS代码笔记【整理】
学习笔记查看：AI学WPS代码笔记【查看】
发帖：WPS多维表格 | WPS Office官方社区
WPS开放平台：API简介 | WPS开放平台

11.2025年08月23日星期六学AI代码笔记【011】号

主要内容

🔔

新建视图

新建视图 | WPS开放平台

表达式.Add(Type,Name)

const gridView = views.Add('Grid', '表格视图'); 
views.Add('Kanban', '看板视图');  
views.Add('Gallery', '画册视图');  
views.Add('Form', '表单视图');  
views.Add('Query', '查询视图');  
const ganttView = views.Add('Gantt', '甘特视图');

Application.Sheets(1).Views用于获取第一个工作表的视图集合。

views.Add(Type, Name)方法支持动态创建指定类型的视图，并返回对应的视图对象（如GridView或GanttView）。

gridView.RowHeight展示了如何访问特定视图对象的属性，这里输出的是网格视图的默认行高。

views.Add('Gantt', '甘特视图')最后还演示了如何创建甘特视图，并将其赋值给ganttView变量。

创建第二个数据表的视图，分别为表格视图A,画册视图B，查询视图C

代码详解

获取第二个数据表的视图集合

使用Application.Sheets(2).Views获取第二个数据表的视图集合。这里索引值2表示第二张数据表。

添加表格视图 A

调用views.Add('Grid', '表格视图 A')方法创建一个名为“表格视图 A”的网格视图。返回的gridViewA对象是GridView类型，可以访问其独有属性（如RowHeight）。

添加画册视图 B

调用views.Add('Gallery', '画册视图 B')方法创建一个名为“画册视图 B”的画册视图。

添加查询视图 C

调用views.Add('Query', '查询视图 C')方法创建一个名为“查询视图 C”的查询视图。

输出调试信息

使用console.log输出表格视图 A 的默认行高信息，以便确认视图创建成功。

只能隐藏一个

关键代码

官方

function main() {
  const views = Application.Sheets(1).Views;
  const gridView = views.Add('Grid', '表格视图');
  console.log(gridView.RowHeight);
  views.Add('Kanban', '看板视图');
  views.Add('Gallery', '画册视图');
  views.Add('Form', '表单视图');
  views.Add('Query', '查询视图');
  const ganttView = views.Add('Gantt', '甘特视图');
}
main()

注释版本

function main() {
  // 获取第一个工作表中的视图集合 Views   
const views = Application.Sheets(1).Views;
  // 使用 Add 方法添加一个类型为'Grid'（网格视图）且名称为'表格视图'的新视图，并将返回的 GridView 对象赋值给 gridView 变量   
const gridView = views.Add('Grid', '表格视图');
  // 输出 gridView 对象的 RowHeight 属性值到控制台。 RowHeight 表示网格视图的行高，是一个可读写属性，取值可以是'Short'、'Medium'、'Tall'或'ExtraTall'   
console.log(gridView.RowHeight);
  // 添加类型为'Kanban'（看板视图）且名称为'看板视图'的新视图   
views.Add('Kanban', '看板视图');
  // 添加类型为'Gallery'（画册视图）且名称为'画册视图'的新视图   
views.Add('Gallery', '画册视图');
  // 添加类型为'Form'（表单视图）且名称为'表单视图'的新视图   
views.Add('Form', '表单视图');
  // 添加类型为'Query'（查询视图）且名称为'查询视图'的新视图   
views.Add('Query', '查询视图');
  // 添加类型为'Gantt'（甘特视图）且名称为'甘特视图'的新视图，并将返回的 GanttView 对象赋值给 ganttView 变量   
const ganttView = views.Add('Gantt', '甘特视图');
}
main();

第二个表，创建第二个数据表的视图，分别为表格视图A,画册视图B，查询视图C

function main() {
  // 获取第二个工作表的视图集合
  const views = Application.Sheets(2).Views;
  // 添加类型为'Grid'（网格视图）且名称为'表格视图 A'的新视图
  const gridViewA = views.Add('Grid', '表格视图 A');
  console.log(`表格视图 A 的默认行高: ${gridViewA.RowHeight}`); // 输出行高信息
  // 添加类型为'Gallery'（画册视图）且名称为'画册视图 B'的新视图
  views.Add('Gallery', '画册视图 B');
  // 添加类型为'Query'（查询视图）且名称为'查询视图 C'的新视图
  views.Add('Query', '查询视图 C');
}
main();

代码优化，创建表格视图A的视图，但是只显示前面两个字段，其他的字段隐藏（错误）

function main() {
  // 获取第一个工作表的视图集合
  const views = Application.Sheets(1).Views;
  // 创建一个类型为'Grid'（网格视图）且名称为'表格视图 A'的新视图
  const gridViewA = views.Add('Grid', '表格视图 A');
  // 获取表格视图 A 中的所有字段集合
  const fields = gridViewA.Fields;
  // 遍历字段集合，设置字段的可见性
  for (let i = 1; i <= fields.Count; i++) {
    const field = fields.Item(i); // 获取第 i 个字段
    field.Visible = (i <= 2);     // 只显示前两个字段，其余字段隐藏
    field.Apply();               // 应用字段属性更改
  }
  console.log(`表格视图 A 已创建，仅显示前两个字段。`);
}
main();

优化（没成功）

function main() {
  // 获取第二个工作表的视图集合
  const views = Application.Sheets(2).Views;
  // 创建表格视图 A
  const gridViewA = views.Add('Grid', '表格视图 A');
  // 获取表格视图 A 中的所有字段集合
  const fields = gridViewA.Fields;
  // 遍历字段集合，设置字段的可见性
  for (let i = 1; i <= fields.Count; i++) {
    const field = fields.Item(i); // 获取第 i 个字段
    field.Visible = (i <= 2);     // 只显示前两个字段，其余字段隐藏
    // 不需要调用 Apply 方法，因为 Field 对象不支持 Apply
  }
  console.log(`表格视图 A 已创建，仅显示前两个字段。`);
}
main();

继续优化，只隐藏“数字”（成功了）

function main() {
  // 获取工作表对象（假设为第一个工作表）
  const sheet = Application.Sheets(1);
  // 创建表格视图 A
  const gridViewA = sheet.Views.Add('Grid', '表格视图 A');
  // 获取表格视图 A 中的所有字段集合
  const fields = gridViewA.Fields;
  // 遍历字段集合，隐藏名为“数字”的字段
  for (let i = 1; i <= fields.Count; i++) {
    const field = fields.Item(i); // 获取第 i 个字段
    if (field.Name === "数字") {   // 检查字段名称是否为“数字”
      field.Visible = false;      // 隐藏字段
    }
  }
  console.log("表格视图 A 已创建，'数字'字段已隐藏。");
}
main();

两个字段“日期”“数字”（没成功，只隐藏了一个）

function main() {
  // 获取工作表对象（假设为第一个工作表）
  const sheet = Application.Sheets(1);
  // 创建表格视图 A
  const gridViewA = sheet.Views.Add('Grid', '表格视图 A');
  // 获取表格视图 A 中的所有字段集合
  const fields = gridViewA.Fields;
  // 定义需要隐藏的字段名称
  const fieldsToHide = ["数字", "日期"];
  // 遍历字段集合，隐藏指定字段
  for (let i = 1; i <= fields.Count; i++) {
    const field = fields.Item(i); // 获取第 i 个字段
    if (fieldsToHide.includes(field.Name)) { // 检查字段名称是否在隐藏列表中
      field.Visible = false; // 隐藏字段
    }
  }
  console.log("表格视图 A 已创建，'数字'和'日期'字段已隐藏。");
}
main();

多维表代码使用案例库

【1】多维表代码使用案例库

WPS多维表格使用教程

2025-08-23 13:48:24 湖南省

2 +1