WPF中如何将单个实体添加至多个弹出窗口

可以实现，下面是针对你场景的具体方案：

核心实现思路 #

通过维护弹窗引用集合或跨窗口自定义事件，将扫描得到的姓名同步到所有已打开的培训弹窗中。

方案1：维护弹窗引用直接更新 #

1. 存储弹窗引用：打开弹窗时，把每个弹窗的引用存入全局数组

// 全局数组保存所有培训弹窗引用
const trainingPopups = [];

// 示例：打开3个不同培训类型的弹窗
trainingPopups.push(window.open('/training-safety', 'SafetyTraining', 'width=400,height=300'));
trainingPopups.push(window.open('/training-tech', 'TechTraining', 'width=400,height=300'));
trainingPopups.push(window.open('/training-management', 'ManagementTraining', 'width=400,height=300'));

2. 扫描后同步数据：获取姓名后遍历弹窗集合，调用弹窗内的更新方法

// 假设扫描条码后得到用户姓名
const scannedUserName = '张三';

// 遍历弹窗同步姓名
trainingPopups.forEach(popup => {
  // 跳过已关闭的弹窗，确保同源（跨域无法操作）
  if (!popup.closed && popup.setUserName) {
    popup.setUserName(scannedUserName);
  }
});

3. 弹窗页面接收数据：在每个培训弹窗里定义更新姓名的方法

// 弹窗页面的全局方法，用于接收并填充姓名
function setUserName(name) {
  document.getElementById('participant-name').value = name;
}

方案2：自定义事件跨窗口通信 #

如果不想依赖弹窗引用，可以用自定义事件实现解耦：

1. 主页面发送事件：扫描完成后向所有弹窗触发同步事件

const scannedUserName = '张三';

trainingPopups.forEach(popup => {
  if (!popup.closed) {
    popup.dispatchEvent(new CustomEvent('syncParticipant', { detail: scannedUserName }));
  }
});

2. 弹窗页面监听事件：每个弹窗监听自定义事件并更新UI

window.addEventListener('syncParticipant', (e) => {
  const userName = e.detail;
  document.getElementById('participant-name').value = userName;
});

关键注意点 #

• 所有弹窗必须和主页面同源（协议、域名、端口完全一致），否则浏览器同源策略会阻止跨窗口操作。
• 每次操作前检查弹窗是否关闭，避免抛出错误。
• 如果弹窗是页面内的模态框（而非独立浏览器窗口），可以直接通过选择器获取所有弹窗DOM，批量更新姓名：

document.querySelectorAll('.training-modal .name-input').forEach(input => {
  input.value = scannedUserName;
});

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