How to assign content from variable to contentPane programmatically

khairulamri — Sat, 11 Dec 2021 16:19:16 GMT

Hi All, I'm newbie in dojo. I have created TabContainer programmatically based on dojotoolkit tutorial.

here is the code

require(["dijit/layout/TabContainer", "dijit/layout/ContentPane","dojo/dom", "dojo/domReady!"],
    function(TabContainer, ContentPane,dom){
    var tc = new TabContainer({
        style: "height: 100%; width: 100%;"
    }, "layerPanel");

    var layerlistMenu = new ContentPane({
         title: "Layer",
         content: "this is layer list"
    });
    tc.addChild(layerlistMenu);

    var legendMenu = new ContentPane({
         title: "Legend",
         content: "this is legend"
    });
    tc.addChild(legendMenu);
   
    tc.startup();
});

here is the actual result, the content is harcoded.

I have legend variable in another script like this :

var legend = new Legend ({
                        map: map
                    }, "legendDiv");
                    legend.startup();

I want to assign the legend content to legend tab.

here is my expectation :

I did it using declarative method, could anyone please advice me how to assign legend content using programmatically method ?

thank you

-amri-

Re: How to assign content from variable to contentPane programmatically

KenBuja — Fri, 06 Mar 2015 14:04:40 GMT

Just as you use the "addChild" to add the ContentPane to the TabContainer, you add information to the ContentPane with "addChild"

legendMenu.addChild(legend);

topic How to assign content from variable to contentPane programmatically in ArcGIS JavaScript Maps SDK Questions

How to assign content from variable to contentPane programmatically

Re: How to assign content from variable to contentPane programmatically