2 legend objects with arcgis javascript api

Question

Can i create 2 legend objects in one script?

I'm currently working on a web-application in which i already do have a legend/TOC running and it looks like this:

var legendLayers=[];
    legendLayers.push({layer:raum, title:'Raumkategorien', slider:true});
        map.on("layers-add-result", function(){
        var layerInfo = new TOC({
                map: map,
                layerInfos: legendLayers,
        }, "legendDiv");
        layerInfo.startup();
    });
    map.addLayers([raum]);

Now I added some geoprocessing functionality and i wanted to add a new TOC when the result map is loaded in the web-app. I tried this by doing the following:

function gpJobComplete(jobinfo){
        var mapurl = mapServiceURL + "/" + jobinfo.jobId;
        var energy = new ArcGISDynamicMapServiceLayer(mapurl,{
            id:"Beste Energieformen",
            "opacity": 0.85
        });
        map.addLayers([energy]);

        var outputLayers = [];
        outputLayers.push({layer:energy, title:"Beste Energieformen"});
        map.on("layers-add-result", function(){
            domUtils.show(dom.byId('outputDiv'));
            var outputInfo = new TOC({
                map: map,
                layerInfos: outputLayers
            }, "outputDiv");
        outputInfo.startup();
        });
    }

I get a result map and it works just nice in the web app, but there's no new TOC. Am i trying it the wrong way?

Answer 1

Have you destroyed your previous TOC? I've found that the legend widget get's confused if you build a new one without first destroying the old one. The legend widget has a destroy method, I'm not sure if the TOC does as well. Try completely removing the old TOC before building a new one.

Good Luck.

It's essentially something like this. But as I said I'm just using the legend widget not the TOC widget.

        if (biosatApp.hasOwnProperty("legend")) {
            biosatApp.legend.destroy();
            domConstruct.destroy(dojo.byId("legendDiv"));
        }
        // create a new div for the legend
        var legendDiv = domConstruct.create("div", {
            id: "legendDiv"
        }, dom.byId("EILegendContainer"));

        biosatApp.legend = new Legend({
            map: biosatApp.map,
            layerInfos: biosatApp.legendLayers
        }, legendDiv);
        biosatApp.legend.startup();

Answer 2

so i tried destroying the existing toc and creating a new one like this, but it doesn't seem to work

function gpJobComplete(jobinfo){
        var mapurl = mapServiceURL + "/" + jobinfo.jobId;
        var energy = new ArcGISDynamicMapServiceLayer(mapurl,{
            id:"Beste Energieformen",
            "opacity": 0.85
        });

        layerInfo.destroy();
        var outputLayers = [];
        outputLayers.push({layer:energy, title:"Beste Energieformen"});
        map.on("layers-add-result", function(){
            var outputInfo = new TOC({
                map: map,
                layerInfos: outputLayers
            }, "outputDiv");
        outputInfo.startup();
        });
        map.addLayers([energy]);
    }