Multiple accordion panes js

GloriaForthun — Mon, 29 Sep 2014 12:30:25 GMT

I am using an older version of accordion panes and can only figure out how to add one pane to the legend pane. I need multiple panes but I don't know what to change in my js to tell it to go into the other pane.

This is the JS

var map, GeoRSSLayer, legendLayers = [];

function init() {

var popupOptions = {
   marginLeft: "20",
   marginTop: "20"
    };

//create a popup to replace the map's info window
var popup = new esri.dijit.Popup(popupOptions, dojo.create("div"));

var popupTemplate = new esri.dijit.PopupTemplate({
   title: "Traffic Control Points",
   fieldInfos: [
   {fieldName: "Location", visible: true, label:"Location"},
   {fieldName: "County", visible: true, label:"County"},
   {fieldName: "TCP_Number", visible: true, label:"TCP ID"},
   {fieldName: "One_Op_Per", visible: true, label:"Agency(ies) and # on Shift"},
   {fieldName: "OPS_Sec__C", visible: true, label:"Ops Section"},
   {fieldName: "DIV_Sup__C", visible: true, label:"Div Supervisor"},
   {fieldName: "AGENCY__CG", visible: true, label:"Agency"},
   ],
   showAttachments:true
});
var tcpLayer = new esri.layers.FeatureLayer("http",{
   mode: esri.layers.FeatureLayer.MODE_SNAPSHOT,
   infoTemplate: popupTemplate,
   outFields: ["Location", "County", "TCP_Number", "One_Op_Per", "OPS_Sec__C", "DIV_Sup__C", "AGENCY__CG"]
});
   legendLayers.push({layer:tcpLayer, title:'Traffic Control Points'});
    tcpLayer.setDefinitionExpression();
     tcpLayer.setVisibility(false);

//Begin legend
   dojo.connect(map, 'onLayersAddResult', function (results) {

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

map.addLayers([ tcpLayer ]);

//add check boxes
dojo.connect(map, 'onLayersAddResult', function (results) {

//add check boxes
   dojo.forEach(legendLayers, function (layer) {
var layerName = layer.title;
var checkBox = new dijit.form.CheckBox({
   name:"checkBox" + layer.layer.id,
   value:layer.layer.id,
   checked:layer.layer.visible,
   onChange:function (evt) {
var clayer = map.getLayer(this.value);
   clayer.setVisibility(!clayer.visible);
   this.checked = clayer.visible;
   }
});

//add the check box and label to the toc
   dojo.place(checkBox.domNode, dojo.byId("toggle"), "after");
var checkLabel = dojo.create('label', {'for':checkBox.name, innerHTML:layerName}, checkBox.domNode, "after");
   dojo.place("<br />", checkLabel, "after");
   });
});

}
   dojo.addOnLoad(init);

So this goes into the first pane after the legend pane called DPS. Now I need to do the same thing but have the layer go to another pane call Pane2. What needs to be changed in the above code to do this?

This is the html

<div data-dojo-type="dijit/layout/ContentPane" id="legend"

data-dojo-props="title:'Legend', selected:true">

</div>

<div data-dojo-type="dijit/layout/ContentPane" id="DPS"

data-dojo-props="title:'DPS'">

</div>

<div data-dojo-type="dijit/layout/ContentPane" id="Pane2"

data-dojo-props="title:'Pane2'">

</div>

map section

</div>

Thank you.

Re: Multiple accordion panes js

TimWitt2 — Mon, 29 Sep 2014 12:38:20 GMT

Gloria,

The issue is that the Legend dijit can only be in one pane. You would have to create a separate legend dijit for each pane and add to that legend dijit whatever feature you would like to show.

Tim

Re: Multiple accordion panes js

GloriaForthun — Mon, 29 Sep 2014 12:43:38 GMT

I have seen multiple accordion panes and so I thought I could do that too. I have too long a list of layers to put into one pane and another legend wouldn’t be practical. Thanks for your help.

Gloria

Re: Multiple accordion panes js

TimWitt2 — Mon, 29 Sep 2014 12:51:24 GMT

Maybe you could implement this widget?

http://www.arcgis.com/home/item.html?id=9b6280a6bfb0430f8d1ebc969276b109

topic Re: Multiple accordion panes js in ArcGIS JavaScript Maps SDK Questions

Multiple accordion panes js

Re: Multiple accordion panes js

Re: Multiple accordion panes js

Re: Multiple accordion panes js