Open first ContentPane in AccordionContainer

GeorgeHilton__GISP — Mon, 25 Jul 2016 20:46:45 GMT

This is a follow up to a question I asked earlier today. I'm trying to open a Content Pane with an AccordionContainer and Content Panes which are not visible when the application opens; while making sure the first Content Pane in the Accordion Container is opened. The answer for the question I asked earlier was answered correctly by Robert Scheitlin in this thread: https://community.esri.com/message/623381?et=watches.email.thread#comment-623381

Using the answer as a guide I tried to work it into an application I have where I have code broken out into a separate load.js file and not in the entire html file. I'm wondering if perhaps I need to have my modules listed in a different order for the code to automatically open the first ContentPane in an Accordion Container? I think I have all of the required modules and in an appropriate order My load.js file is listed below.

I hope just attaching the load.js file and not the other associated js files will work, if not I can attach all of my other js files and html file. Any help is greatly appreciated

Thanks,
George Hilton

var map;

var selectionToolbar;

var dLayer;

var idlay;

var scalebar;

var parfill;

var popup;

var qbyidpt;

var navToolbar;

var infoTemplate;

var idTask;

var idParam;

var pFP;

var yn;

var store;

var sr;

var legend;

var legaccord;

var inviz;

require([

"esri/map",

"esri/dijit/Legend",

"esri/layers/GraphicsLayer",

"esri/SpatialReference",

"esri/toolbars/draw",

"esri/dijit/Scalebar",

"esri/geometry/Point",

"esri/graphic",

"esri/symbols/SimpleFillSymbol",

"esri/symbols/SimpleLineSymbol",

"esri/toolbars/navigation",

"esri/tasks/IdentifyTask",

"esri/tasks/IdentifyParameters",

"esri/dijit/Popup",

"dojo/dom-construct",

"esri/geometry/Extent",

"esri/InfoTemplate",

"esri/layers/ArcGISDynamicMapServiceLayer",

"dijit/layout/ContentPane",

"dojo/on",

"dojo/parser",

"dojo/_base/array",

"esri/Color",

"dijit/registry",

"dojo/domReady!"

function (

Map, Legend, GraphicsLayer, SpatialReference, Draw, Scalebar, Point, Graphic, SimpleFillSymbol, SimpleLineSymbol, Navigation, IdentifyTask, IdentifyParameters, Popup, domConstruct, Extent, InfoTemplate, ArcGISDynamicMapServiceLayer,

FloatingPane, on, parser, arrayUtils, Color, registry

) {

// call dojo parser

parser.parse();

// Full extent of map

fullExtent = new esri.geometry.Extent({ "xmin": fullMinX, "ymin": fullMinY, "xmax": fullMaxX, "ymax": fullMaxY, "spatialReference": { "wkid": fullWKID } });

//var initExtent = new esri.geometry.Extent({ "xmin": -8227830.3637063, "ymin": 5340700.39573648, "xmax": -8171280.30528049, "ymax": 5394550.12077208, "spatialReference": { "wkid": 102100 } });

map = new Map("map", {

basemap: "topo",

//infoWindow: popup,

//extent: initExtent,

showAttribution: false,

slider: false,

logo: false,

center: [-73.7164, 43.3724],

zoom: 11

});

map.on("update-start", showLoading);

map.on("update-end", hideLoading);

//scale = new scaleUtils.getScale(map);

//console.log(scale);

//var scale = scaleUtils.getScale(map);

//var tscale = scale.toString();

//alert(tscale);

selectionToolbar = new Draw(map, {showTooltips: false});

selectionToolbar.on("draw-end", addrectselToMap);

scalebar = new Scalebar({

map: map,

scalebarStyle: "ruler",

//scalebarUnit: "dual",

attachTo: "bottom-left"

});

parfill = new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID,

new SimpleLineSymbol(SimpleLineSymbol.STYLE_SOLID,

new Color([255, 0, 0]), 1), new Color([255, 255, 100, 0.25])

);

//define symbol for popup

popup = new Popup({

fillSymbol: new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID,

new SimpleLineSymbol(SimpleLineSymbol.STYLE_SOLID,

new Color([255, 0, 0]), 2), new Color([50, 50, 255, 0.25]))

}, domConstruct.create("div"));

sr = new SpatialReference(3857);

// Empty Point for Qby Identify Function Info Window Box Location

qbyidpt = new Point;

infoTemplate = new InfoTemplate();

infoTemplate.setTitle("Selected Parcel: ${NEWNUMBER}");

infoTemplate.setContent("Parcel ID : ${NEWNUMBER}");

idTask = new IdentifyTask("http://toqgis.queensbury.net/arcgis/rest/services/Web_App/MapServer");

idParam = new IdentifyParameters();

idParam.layerOption = IdentifyParameters.LAYER_OPTION_VISIBLE;

idParam.tolerance = 1;

idParam.layerIds = [3];

idParam.width = map.width;

idParam.height = map.height;

//idParam.spatialReference = this.map.spatialReference;

idParam.returnGeometry = true;

navToolbar = new Navigation(map);

map.on("load", initOperationalLayer);

map.on("layers-add-result", verifyLoadStatus);

map.on("click", getMapPoint);

map.on("mouse-move", showCoordinates);

map.on("mouse-out", clearCoordinates);

map.infoWindow.on("hide", hideidwin);

function initOperationalLayer() {

// Hook up jQuery

$(document).ready(mapReady);

//add QBY Map Service

dLayer = new ArcGISDynamicMapServiceLayer("http://toqgis.queensbury.net/arcgis/rest/services/Web_App/MapServer");

//add empty Graphics Layer

idlay = new GraphicsLayer();

map.addLayers([dLayer, idlay]);

}

//INITIALIZING FUNCTION FOR JQuery

function mapReady() {

//SET UP CLICK EVENT AND FUNCTION FOR LEGEND TOGGLE BUTTON

//var tlg = document.getElementById("toggleleg");

//tlg.addEventListener("click", showhideleg);

$('#toggleleg').click(showhideleg);

var easing = 1;

var easing_effect ='easeOut Bounce';

var animation_speed = 500;

var slider_width = $('#content').width();

//wire click event for check box to a function

$('.sub-layer-label, .sub-layer-check').click(updateLayerList);

//wire click event for left panel

$('#layer-tabs-left-handle').click(function () {

var mar = $('#content').css("margin-left");

var cw = $('#content').css("width");

//alert(cw);

if ($('#content').width() == 0) {

$('#layer-tabs-left-handle').animate({left:268}, "fast", "linear");

$('#content').animate({width:300}, "fast", "linear" );

$('#contenttitle').css("display", "inline-block");

$('#accordion').css("display", "inline-block");

$(this).css("border", "none");

$(this).css("background-image", "url(http://toqgis.queensbury.net/webappjsworking/images/arrow_left.png)");

$(this).attr('title', 'Close');

}

else {

//alert(cw);

$('#layer-tabs-left-handle').animate({left:0}, "fast", "linear");

$('#content').animate({width:0}, "fast", "linear" );

$('#contenttitle').css("display", "none");

//$(this).css("border", "none");

$(this).css({"background-color": "", "border": "none"});

$(this).css("background-image", "url(http://toqgis.queensbury.net/webappjsworking/images/arrow_right.png)");

$(this).attr('title', 'Open');

}

var is_collapsed = $(this).css("margin-left") == slider_width+"px" && !$(this).is(':animated');

//alert(is_collapsed);

var sign = (is_collapsed) ? '-' : '+' ;

});

$('#layer-tabs-left-handle').hover(

function() {

var cwid = $('#content').width();

//alert(cwid);

if (cwid == 0) {

$(this).css({"background-color": "white", "border" : "solid 1px #a6c9e2"});

}

}, function (){

$(this).css({"background-color": "", "border": "none"});

});

}

//******

//TOGGLE LEGEND AND LAYER LIST CONTENT PANE

//******

function showhideleg() {

var legwin = document.getElementById("rightPane");

var viz = legwin.style.visibility;

legwin.style.visibility = "visible";

registry.byId("accord").selectChild("legendPane", true);

}

//Verify that all Layers have been loaded

//set up to handle layers-add-result

function verifyLoadStatus(results) {

//BUILD LEGEND

legend = new Legend({

map: map,

layerInfos: [{

layer: dLayer,

hideLayers: [0,1],

title: "Interactive Map Layers"

}]

},"legendDiv");

legend.startup();

if (results.layers.length == 1) {

//alert(map.layerIds.length);

createLayerList();

}

function createLayerList() {

////Gets Sub Layer Names then create Layer List/set visibility and check boxes

var lyrInfos = dLayer.layerInfos;

//count of all layers in service

//alert(lyrInfos.length);

for (lyr in lyrInfos) {

var lyrname;

lyrname = lyrInfos[lyr].name;

//alert(lyrname);

}

});

topic Re: Open first ContentPane in AccordionContainer in ArcGIS JavaScript Maps SDK Questions

Open first ContentPane in AccordionContainer

Re: Open first ContentPane in AccordionContainer

Re: Open first ContentPane in AccordionContainer