SharePoint Online新建项表单中计算列不显示问题求助

这是SharePoint的默认行为：计算列的值由系统通过预设公式自动生成，不需要用户手动输入，所以新建/编辑表单只会展示需要用户填写的字段（Quantity和Unit Cost），计算列仅会在列表视图、项的显示详情页中展示最终计算结果。

如果想让用户在新建表单时就能实时看到计算后的金额，有两种可行方案：

方案1：用Power Apps自定义表单（推荐，无代码/低代码） #

• 打开目标SharePoint列表，点击顶部菜单栏的「集成」>「Power Apps」>「自定义表单」，进入Power Apps编辑器
• 在编辑器中找到对应Quantity和Unit Cost的输入控件（通常是DataCardValue开头的控件），添加一个标签控件
• 设置标签的Text属性为：Value(DataCardValue1.Text) * Value(DataCardValue2.Text)（注意替换成你实际的控件ID，比如DataCardValue1对应Quantity，DataCardValue2对应Unit Cost）
• 调整标签的样式和位置，保存并发布表单。之后用户打开新建表单时，输入数量和单位成本，就能实时看到计算结果。

方案2：自定义脚本（仅适合经典视图，需注意权限） #

如果你的列表使用经典视图，可以通过添加脚本编辑器实现实时计算：

1. 打开新建表单页面，点击「编辑页面」，添加「脚本编辑器」Web部件
2. 插入以下代码（需替换实际的输入框ID，可通过浏览器开发者工具查看元素ID）：

// 获取输入框元素
const qtyInput = document.getElementById('ctl00_ctl40_g_xxxx_ctl00_ctl04_ctl00_ctl00_ctl00_ctl04_ctl00_ctl00_TextField');
const costInput = document.getElementById('ctl00_ctl40_g_xxxx_ctl00_ctl04_ctl00_ctl00_ctl00_ctl05_ctl00_ctl00_CurrencyField');

// 创建显示结果的元素
const resultContainer = document.createElement('div');
resultContainer.style.padding = '10px 0';
resultContainer.innerHTML = '<strong>总计:</strong> <span id="totalResult"></span>';
costInput.parentNode.appendChild(resultContainer);

// 实时计算函数
function updateTotal() {
  const qty = parseFloat(qtyInput.value) || 0;
  const cost = parseFloat(costInput.value.replace(/[^0-9.]/g, '')) || 0;
  const total = qty * cost;
  document.getElementById('totalResult').textContent = total.toFixed(2);
}

// 监听输入变化
qtyInput.addEventListener('input', updateTotal);
costInput.addEventListener('input', updateTotal);

3. 保存页面，之后在新建表单输入内容时就会实时显示总计。

注意：现代SharePoint页面默认禁用自定义脚本，所以这种方法只适用于经典视图，优先推荐Power Apps方案。

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