如何在Model Driven App表单中隐藏表名与列唯一值

方案1：直接用JS修改DOM元素（快速实现） #

你之前是隐藏整个头部，其实可以只替换里面的文本内容，不用全藏。步骤如下：

• 把自定义JS函数绑定到表单的OnLoad事件
• 通过DOM选择器定位头部的标题和唯一值元素，替换成你要的内容

代码示例：

function customizeHeader(executionContext) {
    // 等页面渲染完再操作，避免找不到元素
    setTimeout(() => {
        // 先定位头部的标题和唯一值元素，用浏览器F12检查实际的class名（可能因环境略有不同）
        const headerTitle = document.querySelector(".entity-header .entity-title");
        const headerUniqueValue = document.querySelector(".entity-header .entity-unique-value");
        
        if (headerTitle) {
            // 替换默认表名，比如改成"候选人培训追踪"
            headerTitle.textContent = "候选人培训追踪";
        }
        if (headerUniqueValue) {
            // 从表单上下文拿字段值，替换唯一值展示内容
            const formContext = executionContext.getFormContext();
            const candidateName = formContext.getAttribute("fullname")?.getValue() || "未知候选人";
            const trainingName = formContext.getAttribute("trainingname")?.getValue() || "未指定培训";
            headerUniqueValue.textContent = `${candidateName} - ${trainingName}`;
        }
    }, 500); // 延迟时间可根据实际加载速度调整
}

注意：DOM选择器可能因为Dynamics版本或自定义主题变化，要自己用开发者工具确认一下元素的class。

方案2：用PCF自定义头部组件（官方推荐，更稳定） #

如果要长期维护，别用DOM操作，官方推荐用PCF组件自定义头部：

• 在Power Apps解决方案里新建PCF控件
• 开发组件时接收表单上下文，获取需要的字段值，渲染你要的头部内容
• 回到表单设计器，把默认的头部区域替换成这个自定义组件

这种方式不会因为DOM结构变动失效，符合Model Driven应用的开发规范。

方案3：隐藏默认元素+添加自定义Web资源 #

要是不想搞PCF，也可以分两步：

1. 用JS只隐藏默认的标题和唯一值，保留头部其他部分

function hideDefaultHeaderParts() {
    setTimeout(() => {
        const headerTitle = document.querySelector(".entity-header .entity-title");
        const headerUniqueValue = document.querySelector(".entity-header .entity-unique-value");
        if (headerTitle) headerTitle.style.display = "none";
        if (headerUniqueValue) headerUniqueValue.style.display = "none";
    }, 500);
}

2. 在表单的头部区域（或者合适的位置）添加HTML Web资源，写你要展示的自定义内容，再通过JS从表单上下文拿字段值动态更新。

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