小编And*_*i T的帖子

dojo/dijit BorderContainer声明性示例 - 但是程序化

我试图以编程方式编写声明性示例,但到目前为止还没有成功. http://dojotoolkit.org/reference-guide/dijit/layout/BorderContainer.html

dojo.require("dijit.layout.ContentPane");
dojo.require("dijit.layout.BorderContainer");

dojo.addOnLoad(function() {

    var borderContainer = new dijit.layout.BorderContainer({
        design: "sidebar",
        gutters: true,
        liveSplitters: true,
        id: "borderContainer"
    });

   borderContainer.placeAt(dojo.body(), "last");

    var panelLeft = new dijit.layout.ContentPane({
        content: "<p>left</p>",
        splitter: true,
        region: "leading",
        style: "width: 300px;"
    });
    panelLeft.placeAt("borderContainer", "first");

    var panelRight = new dijit.layout.ContentPane({
        content: "<p>right</p>",
        splitter: true,
        region: "center"
    });
    panelRight.placeAt("borderContainer", "last");

});
Run Code Online (Sandbox Code Playgroud)

CSS文件: #borderContainer { width: 100%; height: 100%; }

你可以在这里看到代码:http://jsbin.com/inulig/27/edit#source

谢谢!

javascript dojo dijit.layout

2
推荐指数
1
解决办法
3997
查看次数

标签 统计

dijit.layout ×1

dojo ×1

javascript ×1