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

问题描述 投票:1回答:1

enter image description here我试图以编程方式将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]
javascript dojo
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);
© www.soinside.com 2019 - 2024. All rights reserved.