2016-10-07 23 views
0

我试图在这个网络地图应用上使用ExpandoPane(使用ArcGIS Javascript API 3.17)。我试图将带有两个窗格的手风琴容器放到可折叠的expando窗格上。任何人都可以看到为什么expandopane失败(不是可折叠的窗格,不是在“正确的”区域,而是左上角)?实施dojox /布局/ ExpandoPane的问题

<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> 

是否有特定的进口?

回答

0

我需要有正确的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>