实现dojox/layout/ExpandoPane的问题

Issues implementing dojox/layout/ExpandoPane

本文关键字:问题 ExpandoPane layout dojox 实现      更新时间:2023-09-26

我试图在这个web地图应用程序上实现一个ExpandoPane(使用ArcGIS Javascript API 3.17)。我试图把一个手风琴容器与两个窗格到一个可折叠的展开窗格。有人知道为什么扩展窗格失败(不是可折叠窗格,不是在"右"区域,而是在左上角)吗?

<div id="content"
       data-dojo-type="dijit/layout/BorderContainer"
       data-dojo-props="design:'headline', gutters:true"
       style="width: 100%; height: 100%; margin: 0;">
       <div id="rightPane"
           data-dojo-type="dojox/layout/ExpandoPane"
           data-dojo-props="region:'right',title:'Widgets',startExpanded:false">
          <div data-dojo-type="dijit/layout/AccordionContainer">
              <div data-dojo-type="dijit/layout/ContentPane" id="legendPane"
                   data-dojo-props="title:'Légende', selected:true">
                  <div id="legendDiv"></div>
              </div>
              <div data-dojo-type="dijit/layout/ContentPane"
                   data-dojo-props="title:'Pane 2'">
              </div>
          </div>
      </div>
      <div id="map"
           data-dojo-type="dijit/layout/ContentPane"
           data-dojo-props="region:'center'"
           style="overflow: hidden;width: 100%; height: 100%; margin: 0;">
      </div>
      <div id="search"></div>
  </div>

有什么特别的进口要做吗?

我需要包含适当的css和导入:

  <link rel="stylesheet" href="https://js.arcgis.com/3.18/dojox/layout/resources/ExpandoPane.css">

<script type="text/javascript">
   dojo.require("dojox.layout.ExpandoPane");
   </script>