Javascript 通过在Dojo mobile ViewController.openExternalView中动态更改打开相同外部视图的不同页面中的容器

我试图在不同页面中的不同容器上加载外部视图。集装箱可以装载货物。但是容器没有改变。这意味着，首先单击“Button1”，外部视图将显示在“container1”内。然后单击“按钮2”，将显示外部视图。但如果我查看源代码，它就在“container1”中

谁能建议我如何动态更改显示外部视图的容器

我正在使用

• dojo 1.9.3

下面是我正在尝试的片段

页面1.html

<div id="page1_container" data-dojo-type="dojox.mobile.View>
 <button id="btn1" onClick="loadExternalView('container1');" value="Button1"><br>
</div>
<div id="container1" data-dojo-type="dojox.mobile.View">
 <!-- An external view is loaded here when clicking the button above -->
</div>

vc.openExternalView（）只会在尚未加载视图的情况下加载视图，因为它是在第一次单击“Button1”时加载的，当您单击“Button 2”时，它不会在容器2中重新加载，这是一件好事，因为如果加载了视图，则会由于重复id而出现错误

<div id="page2_container" data-dojo-type="dojox.mobile.View>
 <button id="btn2" onClick="loadExternalView('container2');"><br>
</div>
<div id="container2" data-dojo-type="dojox.mobile.View">
 <!-- An external view is loaded here when clicking the button above -->
</div>

<div data-dojo-type="dojox.mobile.View" id="vExternalView">
 <div id="c" data-dojo-type="dojox.mobile.Container">
  <span>I'm from External View</span>
 </div>
</div>

function loadExternalView(container){
 var vc = dojox.mobile.ViewController.getInstance();
 vc.openExternalView({
  url:"externalView.html",
  transition:"slide"
 },dijit.registry.byId(container).containerNode);
}