Kelly,Yes, I've read the Migrating doc and I've been reading the Dojo documentation pages and I'm still struggling to get my site to work. I'm having difficulty making sense of the new dojo require method and I'm really frustrated that there aren't any samples that show dojo 1.7 in use with the javascript API. So far I'm trying to get one widget to work at a time and I've been stuck on this building dropdown for the last two days. I've been able to load the dropdown from a query but I can't get the onChange function to work. When you select a building from the dropdown the Firebug console shows this error: "this.store._oldAPI is undefined" which appears to be coming from dojo.Here's my trial code:
require(["dojo/ready", "dojo/dom", "dojo/query",
"esri/map",
"esri/toolbars/navigation",
"esri/tasks/query",
"esri/dijit/Scalebar",
"dijit/dijit", "dijit/layout/ContentPane", "dijit/layout/TabContainer",
"dijit/Toolbar",
"dijit/form/Button", "dijit/form/ToggleButton",
"dijit/form/FilteringSelect",
"dijit/TitlePane",
"dojo/store/Memory", "dojo/data/ObjectStore"
]);
var basemap, navToolbar, map, bldgStore, selectedBldg, visible = []; //
var mapURL = "http://.../rest/services/MU_Base/MapServer";
var bldgLayerId = 58;
var baseLayers = [58,59,61,62,63];
function Init() {
map = new esri.Map("mapDiv", { logo: false });
var imageParameters = new esri.layers.ImageParameters();
imageParameters.format = "PNG24"; //set the image type to PNG24, note default is PNG8.
basemap = new esri.layers.ArcGISDynamicMapServiceLayer(mapURL, { "imageParameters": imageParameters });
map.addLayer(basemap);
//** Add the navigation toolbar
navToolbar = new esri.toolbars.Navigation(map);
selectedBldg = new esri.symbol.SimpleFillSymbol(esri.symbol.SimpleFillSymbol.STYLE_NULL,
new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_SOLID,
new dojo.Color([204, 0, 0]), 2));
//** CONNECT MAP FUNCTIONS
dojo.connect(map, "onLoad", loadBuildingStore);
//dojo.connect(map, "onExtentChange", extentHistoryChangeHandler);
//resize the map when the browser resizes - view the 'Resizing and repositioning the map' section in
var resizeTimer;
dojo.connect(map, 'onLoad', function (theMap) {
var scalebar = new esri.dijit.Scalebar({
map: map,
scalebarUnit: 'english'
});
dojo.connect(dojo.byId("mapPanel"), 'resize', function () {
map.resize();
});
visible = basemap.visibleLayers;
});
}
dojo.ready(Init);
function loadBuildingStore() {
var bqTask = new esri.tasks.QueryTask(mapURL + "/" + bldgLayerId);
var bldgQuery = new esri.tasks.Query();
bldgQuery.returnGeometry = false;
bldgQuery.outFields = ["OBJECTID", "NAME", "BLDCODE", "KEYWORDS", "TYPE", "STATUS", "ADDRESS"];
bldgQuery.where = "CAMPUS_ID = 'MAIN' AND STATUS <> 'RESTRICTED'";
bqTask.execute(bldgQuery);
dojo.connect(bqTask, "onComplete", function (nResults) {
var bldgItems = dojo.map(nResults.features, function (item) {
//ATTEMPT TO SEE IF PROBLEM LIES IN INTEGER VALUE FOR IDENTIFIER IN DATASTORE? NO DIFFERENCE
var idStr = item.attributes.OBJECTID.toString();
item.attributes.OBJECTID = idStr;
return item.attributes;
});
var data = {
'identifier': "OBJECTID",
'items': bldgItems
};
var objStore = new dojo.store.Memory({ data: data, idProperty: 'OBJECTID' });
var select = new dijit.form.FilteringSelect({
id: "bldgDD",
style: "width: 300px;",
placeHolder: "Select a building or start typing",
store: dojo.data.ObjectStore({ objectStore: objStore }),
required: false,
labelAttr: 'NAME',
fetchProperties: { sort: [{ attribute: 'NAME'}] },
// onChange: queryID
onChange: function (val) {
log(val);
//queryID(val);
}
}, "bldgDD");
});
}
