2016-04-13 90 views
1

我有这个简单的页面,应该显示一个bordercontainer与顶部,底部和中心区域。当你运行它时,内容会短暂出现,然后消失。 Firebug显示没有错误,我看不到任何代码错误。道场内容短暂出现,然后他们消失

谢谢。

<!DOCTYPE html> 
 
    <html> 
 
    <head> 
 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
 
    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"> 
 
    <link rel="stylesheet" href="http://js.arcgis.com/3.13/esri/css/esri.css" /> 
 
    <link rel="stylesheet" href="http://js.arcgis.com/3.13/dijit/themes/claro/claro.css"> 
 
\t <link rel="stylesheet" href="http://js.arcgis.com/3.13/dojox/grid/resources/Grid.css"> 
 
\t <link rel="stylesheet" href="http://js.arcgis.com/3.13/dojox/grid/resources/claroGrid.css"> 
 
    <script src="http://js.arcgis.com/3.13/"></script>  
 
    
 
    <script > 
 
    var dojoConfig = {  \t 
 
     parseOnLoad: true 
 
    } 
 
    
 
    require(
 
\t ['dijit/layout/BorderContainer', 'dijit/layout/ContentPane', 
 
\t "dojo/parser", 
 
\t "dojo/domReady!" ], \t \t 
 
\t function(BorderContainer, ContentPane, parser) { \t 
 
\t \t parser.parse(); 
 
\t }); 
 
    
 
    </script>    \t \t \t   
 
    </head> 
 

 
    <body class="claro" style="font-family: Verdana; font-size: 11px;">   \t \t 
 
\t <div data-dojo-type="dijit.layout.BorderContainer" data-dojo- props="design:'headline',gutters:false" style="width:100%; height:100%;">   \t 
 
    \t <div data-dojo-type="dijit.layout.ContentPane" data-dojo- props="region:'top'"> 
 
    \t \t top 
 
    \t </div> 
 

 
    \t <div data-dojo-type="dijit.layout.ContentPane" data-dojo- props="region:'bottom'"> 
 
    \t \t bottom 
 
    \t </div> 
 
    \t 
 
    \t <div data-dojo-type="dijit.layout.ContentPane" data-dojo- props="region:'center'"> 
 
    \t \t center 
 
    \t </div>  \t 
 
    \t </div>  \t \t  \t 
 
    </body> 
 

 

 
</html>

+1

关于它似乎工作的实际代码(在。至少当我们运行它的代码段时,它的工作原理)......也许在你的页面上有其他东西正在破坏它 – ben

+0

奇怪!我发布的代码与我正在运行的代码非常相似!谢谢 –

+0

我尝试过在Chrome和Firefox上运行... –

回答

1

我做了一些更多的研究。 在修复“data-dojo- props”中的无用空格并替换为“data-dojo-props”之后,会出现与您在问题中描述的行为相同的行为。

实际上,它看起来像是一个尺寸问题。

边框容器将取其父项的大小。但是,如果它没有得到它。它的大小将是0,因此一切都消失了。

您首先看到内容,因为边框容器尚未加载。 只要它被加载,内容就消失了。

在下面的代码片段,我强迫borderContainer的父(在这个例子中body标签)的大小由150px

的是300px你可以看到内容停留。

(注:我也改变了以斜杠符号点符号是老道场版本

<!DOCTYPE html> 
 
    <html> 
 
    <head> 
 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
 
    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"> 
 
    <link rel="stylesheet" href="http://js.arcgis.com/3.13/esri/css/esri.css" /> 
 
    <link rel="stylesheet" href="http://js.arcgis.com/3.13/dijit/themes/claro/claro.css"> 
 
\t <link rel="stylesheet" href="http://js.arcgis.com/3.13/dojox/grid/resources/Grid.css"> 
 
\t <link rel="stylesheet" href="http://js.arcgis.com/3.13/dojox/grid/resources/claroGrid.css"> 
 
    <script src="http://js.arcgis.com/3.13/"></script>  
 
    
 
    <script > 
 
    var dojoConfig = {  \t 
 
     parseOnLoad: true 
 
    } 
 
    
 
    require(
 
\t ['dijit/layout/BorderContainer', 'dijit/layout/ContentPane', 
 
\t "dojo/parser", 
 
\t "dojo/domReady!" ], \t \t 
 
\t function(BorderContainer, ContentPane, parser) { \t 
 
\t \t parser.parse(); 
 
\t }); 
 
    
 
    </script>    \t \t \t   
 
    </head> 
 

 
    <body class="claro" style="width:300px; height:150px" style="font-family: Verdana; font-size: 11px;">   \t \t 
 
\t <div data-dojo-type="dijit/layout/BorderContainer" data-dojo-props="design:'headline',gutters:false" style="width:100%; height:100%;">   \t 
 
    \t <div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'top'"> 
 
    \t \t top 
 
    \t </div> 
 

 
    \t <div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'bottom'"> 
 
    \t \t bottom 
 
    \t </div> 
 
    \t 
 
    \t <div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'center'"> 
 
    \t \t center 
 
    \t </div>  \t 
 
    \t </div>  \t \t  \t 
 
    </body> 
 

 

 
</html>

+0

谢谢ben。它工作完美。如果您有兴趣,我还有更多关于dojo发布的问题。 - 容易点赚 - 嘿:) –

+0

@PrefijoSustantivo高兴地帮助:)是旧的(已在stackoverflow)问题或新的? – ben

+0

这是困惑我的问题。感谢您的帮助。 http://stackoverflow.com/questions/36296023/dojo-chart2d-columns-plot-prevent-trailing-zeroes-after-values –

1

正如你可以看到如下screenShot-

我们能够看到的contentPane但它显示了内容的错误:

enter image description here

所以我猜猜这种奇怪的行为可能是由于这些窗格的内容而发生的。

尝试在其中添加内容,看看您是否得到相同的错误或在您的环境中修复。

+1

非常有用的程序。通过观察服务器响应,我相信事情会变得更容易,我总是对Dojo有很多麻烦。谢谢 –

+0

很高兴能帮到:) –

相关问题