版本1.7的道場佈局教程不適用於1.7.2

這是dojo1.7 layout acting screwy的延續。版本1.7的道場佈局教程不適用於1.7.2

因此，我製作了一些工作小部件並對它們進行了測試，然後嘗試使用教程http://dojotoolkit.org/documentation/tutorials/1.7/dijit_layout/來改變我的工作，以使佈局更好。在以許多有趣的方式失敗之後（我的最後一個問題），我開始了一條新的道路。我的計劃是現在執行佈局教程示例，然後粘貼在我的小部件中。由於某些原因，即使遵循教程不會工作...一切加載然後消失，我留下一個空白的瀏覽器窗口。

任何想法？

它只是讓我感到它可能是瀏覽器兼容性問題，我正在使用Firefox 13.0.1。據我所知道場應該是與此兼容...

無論如何，有一些代碼：

HTML：

<body class="claro"> 
<div 
     id="appLayout" class="demoLayout" 
     data-dojo-type="dijit.layout.BorderContainer" 
     data-dojo-props="design: 'headline'"> 
    <div 
      class="centerPanel" 
      data-dojo-type="dijit.layout.ContentPane" 
      data-dojo-props="region: 'center'"> 
     <div> 
      <h4>Group 1 Content</h4> 
      <p>stuff</p> 
     </div> 
     <div> 
      <h4>Group 2 Content</h4> 
     </div> 
     <div> 
      <h4>Group 3 Content</h4> 
     </div> 
    </div> 
    <div 
      class="edgePanel" 
      data-dojo-type="dijit.layout.ContentPane" 
      data-dojo-props="region: 'top'"> 
       Header content (top) 
    </div> 
    <div 
     id="leftCol" class="edgePanel" 
     data-dojo-type="dijit.layout.ContentPane" 
     data-dojo-props="region: 'left', splitter: true"> 
      Sidebar content (left) 
    </div> 
</div> 
</body>

道場配置：

var dojoConfig = { 
     baseUrl: "${request.static_url('mega:static/js')}", //this is in a mako template 
     tlmSiblingOfDojo: false, 
     packages: [ 
      { name: "dojo", location: "libs/dojo" }, 
      { name: "dijit", location: "libs/dijit" }, 
      { name: "dojox", location: "libs/dojox" }, 
     ], 
     parseOnLoad: true, 
     has: { 
       "dojo-firebug": true, 
       "dojo-debug-messages": true 
      }, 
     async: true 
    };

其他js stuff：

require(["dijit/layout/BorderContainer", "dijit/layout/TabContainer", 
    "dijit/layout/ContentPane", "dojo/parser"]);

個CSS：

html, body { 
height: 100%; 
margin: 0; 
overflow: hidden; 
padding: 0; 
} 

#appLayout { 
height: 100%; 
} 
#leftCol { 
width: 14em; 
}

來源

2012-06-29 Sheena

什麼東西在螢火蟲有趣？你也應該從'packages'配置選項中的最後一個參數中移除'，'。 – maialithar

沒有什麼有趣的地方：所有的div都在那裏，沒有錯誤出現，沒有錯誤標籤的證據。我已經拿出了這個逗號，謝謝。雖然 – Sheena

可以在頁面加載後看到源代碼，但它似乎沒有改變任何內容？也許這是CSS的問題？嘗試刪除'class'屬性。我相信你爲'claro'主題添加了正確的css聲明？佈局從教程工作正常與火狐極光15中的道場1.7.2 - 我可以保證，從我自己的經驗; ） – maialithar

我建議觀看教程頁面上的「完整演示」，然後使用Firebug你的代碼比較的例子。通常他們會留下額外的「demo.css」文件或其他您實際需要將所有內容縫合在一起的其他文件。

來源

2012-06-29 09:16:01 Ted

版本1.7的道場佈局教程不適用於1.7.2

回答

相關問題