Question

我尝试在dojo（1.7.2）中使用dijit进行布局，但结果看起来不像我想要的那样。

我的第一次尝试是从一些例子（这里是http://pastebin.com/Uy0pFmn3）尝试声明式样式，这很好。然后我尝试将其转换为程序样式（此处http://pastebin.com/qRWUQsQN），但它只显示了最后创建的布局。

我是否误解了dijit的布局是如何工作的还是只是忽略了一些？感谢

Answer 1

您必须添加CSS样式：

html, body {
    height: 100%;
    width: 100%;
}

和BorderContainer：

style="height:100%; width:100%"

Answer 2

编辑：好的，我明白了。我想我不能使用new ContentPane，而是new dijit.layout.ContentPane（所以这里的最终版本http://pastebin.com/eYfeQUd8）。奇怪的，＃34;只显示最后的布局＆＃34;由我奇怪的CSS东西引起的。

令我困惑的一件事是，为什么新的ContentPane不起作用？据我所知，有些例子确实如此

require(["dijit/layout/BorderContainer", "dijit/layout/TabContainer",
        "dijit/layout/ContentPane"], function(BorderContainer) {new BorderContainer //STUFF//}

Answer 3

我在这看到问题.. 在您丢失的pastebin代码中，请按照以下示例声明函数参数...

您修改过的代码：

require（[“dijit / layout / BorderContainer”，“dijit / layout / TabContainer”， “dijit / layout / ContentPane”]，功能（ BorderContainer ， TabContainer ， ContentPane ） {
var appLayout = new BorderContainer（{“design”：“headline”}，'appLayout'）;

require参数的顺序也应该在函数参数内匹配..

Waseem Ahmed V

Dojo（Dijit）bordercontainer无法正确显示（以编程方式）

3 个答案: