如何用JS实现Dynamics 365中<a>标签式页面跳转效果？

API 探路者

2026-6-28

实现Dynamics 365内置网格式的无重载跳转

要实现和内置网格标签一致的跳转体验，核心是模拟Dynamics 365前端框架识别的导航链接属性，让框架以单页应用的方式处理导航，避免全页重载和记录集选项丢失。以下是具体实现方法：

方法：创建匹配内置网格属性的虚拟 标签并触发点击

首先通过开发者工具查看内置网格中跳转标签的完整属性（比如data-navigate-to、特定class、自定义属性等），然后用JS创建完全匹配的标签并触发点击：

function navigateWithGridBehavior(targetUrl) {
    // 创建虚拟<a>元素
    const navLink = document.createElement('a');
    
    // 复制内置网格链接的核心属性（根据实际检查结果调整）
    navLink.href = targetUrl;
    navLink.setAttribute('data-navigate-to', targetUrl);
    navLink.classList.add('ms-nav-link', 'ms-dynamic-link'); // 替换为你看到的实际class
    navLink.setAttribute('data-id', 'grid-navigation-link'); // 如果内置标签有此属性则添加
    
    // 将元素临时加入DOM（部分浏览器要求元素在DOM中才能触发点击事件）
    document.body.appendChild(navLink);
    
    // 触发原生点击事件
    navLink.click();
    
    // 清理DOM，移除临时元素
    document.body.removeChild(navLink);
}