Latest Contributions by TracySchloss

I have two external tables that contain an ID and a description.  They are the basis for a set of menus, and since they are very similar in their schema, I'm attempting to create one tool  for creating an array of code and description pairs.  In addition, I'm using this as a learning tool for defining modules and it's not going so well. These these will eventually be input for menus, as well as look These are two different tables and the field names are not  identical, so I need to account for that as well. In my Map module, myMap.js, I have defined this variable, which is a table I have loaded as a featureLayer, along with several other layers.         var specUrl = specialtyTable.url; added a listener for the map load event: myPopulateCodeList.populateCode('spec',specUrl); The function populateCode is getting called, but I need to keep the codeList array as a variable, because I'll use it again in more than one place. myPopulateCodeList.js define([   "dojo/on",   "esri/tasks/QueryTask",   "esri/tasks/query"   ], function(   on,QueryTask, Query){   var codeList = [];       return {         populateCode: function(codeType, url){           switch (codeType) {             case "spec":               codeAtt = 'ID_SPECIALTY_PK';               specAtt = 'TX_SPECIALTY_DESC';               break;             default:               codeAtt = 'ID_PROV_TYPE_PK';               specAtt = 'TX_PROV_DESC';               break;           }           var queryTask = new QueryTask(url);           var query = new Query();           query.outFields = ["*"];           query.where = "1=1";           query.returnGeometry = false;           on(queryTask, 'complete', this.codeResultsHandler);           on(queryTask, 'error', this.errorHandler);           queryTask.execute(query);         },                 //builds codeList object containing codes and descriptions         codeResultsHandler: function(results){           var numResults = results.featureSet.features.length;                     for (var j = 0; j < numResults; j++) {               var code = results.featureSet.features .attributes[codeAtt];               var desc = results.featureSet.features .attributes[specAtt];               codeList.push({                 code: code,                 desc: desc               });             }             console.log('end of codeList array build');             return codeList;           },                 errorHandler: function(err){           console.log("error in myPopulateCodeList, error: " + err.details);         }               }     return codeList;          }); I can see that codeList is getting populated with values from the results handler of the queryTask, but I can't figure out how to pass this result back to the calling function.  This doesn't work: var specCodeList = myPopulateCodeList.populateCode('spec',specUrl); When I had it all in one big file, this was working, but I'm trying to learn how to break my work up into smaller bits. ... View more

I have a complicated definition for infoTemplate content which I'm populating with a function.  Because I'm using bootstrap-map, there's some issue with the 'Zoom to' not getting applied in the footer the way you'd expect.  I've managed this with code, but now I'm attempting to split this functionality out into it's own myinfoTemplate.js file. ( I'm attempting to break free of my spaghetti code habits.)  define ([  "dojo/dom-construct", "dojo/on", "dojo/dom", "dojo/query",       ] , function (domConstruct,on,dom,query) {      return {       generateInfoContent: function(graphic){         var currentGraphic = graphic;         var formatString = "";         var addrTest = graphic.attributes.AD_LINE1;         var addr2Test = graphic.attributes.AD_LINE2;         var provCode = graphic.attributes.ID_PROV_TYPE_FK;         var specCode = graphic.attributes.ID_SPECIALTY_FK;         var locTest = graphic.attributes.LOC_CODE.substring(0, 1);         var phoneTest = phoneFormatter(graphic.attributes.PH_NUMBER);                         formatString = "<b>" + graphic.attributes.NA_PROVIDER + "</b>";         if (addrTest.length > 1) {           formatString += "<br>" + addrTest;         }         if (addr2Test.length > 1) {           formatString += "<br>" + addr2Test;         }         formatString += "<br>" + graphic.attributes.AD_CITY + ", " + graphic.attributes.AD_STATE + "  " + graphic.attributes.AD_ZIP_CODE +         "<br>" //+        phoneTest;         if (locTest) {           formatString = formatString + "</br> ** Location Approximate ** ";         }         //popup from bootstrap doesn't display Zoom To link, so add it here                if (!dom.byId('zoomLink')) {          var link = domConstruct.create("a", {          "class": "action zoomTo myZoom",          "id": "zoomLink",          "title": "My Zoom",          "innerHTML": "Zoom To", //text that appears in the popup for the link          "href": "javascript: void(0);"          }, query(".sizer", map.infoWindow.domNode)[1]); //fails on this line, cannot read property 'infoWindow' of undefined          on(link, "click", this.zoomTo); //dom.byId('toMessage').innerHTML = "Address for: " + graphic.attributes.NA_PROVIDER;                      //formats phone number to contain () and dash - used by setInfoContent and queryHandler_populateProviders         function phoneFormatter(input){           var area = input.substr(0, 3);           var pre = input.substr(3, 3);           var suf = input.substr(6, 4);           return "(" + area + ") " + pre + "-" + suf;         }                 function zoomTo(){           var geom = currentGraphic.geometry;           var lod = map.getLevel();           if (lod < 8) {             map.centerAndZoom(geom, 8);           }           else {             map.centerAndZoom(geom, lod + 1);           }           map.infoWindow.setFeatures(currentGraphic);           map.infoWindow.show(currentGraphic.geometry);                   }         return formatString;       }     } }); Now that's it's separate, it gets hung up on  }, query(".sizer", this.map.infoWindow.domNode)[1]);.  How do I tell it what 'map' is? I'm calling this from my map.js file as       var infoTemplate = new InfoTemplate();   infoTemplate.setTitle("Site Information");   infoTemplate.setContent(myInfoTemplate.generateInfoContent); This all works when I comment out the lines that deal with the link.  But I need that part!  ... View more