我有一个页面,该页面首先应在左侧显示一个层列表,然后通过在右窗格中选择这些层之一,应会打开一个包含结果的新列表。通过选择这些结果之一,将打开一个包含信息的窗格。 我通过使用dijit stackcontroller和stackcontainer进行了尝试,并且工作正常。
<body class="claro esri">
<div data-dojo-type="dijit/layout/BorderContainer" data-dojo-props="design:'sidebar', gutters:true, liveSplitters:true" style="width:100%; height:100%;" id="borderContainerLyr">
<div id="left-layer" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'leading', splitter:true" style="width: 150px;">
<div id="scontroller-prog-layer" ></div>
</div>
<div id="right-layer" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'center', splitter:true">
<div data-dojo-type="dijit/layout/BorderContainer" data-dojo-props="gutters:true, liveSplitters:false" id="borderContainerTwo">
<div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'top', splitter:false, maxSize:30" id ="top">
<div id="navToolbar-layer" data-dojo-type="dijit/Toolbar">
<div id="cmdSelZoomLyr" data-dojo-type="dijit/form/Button" ><span class="tool-icon zoomsel" title="Vergrößern/Verkleinern auf gesamte Auswahl" alt="Vergrößern/Verkleinern auf gesamte Auswahl" ></span></div>
<div id="cmdSelPanLyr" data-dojo-type="dijit/form/Button" ><span class="tool-icon schwenken" title="Schwenken auf gesamte Auswahl" alt="Schwenken auf gesamte Auswahl" ></span></div>
</div>
</div>
<div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'center'" id="tab">
<div id="scontainer-prog-layer" style="width:100%; height:100%;">
<div data-dojo-type="dijit/layout/BorderContainer" data-dojo-props="design:'sidebar', gutters:true, liveSplitters:true" style="width:100%; height:100%;" id="borderContainerRes">
<div id="left-results" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'leading', splitter:true" style="width: 150px;">
<div id="scontroller-prog-results" ></div>
</div>
<div id="right-results" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'center', splitter:true">
<div data-dojo-type="dijit/layout/BorderContainer" data-dojo-props="gutters:true, liveSplitters:false" id="borderContainerThree">
<div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'top', splitter:false, maxSize:30" id ="topRes">
<div id="navToolbar-results" data-dojo-type="dijit/Toolbar">
<div id="cmdSelZoomRes" data-dojo-type="dijit/form/Button" ><span class="tool-icon zoomsel" title="Vergrößern/Verkleinern auf den gewählten Datensatz" alt="Vergrößern/Verkleinern auf den gewählten Datensatz" ></span></div>
<div id="cmdSelPanRes" data-dojo-type="dijit/form/Button" ><span class="tool-icon schwenken" title="Schwenken auf den gewählten Datensatz" alt="Schwenken auf den gewählten Datensatz" ></span></div>
</div>
</div>
<div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'center'" id="tabRes">
<div id="scontainer-prog-results" style="width:100%; height:100%;">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
但是显示结果列表存在问题。如果要显示所选图层的结果列表,则必须单击左侧列表(图层)中没有标题和widgetid="scontroller-prog-layer_borderContainerRes"
的第一项。控制器中的所有其他小部件看起来像widgetid="scontroller-prog-layer_dijit_layout_ContentPane_0"
。
不知道为什么将这个按钮添加为stackcontroller中的第一个孩子。有人知道把戏吗?