以编程方式在dijit布局TitlePane中插入dijit内容窗格

Posted 2021-04-15

我试图以编程方式将dijit / layout / content窗格添加到dijit / title窗格。我遇到的问题是我无法让内容窗格进入标题窗格，它放在它下面。我的代码是这样的：任何想法我做错了什么？

谢谢

皮特

[![require([
            "dijit/TitlePane",
            "dijit/layout/ContentPane",
            "dojo/dom",
            "dojo/domReady!"
        ], function (TitlePane, ContentPane, dom) {

            //create the title pane to hold the layer list
            var tp = new TitlePane({ title: "Layers", id: "tp" });
            dom.byId("viewDiv").appendChild(tp.domNode);
            tp.startup();

            var cp = new ContentPane({ id: "cp", content: "Test" });
            cp.placeAt("tp");
            cp.startup();
            dom.byId("tp").appendChild(cp.domNode);

        });][1]][1]

答案

TitlePane作为属性内容，您需要使用它来设置contentpane

前1：

var titlePane = new dijit.TitlePane({
        title:"This",    
        open: false,
        content: new ContentPane({
            content:"Hello, I'm content pane inside a title pane",
            style:"background:red"
        })
    });

前2：

var cp = new ContentPnae({
           content:"Hello again, I'm CP within titlepane",
            style:"background:yellow"
});
    var titlePane = new dijit.TitlePane({
            title:"This too",    
            open: false           
        });
titlePane .set('content',cp.domNode);