如何使用dojo在不同的内容窗格中打开同一页面中的链接？

Question

我的网页左侧内容窗格中包含所有锚标记。当我点击链接时，它将导航到另一个网页。我希望目标网页应该在我的中心内容窗格中打开。

我已经开始DOJO了。请帮我解决这个问题。

                                      第1页                  // page1.jsp应该在本节中打开

Answer 1

注意：此示例仅适用于Dojo 1.8 +

假设你有类似的东西：

<div data-dojo-type="dijit/layout/ContentPane"> 
  <a href="/link1">show /link1 in targetPane</a>
  <a href="/link2">show /link2 in targetPane</a>
  ...
</div>
<div data-dojo-type="dijit/layout/ContentPane" id="targetPane"></div>

基本说明如下：

1）拦截主播上的click事件。

例如，您可以使用.menuLink类标记要用于定位内容窗格的锚点：

<a href="/link1" class="menuLink">show /link1 in targetPane</a>

...然后点击这些元素：

on(query('.menuLink'), 'click', function(e) {...})

2）处理事件

使用e.preventDefault();以便点击链接不会重新加载整个页面（如您当前的情况：）

而是指示窗格加载锚点的链接：

registry.byId('targetPane').set('href', e.target.getAttribute('href'));

示例

工作示例是here（因为我已经跳过了所有的Dojo样板）