SharePoint Online现代页面：如何通过代码添加分区名称并设置可折叠

可以通过代码为SharePoint Online现代页面的分区添加名称并设置为可折叠状态，下面是修正后的完整实现代码和关键说明：

修正后的代码 #

const page = await sp.web.addClientsidePage(name, "Name");

// 禁用页面评论
page.commentsDisabled = true;
// 设置页面布局为无图片样式
page.layoutType = "NoImage";

const htmlInfo = "Hello!";
// 添加新分区
const section1 = page.addSection();
// 为分区添加12列宽度的列
const column = section1.addColumn(12);
// 在列中添加文本控件
column.addControl(new ClientsideText(htmlInfo));

// 配置分区的名称和可折叠状态
section1.properties = {
  "data-sp-section-title": "我的可折叠分区", // 设置分区显示名称
  "data-sp-section-is-collapsible": true, // 开启分区的可折叠能力
  "data-sp-section-collapsed": true // 设置初始状态为折叠（false则为展开）
};

await page.save();

关键说明 #

• 先修正了你原代码中的语法错误：const htmlInfo "Hello!" 需改为 const htmlInfo = "Hello!"
• 通过操作分区的properties属性，设置三个核心参数来实现需求：
  • data-sp-section-title：定义分区顶部显示的名称
  • data-sp-section-is-collapsible：标记该分区支持折叠功能
  • data-sp-section-collapsed：控制分区初始加载时的状态（true为折叠，false为展开）

内容的提问来源于stack exchange，提问作者Diana Chira