一页中有两个stackcontainer

时间:2018-08-01 06:15:47

标签: javascript dojo dijit.layout

我有一个页面,该页面首先应在左侧显示一个层列表,然后通过在右窗格中选择这些层之一,应会打开一个包含结果的新列表。通过选择这些结果之一,将打开一个包含信息的窗格。 我通过使用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中的第一个孩子。有人知道把戏吗?

0 个答案:

没有答案